@ionic/core 8.5.5-dev.11746028401.1b2f6b8c → 8.5.5-dev.11747137265.184b7749

package/dist/collection/components/button/button.ionic.css

@@ -355,10 +355,14 @@ ion-ripple-effect {
   --padding-top: var(--ion-space-0, 0px);
   --focus-ring-color: var(--ion-border-focus-default, #b5c0f7);
   --focus-ring-width: var(--ion-border-size-050, 2px);
+  font-size: var(--ion-font-size-400, 1rem);
+  font-weight: var(--ion-font-weight-medium, 500);
+  letter-spacing: var(--ion-font-letter-spacing-1, 1%);
+  line-height: var(--ion-font-line-height-600, 24px);
+  text-decoration: none;
+  text-transform: none;
   position: relative;
-  min-height: var(--ion-scale-1000, 40px);
-  font-family: var(--ion-font-family, "Inter", sans-serif);
-  font-size: var(--ion-font-size-350, 0.875rem);
+  min-height: var(--ion-scale-1200, 48px);
 }
 :host::after {
   right: 0;
@@ -420,36 +424,30 @@ ion-ripple-effect {
   color: var(--ion-primitives-neutral-200, #efefef);
 }
 
-/* Extra Small Button */
-:host(.button-xsmall) {
-  --padding-top: var(--ion-space-100, 4px);
-  --padding-end: var(--ion-space-300, 12px);
-  min-height: var(--ion-space-600, 24px);
-  font-size: var(--ion-font-size-300, 0.75rem);
-}
-
 /* Small Button */
 :host(.button-small) {
   --padding-top: var(--ion-space-200, 8px);
   --padding-end: var(--ion-space-400, 16px);
-  min-height: var(--ion-scale-800, 32px);
-  font-size: var(--ion-font-size-300, 0.75rem);
+  font-size: var(--ion-font-size-350, 0.875rem);
+  font-weight: var(--ion-font-weight-medium, 500);
+  letter-spacing: var(--ion-font-letter-spacing-1, 1%);
+  line-height: var(--ion-font-line-height-500, 20px);
+  text-decoration: none;
+  text-transform: none;
+  min-height: var(--ion-scale-1000, 40px);
 }
 
 /* Large Button */
 :host(.button-large) {
   --padding-top: var(--ion-space-400, 16px);
   --padding-end: var(--ion-space-600, 24px);
-  min-height: var(--ion-scale-1200, 48px);
-  font-size: var(--ion-font-size-400, 1rem);
-}
-
-/* Extra Large Button */
-:host(.button-xlarge) {
-  --padding-top: var(--ion-space-400, 16px);
-  --padding-end: var(--ion-space-800, 32px);
-  min-height: var(--ion-scale-1400, 56px);
   font-size: var(--ion-font-size-500, 1.25rem);
+  font-weight: var(--ion-font-weight-medium, 500);
+  letter-spacing: var(--ion-font-letter-spacing-1, 1%);
+  line-height: var(--ion-font-line-height-600, 24px);
+  text-decoration: none;
+  text-transform: none;
+  min-height: var(--ion-scale-1400, 56px);
 }
 
 /* Button containing only an icon */
@@ -459,18 +457,12 @@ ion-ripple-effect {
   font-size: var(--ion-font-size-400, 1rem);
 }
 
-:host(.button-xsmall) ::slotted(ion-icon[slot=start]),
-:host(.button-xsmall) ::slotted(ion-icon[slot=end]),
-:host(.button-xsmall) ::slotted(ion-icon[slot=icon-only]),
 :host(.button-small) ::slotted(ion-icon[slot=start]),
 :host(.button-small) ::slotted(ion-icon[slot=end]),
 :host(.button-small) ::slotted(ion-icon[slot=icon-only]),
 :host(.button-large) ::slotted(ion-icon[slot=start]),
 :host(.button-large) ::slotted(ion-icon[slot=end]),
-:host(.button-large) ::slotted(ion-icon[slot=icon-only]),
-:host(.button-xlarge) ::slotted(ion-icon[slot=start]),
-:host(.button-xlarge) ::slotted(ion-icon[slot=end]),
-:host(.button-xlarge) ::slotted(ion-icon[slot=icon-only]) {
+:host(.button-large) ::slotted(ion-icon[slot=icon-only]) {
   font-size: inherit;
 }
 
@@ -491,16 +483,10 @@ ion-ripple-effect {
   height: var(--ion-space-500, 20px);
 }
 
-:host(.button-xlarge) ::slotted(ion-spinner) {
-  width: var(--ion-space-600, 24px);
-  height: var(--ion-space-600, 24px);
-}
-
 :host(.button-soft) {
   --border-radius: var(--ion-border-radius-200, 8px);
 }
 
-:host(.button-soft.button-xsmall),
 :host(.button-soft.button-small) {
   --border-radius: var(--ion-border-radius-100, 4px);
 }
@@ -549,8 +535,6 @@ ion-ripple-effect {
   font-size: var(--ion-font-size-500, 1.25rem);
 }
 
-:host(.button-xsmall) ::slotted(ion-icon[slot=start]),
-:host(.button-xsmall) ::slotted(ion-spinner[slot=start]),
 :host(.button-small) ::slotted(ion-icon[slot=start]),
 :host(.button-small) ::slotted(ion-spinner[slot=start]) {
   -webkit-margin-end: var(--ion-space-200, 8px);
@@ -564,15 +548,11 @@ ion-ripple-effect {
 }
 
 :host(.button-large) ::slotted(ion-icon[slot=start]),
-:host(.button-large) ::slotted(ion-spinner[slot=start]),
-:host(.button-xlarge) ::slotted(ion-icon[slot=start]),
-:host(.button-xlarge) ::slotted(ion-spinner[slot=start]) {
+:host(.button-large) ::slotted(ion-spinner[slot=start]) {
   -webkit-margin-end: var(--ion-space-300, 12px);
   margin-inline-end: var(--ion-space-300, 12px);
 }
 
-:host(.button-xsmall) ::slotted(ion-icon[slot=end]),
-:host(.button-xsmall) ::slotted(ion-spinner[slot=end]),
 :host(.button-small) ::slotted(ion-icon[slot=end]),
 :host(.button-small) ::slotted(ion-spinner[slot=end]) {
   -webkit-margin-start: var(--ion-space-200, 8px);
@@ -586,9 +566,7 @@ ion-ripple-effect {
 }
 
 :host(.button-large) ::slotted(ion-icon[slot=end]),
-:host(.button-large) ::slotted(ion-spinner[slot=end]),
-:host(.button-xlarge) ::slotted(ion-icon[slot=end]),
-:host(.button-xlarge) ::slotted(ion-spinner[slot=end]) {
+:host(.button-large) ::slotted(ion-spinner[slot=end]) {
   -webkit-margin-start: var(--ion-space-300, 12px);
   margin-inline-start: var(--ion-space-300, 12px);
 }

package/dist/collection/components/button/button.js

@@ -134,17 +134,13 @@ export class Button {
         return shape;
     }
     /**
-     * Disable the "xsmall" and "xlarge" sizes if the theme is "ios" or "md"
+     * Set the size based if the button is inside of an item, the default size is "small"
      */
     getSize() {
-        const theme = getIonTheme(this);
         const { size } = this;
         if (size === undefined && this.inItem) {
             return 'small';
         }
-        if ((theme === 'ios' || theme === 'md') && (size === 'xsmall' || size === 'xlarge')) {
-            return undefined;
-        }
         return size;
     }
     /**
@@ -239,7 +235,7 @@ export class Button {
         {
             type !== 'button' && this.renderHiddenButton();
         }
-        return (h(Host, { key: 'aa13cfc27904c24cd16192738b0859c5ea3ea2e0', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '0bf1e71eaa0c83463f8e3fff957e2c0075118682', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 [buttonType]: true,
                 [`${buttonType}-${expand}`]: expand !== undefined,
@@ -254,7 +250,7 @@ export class Button {
                 'button-disabled': disabled,
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, h(TagType, Object.assign({ key: 'bf9a567fc1d5d750497e1dbf0e05c87001a62bc4' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("span", { key: '6cc018bf4ec14040bdfa889aac5d59e1a98c0bb3', class: "button-inner" }, h("slot", { key: '4fb8a7a16b72dde27f073112a37106a2bbb54b4e', name: "icon-only", onSlotchange: this.slotChanged }), h("slot", { key: '41124f00a8b8b4a0be25baf8262b6ad745b3480e', name: "start" }), h("slot", { key: '19cc8118cc46a97af30f0cfde90babfd461a69c5' }), h("slot", { key: 'abae6b6ded9af682c81b1f2142623a0a5f3a519d', name: "end" })), mode === 'md' && h("ion-ripple-effect", { key: '8a6b9ada215999bc2f43fc7ec381e6ddf875ae95', type: this.rippleType }))));
+            }) }, h(TagType, Object.assign({ key: 'e1604d905028ce0f27d4e6f85561f584571a56c8' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("span", { key: '8b214709be527a06060466bc975f2d9a86ca41a4', class: "button-inner" }, h("slot", { key: '5da7b52ab234de43493c0bcda7631681368a30b8', name: "icon-only", onSlotchange: this.slotChanged }), h("slot", { key: 'ef9edc0381cf2255f99437678d350e178f516850', name: "start" }), h("slot", { key: '1b45c07d88aa1a91af63570bf533e607c61edb00' }), h("slot", { key: '1c3bcba3c81ee9a97d5ee5c888b19e9bdcd4ba75', name: "end" })), mode === 'md' && h("ion-ripple-effect", { key: 'c225e2919d973775d1e1c2434a3660cb01fce42c', type: this.rippleType }))));
     }
     static get is() { return "ion-button"; }
     static get encapsulation() { return "shadow"; }
@@ -484,8 +480,8 @@ export class Button {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'xsmall' | 'small' | 'default' | 'large' | 'xlarge'",
-                    "resolved": "\"default\" | \"large\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
+                    "original": "'small' | 'default' | 'large'",
+                    "resolved": "\"default\" | \"large\" | \"small\" | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/title/title.ionic.css

@@ -115,26 +115,10 @@ Do not edit directly, this file was auto-generated.
   line-height: var(--ion-font-line-height-700, 28px);
   text-decoration: none;
   text-transform: none;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: var(--padding-top);
-  padding-bottom: var(--padding-bottom);
   box-sizing: border-box;
   pointer-events: none;
 }
 
-:host-context(ion-toolbar) {
-  top: 0;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  transform: translateZ(0);
-  z-index: -1;
-}
-:host-context(ion-toolbar) {
-  inset-inline-start: 0;
-}
-
 :host(.title-large) {
   font-size: var(--ion-font-size-700, 1.75rem);
   font-weight: var(--ion-font-weight-medium, 500);

package/dist/collection/components/toolbar/toolbar.ionic.css

@@ -176,8 +176,7 @@ Do not edit directly, this file was auto-generated.
 }
 
 .toolbar-content {
-  flex: 2;
-  order: 3;
+  flex: 1 1 auto;
   min-width: 0;
 }
 
@@ -188,11 +187,15 @@ Do not edit directly, this file was auto-generated.
   padding-bottom: 0;
 }
 
+::slotted(ion-buttons) {
+  gap: var(--ion-space-200, 8px);
+}
+
 ::slotted(ion-title) {
-  -webkit-padding-start: var(--padding-top);
-  padding-inline-start: var(--padding-top);
-  -webkit-padding-end: var(--padding-end);
-  padding-inline-end: var(--padding-end);
+  -webkit-padding-start: var(--ion-space-200, 8px);
+  padding-inline-start: var(--ion-space-200, 8px);
+  -webkit-padding-end: var(--ion-space-200, 8px);
+  padding-inline-end: var(--ion-space-200, 8px);
 }
 
 :host(.toolbar-title-default) ::slotted(ion-title) {
@@ -206,28 +209,30 @@ Do not edit directly, this file was auto-generated.
   padding-inline-end: var(--ion-space-400, 16px);
 }
 
-::slotted([slot=secondary]) {
-  order: 2;
-}
-
-::slotted([slot=primary]) {
-  order: 4;
+:host(.has-end-content) slot[name=end],
+:host(.show-end) slot[name=end] {
+  display: flex;
+  flex: 0 0 var(--start-end-size, 0);
+  justify-content: flex-end;
   text-align: end;
 }
 
-::slotted([slot=start]) {
-  order: 1;
+:host(.has-start-content) slot[name=start],
+:host(.show-start) slot[name=start] {
+  display: flex;
+  flex: 0 0 var(--start-end-size, 0);
 }
 
-::slotted([slot=start]),
-::slotted([slot=end]) {
+:host(.has-primary-content) slot[name=primary],
+:host(.show-primary) slot[name=primary] {
   display: flex;
-  flex: 1;
-  gap: var(--ion-space-200, 8px);
+  flex: 0 0 var(--primary-secondary-size, 0);
+  justify-content: flex-end;
+  text-align: end;
 }
 
-::slotted([slot=end]) {
-  justify-content: end;
-  order: 5;
-  font-size: var(--ion-font-size-600, 1.5rem);
+:host(.has-secondary-content) slot[name=secondary],
+:host(.show-secondary) slot[name=secondary] {
+  display: flex;
+  flex: 0 0 var(--primary-secondary-size, 0);
 }

package/dist/collection/components/toolbar/toolbar.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { Host, forceUpdate, h } from "@stencil/core";
+import { forceUpdate, h, Host } from "@stencil/core";
 import { createColorClasses, hostContext } from "../../utils/theme";
 import { getIonTheme } from "../../global/ionic-global";
 /**
@@ -38,6 +38,131 @@ export class Toolbar {
         if (lastButtons) {
             lastButtons.classList.add('buttons-last-slot');
         }
+        this.updateSlotClasses();
+    }
+    componentDidLoad() {
+        this.updateSlotClasses();
+        this.updateSlotWidths();
+    }
+    /**
+     * Updates the CSS custom properties for slot widths
+     * This ensures that slots shown by their met conditions
+     * have a minimum width matching their required slot
+     */
+    updateSlotWidths(tries = 0) {
+        // Set timeout to try to execute after everything is rendered
+        setTimeout(() => {
+            // Attempt to measure and update
+            const success = this.measureAndUpdateSlots();
+            // If not all measurements were successful, try again in 100 ms
+            // cap recursion at 5 tries for safety
+            if (!success && tries < 5) {
+                setTimeout(() => {
+                    this.updateSlotWidths(tries + 1);
+                }, 100);
+            }
+        });
+    }
+    /**
+     * Measure the widths of the slots and update the CSS custom properties
+     * for the minimum width of each pair of slots based on the largest width in each pair.
+     * Returns whether we successfully measured all of the slots we expect to have content.
+     * If not, the content probably hasn't rendered yet and we need to try again.
+     */
+    measureAndUpdateSlots() {
+        // Define the relationship between slots based on the conditions array
+        // Group slots that should have the same width
+        const slotPairs = [
+            { name: 'start-end', slots: ['start', 'end'] },
+            { name: 'primary-secondary', slots: ['primary', 'secondary'] },
+        ];
+        // First, measure all slot widths
+        const slotWidths = new Map();
+        let allMeasurementsSuccessful = true;
+        // Measure all slots with content
+        const slots = ['start', 'end', 'primary', 'secondary'];
+        slots.forEach((slot) => {
+            var _a;
+            if (this.el.classList.contains(`has-${slot}-content`)) {
+                const slotElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`slot[name="${slot}"]`);
+                if (slotElement) {
+                    const width = slotElement.offsetWidth;
+                    if (width > 0) {
+                        slotWidths.set(slot, width);
+                    }
+                    else {
+                        allMeasurementsSuccessful = false;
+                    }
+                }
+            }
+        });
+        // Then set the CSS custom properties based on the largest width in each pair
+        slotPairs.forEach(({ name, slots }) => {
+            // Find the maximum width among the slots in this pair
+            let maxWidth = 0;
+            let hasAnyContent = false;
+            slots.forEach((slot) => {
+                var _a;
+                if (slotWidths.has(slot)) {
+                    hasAnyContent = true;
+                    maxWidth = Math.max(maxWidth, (_a = slotWidths.get(slot)) !== null && _a !== void 0 ? _a : 0);
+                }
+            });
+            // If at least one slot in the pair has content, set the min-width for the pair
+            if (hasAnyContent && maxWidth > 0) {
+                // Set a single CSS variable for the pair
+                this.el.style.setProperty(`--${name}-size`, `${maxWidth}px`);
+            }
+        });
+        return allMeasurementsSuccessful;
+    }
+    updateSlotClasses() {
+        // Check if slots have content
+        const slots = ['start', 'end', 'primary', 'secondary'];
+        const classesToAdd = [];
+        const classesToRemove = [];
+        slots.forEach((slot) => {
+            const slotHasContent = this.hasSlotContent(slot);
+            const slotClass = `has-${slot}-content`;
+            if (slotHasContent) {
+                classesToAdd.push(slotClass);
+            }
+            else {
+                classesToRemove.push(slotClass);
+            }
+        });
+        // Force visibilities in certain conditions. This works by adding a class to the toolbar
+        // named `show-{slot}`. This class will be added if the toolbar has the required slots
+        // and does not have any of the excluded slots, otherwise it will be removed.
+        // This is useful to enforce centering of the toolbar content when there are different amounts
+        // of slots on either side of the toolbar.
+        const conditions = [
+            { name: 'end', requiredSlots: ['start'], excludeSlots: ['end', 'primary'] },
+            { name: 'start', requiredSlots: ['end'], excludeSlots: ['start', 'secondary'] },
+            { name: 'secondary', requiredSlots: ['primary'], excludeSlots: ['secondary', 'start'] },
+            { name: 'primary', requiredSlots: ['secondary'], excludeSlots: ['primary', 'end'] },
+        ];
+        conditions.forEach((condition) => {
+            const hasRequiredSlots = condition.requiredSlots.every((slot) => classesToAdd.includes(`has-${slot}-content`));
+            const hasExcludedSlots = condition.excludeSlots.some((slot) => classesToAdd.includes(`has-${slot}-content`));
+            const className = `show-${condition.name}`;
+            if (hasRequiredSlots && !hasExcludedSlots) {
+                classesToAdd.push(className);
+            }
+            else {
+                classesToRemove.push(className);
+            }
+        });
+        // Add classes to the toolbar element
+        this.el.classList.add(...classesToAdd);
+        this.el.classList.remove(...classesToRemove);
+        // Update slot widths after classes have been updated
+        this.updateSlotWidths();
+    }
+    hasSlotContent(slotName) {
+        var _a;
+        const slotNode = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`slot[name="${slotName}"]`);
+        return !!slotNode && slotNode.assignedNodes().length > 0;
     }
     childrenStyle(ev) {
         ev.stopPropagation();
@@ -64,13 +189,13 @@ export class Toolbar {
     render() {
         const theme = getIonTheme(this);
         const childStyles = {};
-        this.childrenStyles.forEach((value) => {
-            Object.assign(childStyles, value);
+        this.childrenStyles.forEach((style) => {
+            Object.assign(childStyles, style);
         });
-        return (h(Host, { key: '6368640c5bcc3515d628c24116912e7ba1e79a00', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+        return (h(Host, { key: '9cf12f7133f19ef24ec4818e5334850b7315b602', class: Object.assign(Object.assign({}, createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, h("div", { key: '139edd9fb7a7c42d94dd79e783d841b052abb245', class: "toolbar-background", part: "background" }), h("div", { key: '72716d4a9af0191d6083d1a2444cea42e4521127', class: "toolbar-container", part: "container" }, h("slot", { key: '5049c3e4235dd52b80b50f87b74f58c03fc53c00', name: "start" }), h("slot", { key: 'cf43c31b7d81dfb49e0fdf987978c621fc563213', name: "secondary" }), h("div", { key: '34bd76bdb954adcecb4a9c263584733d617e5988', class: "toolbar-content", part: "content" }, h("slot", { key: 'a63dfc76eb070c680426e3fe6b8efc9bec9a69ac' })), h("slot", { key: 'bb0a4cb83c30d206489c2dcfb6238481ccfc51af', name: "primary" }), h("slot", { key: 'e3c632b6810493f714ec632d17b878740874e919', name: "end" }))));
+            })), childStyles) }, h("div", { key: 'ba137a3b6cc68902ec93b469968885de6746a7e6', class: "toolbar-background", part: "background" }), h("div", { key: 'd3a278f4d7e50a1b3c93a8e9412df81e6e6387bc', class: "toolbar-container", part: "container" }, h("slot", { key: '7ac00536a8fe5ecbf695d21a51f62079ff0262e0', name: "start", onSlotchange: () => this.updateSlotClasses }), h("slot", { key: 'f641e8b71125023f7dd71f4080c6b37ef33f9639', name: "secondary", onSlotchange: () => this.updateSlotClasses }), h("div", { key: 'a785319051166ac161069df114387ccc3e499822', class: "toolbar-content", part: "content" }, h("slot", { key: '4930bfc6a5425f923f4f23c27f9312d506463b0c' })), h("slot", { key: 'd0e78019181ff220bfb54110bdbe0d12be330374', name: "primary", onSlotchange: () => this.updateSlotClasses }), h("slot", { key: '5c4a39a0764001ca90e96ccb9a9b7eba158fe5e6', name: "end", onSlotchange: () => this.updateSlotClasses }))));
     }
     static get is() { return "ion-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-04-30T15:55:50",
+  "timestamp": "2025-05-13T11:56:47",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -4119,16 +4119,16 @@
         },
         {
           "name": "size",
-          "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxsmall\" | undefined",
+          "type": "\"large\" | \"medium\" | \"small\" | undefined",
           "complexType": {
-            "original": "'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
-            "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxsmall\" | undefined",
+            "original": "'small' | 'medium' | 'large'",
+            "resolved": "\"large\" | \"medium\" | \"small\" | undefined",
             "references": {}
           },
           "mutable": false,
           "attr": "size",
           "reflectToAttr": false,
-          "docs": "Set to `\"xxsmall\"` for the smallest badge.\nSet to \"xsmall\" for a very small badge.\nSet to `\"small\"` for a small badge.\nSet to \"medium\" for a medium badge.\nSet to \"large\" for a large badge.\nSet to `\"xlarge\"` for the largest badge.\n\nDefaults to `\"small\"` for the `ionic` theme, undefined for all other themes.",
+          "docs": "Set to `\"small\"` for a small badge.\nSet to `\"medium\"` for a medium badge.\nSet to `\"large\"` for a large badge, when it is empty (no text or icon).\n\nDefaults to `\"small\"` for the `ionic` theme, undefined for all other themes.",
           "docsTags": [],
           "values": [
             {
@@ -4143,18 +4143,6 @@
               "value": "small",
               "type": "string"
             },
-            {
-              "value": "xlarge",
-              "type": "string"
-            },
-            {
-              "value": "xsmall",
-              "type": "string"
-            },
-            {
-              "value": "xxsmall",
-              "type": "string"
-            },
             {
               "type": "undefined"
             }
@@ -5531,10 +5519,10 @@
         },
         {
           "name": "size",
-          "type": "\"default\" | \"large\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
+          "type": "\"default\" | \"large\" | \"small\" | undefined",
           "complexType": {
-            "original": "'xsmall' | 'small' | 'default' | 'large' | 'xlarge'",
-            "resolved": "\"default\" | \"large\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
+            "original": "'small' | 'default' | 'large'",
+            "resolved": "\"default\" | \"large\" | \"small\" | undefined",
             "references": {}
           },
           "mutable": false,
@@ -5555,14 +5543,6 @@
               "value": "small",
               "type": "string"
             },
-            {
-              "value": "xlarge",
-              "type": "string"
-            },
-            {
-              "value": "xsmall",
-              "type": "string"
-            },
             {
               "type": "undefined"
             }