wrap up new --tag-max-size for <wa-select>

packages/webawesome/docs/docs/resources/changelog.md

@@ -40,6 +40,7 @@ During the alpha period, things might break! We take breaking changes very serio
 - Added a new free component: `<wa-popover>` (#2 of 14 per stretch goals)
 - Added a `min-block-size` to `<wa-divider orientation="vertical">` to ensure the divider is visible regardless of container height [issue:675]
 - Added `--checked-icon-scale` to `<wa-checkbox>`
+- Added `--tag-max-size` to `<wa-select>` when using `multiple`
 - Fixed a bug in `<wa-radio-group>` that caused radios to uncheck when assigning a numeric value [issue:924]
 - Fixed `<wa-button-group>` so dividers properly show between buttons
 - Fixed the tooltip position in `<wa-slider>` when using RTL

packages/webawesome/src/components/select/select.css

@@ -6,7 +6,7 @@ label:has(select),
   --outlined-text-color: var(--wa-form-control-value-color);
   --border-width: var(--wa-form-control-border-width);
   --box-shadow: initial;
-  --tag-max-length: 8ch;
+  --tag-max-size: 8ch;
 }
 
 /* Add ellipses to multi select options */
@@ -15,7 +15,7 @@ label:has(select),
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  max-width: var(--tag-max-length);
+  max-width: var(--tag-max-size);
 }
 
 :host .disabled [part~='combobox'] {

packages/webawesome/src/components/select/select.ts

@@ -79,6 +79,7 @@ import styles from './select.css';
  * @cssproperty --border-color - The border color of the select's combobox.
  * @cssproperty --border-width - The width of the select's borders, including the listbox.
  * @cssproperty --box-shadow - The shadow effects around the edges of the select's combobox.
+ * @cssproperty [--tag-max-size=8ch] - When using `multiple`, the max size of tags before their content is truncated.
  *
  * @cssstate blank - The select is empty.
  */