@threadlabs/looma 0.37.1 → 0.37.2

package/components/ui-checkbox/ui-checkbox.html

@@ -19,7 +19,7 @@
     <prop name="size" type="keyword" values="sm, md, lg" default="md"
     >Aligns the checkbox with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres
       in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text
-      baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.</prop>
+      baseline. Touch input keeps the same visible alignment. md is the standard layout.</prop>
     <state type="boolean" name="internalChecked" value="false"></state>
     <event name="change" type="object">
       <prop name="checked" required type="boolean"></prop>

package/components/ui-combobox/ui-combobox.html

@@ -85,7 +85,7 @@
     <prop name="size" type="keyword" values="sm, md, lg" default="md"
     >Field height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by
       default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding.
-      Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. The label keeps its size.</prop>
+      Touch input keeps body-size field text without inflating the visible size ladder. The label keeps its size.</prop>
     <prop name="labelVisibility" type="keyword" values="visible, sr-only" default="visible"
     >visible shows the label above the field; sr-only hides it visually but keeps it as the input's accessible name. Use sr-only only when the surrounding
       layout already makes the field's purpose clear.</prop>

package/components/ui-input/ui-input.html

@@ -34,9 +34,9 @@
     <prop name="required" type="boolean" default="false">Marks the control as required for form validation.</prop>
     <prop name="size" type="keyword" values="sm, md, lg" default="md"
     >Height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default)
-      with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Under a
-      coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. Change it after render through this option; the element's size property is
-      the native one.</prop>
+      with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Touch input
+      keeps body-size field text without inflating the visible size ladder. Change it after render through this option; the element's size property is the
+      native one.</prop>
   </defs>
   <input from:type="$type" from:value="$value" from:disabled="$disabled" from:readonly="$readonly" from:required="$required" from:aria-invalid="$invalid">
   <style>

package/components/ui-radio/ui-radio.html

@@ -15,7 +15,7 @@
     <prop name="size" type="keyword" values="sm, md, lg" default="md"
     >Aligns the radio with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in
       that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline.
-      Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.</prop>
+      Touch input keeps the same visible alignment. md is the standard layout.</prop>
     <state type="boolean" name="internalChecked" value="false"></state>
     <event name="change" type="object">
       <prop name="checked" required type="boolean"></prop>

package/components/ui-select/ui-select.html

@@ -9,8 +9,8 @@
     <prop name="size" type="keyword" values="sm, md, lg" default="md"
     >Height, padding, chevron, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by
       default) with smaller text and a smaller chevron, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller
-      with roomier padding. Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. It is not the native size attribute: a select
-      is always a single-choice dropdown. Change it after render through this option; the element's size property is the native one.</prop>
+      with roomier padding. Touch input keeps body-size field text without inflating the visible size ladder. It is not the native size attribute: a select is
+      always a single-choice dropdown. Change it after render through this option; the element's size property is the native one.</prop>
   </defs>
   <select from:disabled="$disabled" from:required="$required" from:aria-invalid="$invalid"><slot></slot></select>
   <style>

package/components/ui-switch/ui-switch.html

@@ -12,7 +12,7 @@
     <prop name="size" type="keyword" values="sm, md, lg" default="md"
     >Aligns the switch with fields and buttons of the same size. It keeps its track size; the label takes that size's field type size and its first line centres
       in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text
-      baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.</prop>
+      baseline. Touch input keeps the same visible alignment. md is the standard layout.</prop>
     <state type="boolean" name="internalChecked" value="false"></state>
     <event name="change" type="object">
       <prop name="checked" required type="boolean"></prop>