@ionic/core 9.0.11-dev.11793890855.1bf6a6e5 → 9.0.11-dev.11793906456.1ea7a0a7

package/dist/cjs/scroll-hide-controller-BSVBCkbw.js

@@ -1,345 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-var index = require('./index-DkNv4J_i.js');
-var index$1 = require('./index-CB1PuDlX.js');
-var keyboard = require('./keyboard-cHxZlTyz.js');
-var index$2 = require('./index-DhGCo_n8.js');
-
-/**
- * The element that resizes when the keyboard opens
- * is going to depend on the resize mode
- * which is why we check that here.
- */
-const getResizeContainer = (resizeMode) => {
-    /**
-     * If doc is undefined then we are
-     * in an SSR environment, so the keyboard
-     * adjustment does not apply.
-     * If the webview does not resize then there
-     * is no container to resize.
-     */
-    if (index.doc === undefined || resizeMode === keyboard.KeyboardResize.None || resizeMode === undefined) {
-        return null;
-    }
-    /**
-     * The three remaining resize modes: Native, Ionic, and Body
-     * all cause `ion-app` to resize, so we can listen for changes
-     * on that. In the event `ion-app` is not available then
-     * we can fall back to `body`.
-     */
-    const appRootSelector = index$1.config.get('appRootSelector', 'ion-app');
-    const ionApp = index.doc.querySelector(appRootSelector);
-    return ionApp ?? index.doc.body;
-};
-/**
- * Get the height of ion-app or body.
- * This is used for determining if the webview
- * has resized before the keyboard closed.
- * */
-const getResizeContainerHeight = (resizeMode) => {
-    const containerElement = getResizeContainer(resizeMode);
-    return containerElement === null ? 0 : containerElement.clientHeight;
-};
-/**
- * Creates a controller that tracks and reacts to opening or closing the keyboard.
- *
- * @internal
- * @param keyboardChangeCallback A function to call when the keyboard opens or closes.
- */
-const createKeyboardController = async (keyboardChangeCallback) => {
-    let keyboardWillShowHandler;
-    let keyboardWillHideHandler;
-    let keyboardVisible;
-    /**
-     * This lets us determine if the webview content
-     * has resized as a result of the keyboard.
-     */
-    let initialResizeContainerHeight;
-    const init = async () => {
-        const resizeOptions = await keyboard.Keyboard.getResizeMode();
-        const resizeMode = resizeOptions === undefined ? undefined : resizeOptions.mode;
-        keyboardWillShowHandler = () => {
-            /**
-             * We need to compute initialResizeContainerHeight right before
-             * the keyboard opens to guarantee the resize container is visible.
-             * The resize container may not be visible if we compute this
-             * as soon as the keyboard controller is created.
-             * We should only need to do this once to avoid additional clientHeight
-             * computations.
-             */
-            if (initialResizeContainerHeight === undefined) {
-                initialResizeContainerHeight = getResizeContainerHeight(resizeMode);
-            }
-            keyboardVisible = true;
-            fireChangeCallback(keyboardVisible, resizeMode);
-        };
-        keyboardWillHideHandler = () => {
-            keyboardVisible = false;
-            fireChangeCallback(keyboardVisible, resizeMode);
-        };
-        index.win?.addEventListener('keyboardWillShow', keyboardWillShowHandler);
-        index.win?.addEventListener('keyboardWillHide', keyboardWillHideHandler);
-    };
-    const fireChangeCallback = (state, resizeMode) => {
-        if (keyboardChangeCallback) {
-            keyboardChangeCallback(state, createResizePromiseIfNeeded(resizeMode));
-        }
-    };
-    /**
-     * Code responding to keyboard lifecycles may need
-     * to show/hide content once the webview has
-     * resized as a result of the keyboard showing/hiding.
-     * createResizePromiseIfNeeded provides a way for code to wait for the
-     * resize event that was triggered as a result of the keyboard.
-     */
-    const createResizePromiseIfNeeded = (resizeMode) => {
-        if (
-        /**
-         * If we are in an SSR environment then there is
-         * no window to resize. Additionally, if there
-         * is no resize mode or the resize mode is "None"
-         * then initialResizeContainerHeight will be 0
-         */
-        initialResizeContainerHeight === 0 ||
-            /**
-             * If the keyboard is closed before the webview resizes initially
-             * then the webview will never resize.
-             */
-            initialResizeContainerHeight === getResizeContainerHeight(resizeMode)) {
-            return;
-        }
-        /**
-         * Get the resize container so we can
-         * attach the ResizeObserver below to
-         * the correct element.
-         */
-        const containerElement = getResizeContainer(resizeMode);
-        if (containerElement === null) {
-            return;
-        }
-        /**
-         * Some part of the web content should resize,
-         * and we need to listen for a resize.
-         */
-        return new Promise((resolve) => {
-            const callback = () => {
-                /**
-                 * As per the spec, the ResizeObserver
-                 * will fire when observation starts if
-                 * the observed element is rendered and does not
-                 * have a size of 0 x 0. However, the watched element
-                 * may or may not have resized by the time this first
-                 * callback is fired. As a result, we need to check
-                 * the dimensions of the element.
-                 *
-                 * https://www.w3.org/TR/resize-observer/#intro
-                 */
-                if (containerElement.clientHeight === initialResizeContainerHeight) {
-                    /**
-                     * The resize happened, so stop listening
-                     * for resize on this element.
-                     */
-                    ro.disconnect();
-                    resolve();
-                }
-            };
-            /**
-             * In Capacitor there can be delay between when the window
-             * resizes and when the container element resizes, so we cannot
-             * rely on a 'resize' event listener on the window.
-             * Instead, we need to determine when the container
-             * element resizes using a ResizeObserver.
-             */
-            const ro = new ResizeObserver(callback);
-            ro.observe(containerElement);
-        });
-    };
-    const destroy = () => {
-        index.win?.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
-        index.win?.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
-        keyboardWillShowHandler = keyboardWillHideHandler = undefined;
-    };
-    const isKeyboardVisible = () => keyboardVisible;
-    await init();
-    return { init, destroy, isKeyboardVisible };
-};
-
-const TOP_VISIBLE_THRESHOLD = 80;
-const SCROLL_HIDE_THRESHOLD = 60;
-const WHEEL_SUPPRESS_DURATION_MS = 80;
-const SUPPRESS_SHOW_DURATION_MS = 400;
-/**
- * Creates a controller that manages scroll-based hide/show behavior
- * for headers, footers, and tab bars.
- *
- * Listens to both wheel and scroll events. Wheel events (desktop mice)
- * give direction instantly via deltaY. Scroll events cover touch,
- * trackpad, and programmatic scrolling where wheel doesn't fire.
- * A short suppression window stops them from double-processing the
- * same gesture.
- *
- * When the user reverses scroll direction, we save that position as
- * an anchor. The bar only hides after scrolling 60px past that
- * anchor, which prevents flickering on small or jittery movements.
- * Showing is immediate on direction change.
- *
- * When `options` is provided, the controller also handles the DOM
- * setup: ResizeObserver for height tracking, CSS variable read/write,
- * content partner/hidden class toggling, inert/aria-hidden, and
- * full teardown cleanup. This avoids duplicating the same setup
- * across header, footer, and tab-bar.
- *
- * @internal
- * @param contentEl The content element to resolve the scroll element from.
- * @param options Configuration for DOM setup (classes, CSS vars, a11y).
- */
-const createScrollHideController = async (contentEl, options) => {
-    const { el, cssVar, hiddenClass, contentPartnerClass, contentHiddenClass, shouldKeepAriaHidden } = options;
-    let controllerIsHidden = false;
-    let resizeObserver;
-    // --- DOM setup: height tracking, classes, a11y ---
-    const updateHideHeight = () => {
-        index$1.readTask(() => {
-            const heightPx = el.offsetHeight;
-            index$1.writeTask(() => {
-                el.style.setProperty(cssVar, `${heightPx}px`);
-                contentEl.style.setProperty(cssVar, `${heightPx}px`);
-            });
-        });
-    };
-    const setHidden = (hidden) => {
-        controllerIsHidden = hidden;
-        el.classList.toggle(hiddenClass, hidden);
-        if (hidden) {
-            el.setAttribute('inert', '');
-            el.setAttribute('aria-hidden', 'true');
-        }
-        else {
-            el.removeAttribute('inert');
-            if (!shouldKeepAriaHidden || !shouldKeepAriaHidden()) {
-                el.removeAttribute('aria-hidden');
-            }
-        }
-        contentEl.classList.toggle(contentHiddenClass, hidden);
-    };
-    // --- Scroll math ---
-    const scrollEl = await index$2.getScrollElement(contentEl);
-    let lastScrollPosition = 0;
-    let scrollPositionAtDirectionChange = 0;
-    let lastWheelEventTimestamp = 0;
-    let suppressShowUntil = 0;
-    const commitHide = (hidden) => {
-        if (hidden) {
-            suppressShowUntil = Date.now() + SUPPRESS_SHOW_DURATION_MS;
-        }
-        else {
-            suppressShowUntil = 0;
-        }
-        setHidden(hidden);
-    };
-    const handleWheel = (wheelEvent) => {
-        lastWheelEventTimestamp = Date.now();
-        index$1.readTask(() => {
-            const currentScrollTop = scrollEl.scrollTop;
-            // Both wheel and scroll events fire for mouse wheel input.
-            // Scroll events are suppressed for 80ms after a wheel event,
-            // but when they resume, handleScroll needs an up-to-date
-            // lastScrollPosition or it may detect the wrong direction.
-            lastScrollPosition = currentScrollTop;
-            if (currentScrollTop <= TOP_VISIBLE_THRESHOLD) {
-                if (controllerIsHidden) {
-                    index$1.writeTask(() => commitHide(false));
-                }
-                return;
-            }
-            if (wheelEvent.deltaY < 0) {
-                scrollPositionAtDirectionChange = currentScrollTop;
-                if (controllerIsHidden) {
-                    index$1.writeTask(() => commitHide(false));
-                }
-            }
-            else if (wheelEvent.deltaY > 0) {
-                const scrolledSinceDirectionChange = currentScrollTop - scrollPositionAtDirectionChange;
-                if (scrolledSinceDirectionChange >= SCROLL_HIDE_THRESHOLD && !controllerIsHidden) {
-                    index$1.writeTask(() => commitHide(true));
-                }
-            }
-        });
-    };
-    const handleScroll = () => {
-        if (Date.now() - lastWheelEventTimestamp < WHEEL_SUPPRESS_DURATION_MS) {
-            return;
-        }
-        index$1.readTask(() => {
-            const currentScrollTop = scrollEl.scrollTop;
-            if (currentScrollTop <= TOP_VISIBLE_THRESHOLD) {
-                if (controllerIsHidden) {
-                    index$1.writeTask(() => commitHide(false));
-                }
-                lastScrollPosition = currentScrollTop;
-                return;
-            }
-            if (currentScrollTop === lastScrollPosition) {
-                return;
-            }
-            const isScrollingDown = currentScrollTop > lastScrollPosition;
-            const wasScrollingDown = lastScrollPosition > scrollPositionAtDirectionChange;
-            if (isScrollingDown !== wasScrollingDown) {
-                scrollPositionAtDirectionChange = lastScrollPosition;
-            }
-            const scrolledSinceDirectionChange = Math.abs(currentScrollTop - scrollPositionAtDirectionChange);
-            const requiredScrollDistance = isScrollingDown ? SCROLL_HIDE_THRESHOLD : 0;
-            lastScrollPosition = currentScrollTop;
-            if (scrolledSinceDirectionChange < requiredScrollDistance) {
-                return;
-            }
-            const shouldHide = isScrollingDown;
-            if (shouldHide !== controllerIsHidden) {
-                if (!shouldHide && Date.now() < suppressShowUntil) {
-                    return;
-                }
-                index$1.writeTask(() => commitHide(shouldHide));
-            }
-        });
-    };
-    // --- Controller ---
-    let initialized = false;
-    const init = () => {
-        initialized = true;
-        updateHideHeight();
-        if (typeof ResizeObserver !== 'undefined') {
-            resizeObserver = new ResizeObserver(() => updateHideHeight());
-            resizeObserver.observe(el);
-        }
-        scrollEl.addEventListener('scroll', handleScroll, { passive: true });
-        scrollEl.addEventListener('wheel', handleWheel, { passive: true });
-        contentEl.classList.add(contentPartnerClass);
-    };
-    const destroy = () => {
-        if (!initialized)
-            return;
-        scrollEl.removeEventListener('scroll', handleScroll);
-        scrollEl.removeEventListener('wheel', handleWheel);
-        if (resizeObserver) {
-            resizeObserver.disconnect();
-            resizeObserver = undefined;
-        }
-        contentEl.classList.remove(contentPartnerClass, contentHiddenClass);
-        contentEl.style.removeProperty(cssVar);
-        if (controllerIsHidden) {
-            el.classList.remove(hiddenClass);
-            el.removeAttribute('inert');
-            el.removeAttribute('aria-hidden');
-            controllerIsHidden = false;
-        }
-        el.style.removeProperty(cssVar);
-    };
-    const isHidden = () => controllerIsHidden;
-    return { isHidden, init, destroy };
-};
-
-exports.createKeyboardController = createKeyboardController;
-exports.createScrollHideController = createScrollHideController;

package/dist/cjs/validity-CoPMWggj.js

@@ -1,51 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-/**
- * Checks if the form element is in an invalid state based on
- * Ionic validation classes.
- *
- * @param el The form element to check.
- * @returns `true` if the element is invalid, `false` otherwise.
- */
-const checkInvalidState = (el) => {
-    const hasIonTouched = el.classList.contains('ion-touched');
-    const hasIonInvalid = el.classList.contains('ion-invalid');
-    return hasIonTouched && hasIonInvalid;
-};
-const getValidityFlags = (validity) => {
-    return {
-        badInput: validity.badInput,
-        customError: validity.customError,
-        patternMismatch: validity.patternMismatch,
-        rangeOverflow: validity.rangeOverflow,
-        rangeUnderflow: validity.rangeUnderflow,
-        stepMismatch: validity.stepMismatch,
-        tooLong: validity.tooLong,
-        tooShort: validity.tooShort,
-        typeMismatch: validity.typeMismatch,
-        valueMissing: validity.valueMissing,
-    };
-};
-/**
- * Reports the validity state of a native form element to ElementInternals.
- * This delegates to the native element's built-in validation, which automatically
- * handles required, minlength, maxlength, and other constraints.
- */
-const reportValidityToElementInternals = (nativeElement, internals) => {
-    if (!nativeElement?.validity) {
-        return;
-    }
-    if (nativeElement.validity.valid) {
-        internals.setValidity({});
-    }
-    else {
-        const validityFlags = getValidityFlags(nativeElement.validity);
-        internals.setValidity(validityFlags, nativeElement.validationMessage, nativeElement);
-    }
-};
-
-exports.checkInvalidState = checkInvalidState;
-exports.reportValidityToElementInternals = reportValidityToElementInternals;

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

@@ -1,199 +0,0 @@
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-:host {
-  display: block;
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-  /**
-   * This is required to force WebKit
-   * to create a new stacking context
-   * otherwise the border radius is
-   * temporarily lost when hovering over
-   * the ion-item or expanding/collapsing
-   * the accordion.
-   */
-  z-index: 0;
-}
-
-:host(.accordion-expanding) ::slotted(ion-item[slot=header]),
-:host(.accordion-expanded) ::slotted(ion-item[slot=header]) {
-  --border-width: 0px;
-}
-
-#content {
-  overflow: hidden;
-  will-change: max-height;
-}
-
-:host(.accordion-collapsing) #content {
-  /* stylelint-disable-next-line declaration-no-important */
-  max-height: 0 !important;
-}
-
-:host(.accordion-collapsed) #content {
-  display: none;
-}
-
-:host(.accordion-expanding) #content {
-  max-height: 0;
-}
-
-/**
- * Prevent margins of content-wrapper
- * from collapsing, breaking the animation.
- */
-:host(.accordion-expanding) #content-wrapper {
-  overflow: auto;
-}
-
-:host(.accordion-disabled) #header,
-:host(.accordion-readonly) #header,
-:host(.accordion-disabled) #content,
-:host(.accordion-readonly) #content {
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :host,
-  #content {
-    /* stylelint-disable declaration-no-important */
-    transition: none !important;
-  }
-}
-:host {
-  position: relative;
-}
-
-:host::after {
-  -webkit-margin-start: var(--token-space-400, var(--token-scale-400, 16px));
-  margin-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
-  -webkit-margin-end: var(--token-space-400, var(--token-scale-400, 16px));
-  margin-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
-  right: 0;
-  left: 0;
-  bottom: 0;
-  display: block;
-  position: absolute;
-  height: var(--token-border-size-025, var(--token-scale-025, 1px));
-  background-color: var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));
-  content: "";
-  z-index: 3;
-}
-
-:host(.accordion-last)::after {
-  display: none;
-}
-
-:host(.accordion-animated) {
-  transition: all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
-}
-
-:host(.accordion-animated) #content {
-  transition: max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
-}
-
-::slotted(ion-item[slot=header]) {
-  --border-radius: inherit;
-  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
-  --border-width: var(--token-border-size-0, var(--token-scale-0, 0px));
-  --inner-border-width: var(--token-scale-0, 0px);
-  --min-height: var(--token-scale-700, 28px);
-  --padding-top: var(--token-space-300, var(--token-scale-300, 12px));
-  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
-  --padding-bottom: var(--token-space-300, var(--token-scale-300, 12px));
-  --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
-  --background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
-  font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
-  font-size: var(--token-font-size-450, 1.125rem);
-  font-weight: var(--token-font-weight-medium, 500);
-  letter-spacing: var(--token-font-letter-spacing-0, 0);
-  line-height: 1.555556;
-}
-
-#content-wrapper {
-  -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
-  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
-  -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
-  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
-  padding-top: var(--token-space-300, var(--token-scale-300, 12px));
-  padding-bottom: var(--token-space-300, var(--token-scale-300, 12px));
-  font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
-  font-size: var(--token-font-size-350, 0.875rem);
-  font-weight: var(--token-font-weight-regular, 400);
-  letter-spacing: var(--token-font-letter-spacing-0, 0);
-  line-height: 1.714286;
-  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
-}
-
-:host(.accordion-disabled)::before {
-  border-radius: inherit;
-  right: 0;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  position: absolute;
-  background-color: var(--token-state-disabled, rgba(255, 255, 255, 0.6));
-  content: "";
-  pointer-events: none;
-  z-index: 2;
-}

package/dist/collection/components/accordion-group/accordion-group.ionic.css

@@ -1,93 +0,0 @@
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-:host {
-  display: block;
-}
-
-:host {
-  min-width: calc(var(--token-scale-6200, 248px) + var(--token-space-600, var(--token-scale-600, 24px)));
-  background-color: var(--token-bg-neutral-subtlest-default, var(--token-primitives-base-white, #ffffff));
-}
-
-:host(.accordion-group-expand-inset) {
-  -webkit-padding-start: var(--token-space-100, var(--token-scale-100, 4px));
-  padding-inline-start: var(--token-space-100, var(--token-scale-100, 4px));
-  -webkit-padding-end: var(--token-space-100, var(--token-scale-100, 4px));
-  padding-inline-end: var(--token-space-100, var(--token-scale-100, 4px));
-  padding-top: var(--token-space-100, var(--token-scale-100, 4px));
-  padding-bottom: var(--token-space-100, var(--token-scale-100, 4px));
-}
-
-:host(.accordion-group-expand-inset.accordion-group-shape-round) {
-  --border-radius: var(--token-shape-round-xl, 16px);
-  border-radius: var(--token-shape-round-xl, 16px);
-}
-
-:host(.accordion-group-expand-inset.accordion-group-shape-soft) {
-  --border-radius: var(--token-shape-soft-xl, 12px);
-  border-radius: var(--token-shape-soft-xl, 12px);
-}
-
-:host(.accordion-group-expand-inset.accordion-group-shape-rectangular) {
-  --border-radius: var(--token-shape-rectangular-xl, 0px);
-  border-radius: var(--token-shape-rectangular-xl, 0px);
-}