@porsche-design-system/components-react 2.20.0 → 3.0.0-alpha.0

package/ssr/components/dist/utils/esm/utils-entry.js

@@ -26,6 +26,13 @@ function getDirectChildHTMLElement(element, selector) {
     );
 }
 
+// TODO: unit test is missing
+const hasSpecificSlottedTag = (host, tags) => {
+    // TODO: needs to be direct and only child
+    const el = getHTMLElement(host, ':first-child');
+    return el === null || el === void 0 ? void 0 : el.matches(tags);
+};
+
 const isDisabledOrLoading = (disabled, loading) => {
     return disabled || loading;
 };
@@ -76,164 +83,152 @@ hasWindow &&
 
 // TODO: resolve overlap with Breakpoint type from utilities package
 const BREAKPOINTS = ['base', 'xs', 's', 'm', 'l', 'xl'];
-const parseJSON = (prop) => {
-    if (typeof prop === 'string') {
-        try {
-            // prop is potentially JSON parsable string, e.g. "{ base: 'block', l: 'inline' }" or "true" or "false"
-            return JSON.parse(prop
-                .replace(/'/g, '"') // convert single quotes to double quotes
-                .replace(/[\s"]?([a-z]+)[\s"]?:([^//])/g, '"$1":$2') // wrap keys in double quotes if they don't have them but ignore potential urls
-            );
-        }
-        catch (_a) {
-            // prop is string, e.g. "block" or "inline"
-            return prop;
-        }
-    }
-    else {
-        // prop is object, e.g. { base: 'block', l: 'inline' } or number, e.g. 123 or boolean, e.g. true
-        return prop;
-    }
-};
-
-const breakpoint$1 = {
-    xxs: '0px',
-    xs: '480px',
-    s: '760px',
-    m: '1000px',
-    l: '1300px',
-    xl: '1760px',
-    xxl: '1920px', // TODO: xxl missing in breakpoint customizable
-};
-
-const fontBehavior = {
-    textSizeAdjust: 'none',
-    WebkitTextSizeAdjust: 'none', // stop iOS safari from adjusting font size when screen rotation is changing
-};
 
 const fontFamily = "'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif";
 
-const fontHyphenation = {
+const fontHyphenationStyle = {
     overflowWrap: 'break-word',
     hyphens: 'auto',
 };
 
-const fontLineHeight = 'calc(6px + 2.125ex)'; // float px values may render differently on different browsers
+const fontLineHeight = 'calc(6px + 2.125ex)';
 
-const fontWeight = {
-    thin: 100,
-    regular: 400,
-    semiBold: 600,
-    bold: 700,
-};
+const fontSizeTextXSmall = '.875rem';
+
+const fontSizeTextSmall = '1rem';
+
+const fontWeightRegular = 400;
 
-const fontStyle = 'normal';
+const fontStyleNormal = 'normal';
 
 const fontVariant = 'normal';
 
-const textXSmall = {
-    font: `${fontStyle} ${fontVariant} ${fontWeight.regular} 0.75rem/${fontLineHeight} ${fontFamily}`,
-    ...fontBehavior,
-    ...fontHyphenation,
-};
+const breakpointBase = '0px';
 
-const textSmall = {
-    font: `${fontStyle} ${fontVariant} ${fontWeight.regular} 1rem/${fontLineHeight} ${fontFamily}`,
-    ...fontBehavior,
-    ...fontHyphenation,
-};
+const breakpointXS = '480px';
 
-const themeLight$1 = {
-    brand: '#d5001c',
-    base: '#000',
-    background: {
-        base: '#fff',
-        surface: '#f2f2f2',
-        shading: 'rgba(14, 20, 24, 0.9)',
-    },
-    contrast: {
-        high: '#323639',
-        medium: '#626669',
-        low: '#e3e4e5',
-    },
-    notification: {
-        success: '#018a16',
-        successSoft: '#e5f3e7',
-        warning: '#ff9b00',
-        warningSoft: '#fff5e5',
-        error: '#e00000',
-        errorSoft: '#fae6e6',
-        neutral: '#0061bd',
-        neutralSoft: '#e5eff8',
-    },
-    state: {
-        hover: '#d5001c',
-        active: '#d5001c',
-        focus: 'currentColor',
-        disabled: '#96989a',
-    },
+const breakpointS = '760px';
+
+const breakpointM = '1000px';
+
+const breakpointL = '1300px';
+
+const breakpointXL = '1760px';
+
+const breakpointXXL = '1920px';
+
+const breakpoint = {
+    base: breakpointBase,
+    xs: breakpointXS,
+    s: breakpointS,
+    m: breakpointM,
+    l: breakpointL,
+    xl: breakpointXL,
+    xxl: breakpointXXL,
 };
 
+function getMediaQueryMin(min) {
+    return `@media(min-width:${breakpoint[min]})`;
+}
+
+const gridGap = 'clamp(16px, 3.6vw, 36px)';
+
+const gridWidthMin = '320px';
+
+const gridWidthMax = '2560px';
+
+// fluid sizing calculated by https://fluidtypography.com/#app-get-started
+// gridSafeZoneBase: Viewport Width Range = 320 - 1920px / Size Range = 22 - 192px
+const gridSafeZoneBase = 'clamp(22px, 10.625vw - 12px, 192px)';
+
+// fluid sizing calculated by https://fluidtypography.com/#app-get-started
+// gridSafeZoneXXL: Viewport Width Range = 1920 - 2560px / Size Range = 192 - 512px
+const gridSafeZoneXXL = 'clamp(192px, 50vw - 768px, 512px)';
+
+const gridFullColumnStart = 'full-start';
+
+const gridExtendedColumnStart = 'extended-start';
+
+const gridBasicColumnStart = 'basic-start';
+
+const gridNarrowColumnStart = 'narrow-start';
+
+const gridNarrowColumnEnd = 'narrow-end';
+
+const gridBasicColumnEnd = 'basic-end';
+
+const gridExtendedColumnEnd = 'extended-end';
+
+const gridFullColumnEnd = 'full-end';
+
+const _cssVariableGridExtendedSpanOneHalf = '--pds-grid-extended-span-one-half';
+const _cssVariableGridBasicSpanOneHalf = '--pds-grid-basic-span-one-half';
+const _cssVariableGridBasicSpanOneThird = '--pds-grid-basic-span-one-third';
+const _cssVariableGridBasicSpanTwoThirds = '--pds-grid-basic-span-two-thirds';
+const _cssVariableGridNarrowSpanOneHalf = '--pds-grid-narrow-span-one-half';
+
+const _gridColumnSpan = 'span';
+const _cssVariableInternalGridSafeZone = '--pds-internal-grid-safe-zone';
+const getColumns = (repeat) => `repeat(${repeat}, minmax(0, 1fr))`;
+const getOuterColumn = () => `minmax(0, calc(var(${_cssVariableInternalGridSafeZone}) - ${gridGap}))`;
+const getGridTemplateColumns = (layout) => layout === 'mobile'
+    ? `[${gridFullColumnStart}] ${getOuterColumn()} [${gridExtendedColumnStart} ${gridBasicColumnStart} ${gridNarrowColumnStart}] ${getColumns(6)} [${gridNarrowColumnEnd} ${gridBasicColumnEnd} ${gridExtendedColumnEnd}] ${getOuterColumn()} [${gridFullColumnEnd}]`
+    : `[${gridFullColumnStart}] ${getOuterColumn()} [${gridExtendedColumnStart}] ${getColumns(1)} [${gridBasicColumnStart}] ${getColumns(2)} [${gridNarrowColumnStart}] ${getColumns(8)} [${gridNarrowColumnEnd}] ${getColumns(2)} [${gridBasicColumnEnd}] ${getColumns(1)} [${gridExtendedColumnEnd}] ${getOuterColumn()} [${gridFullColumnEnd}]`;
 ({
-    ...themeLight$1,
-    brand: '#00b0f4',
-    state: {
-        ...themeLight$1.state,
-        hover: '#00b0f4',
-        active: '#00b0f4',
+    [_cssVariableInternalGridSafeZone]: gridSafeZoneBase,
+    [_cssVariableGridExtendedSpanOneHalf]: `${_gridColumnSpan} 3`,
+    [_cssVariableGridBasicSpanOneHalf]: `${_gridColumnSpan} 3`,
+    [_cssVariableGridBasicSpanOneThird]: `${_gridColumnSpan} 2`,
+    [_cssVariableGridBasicSpanTwoThirds]: `${_gridColumnSpan} 4`,
+    [_cssVariableGridNarrowSpanOneHalf]: `${_gridColumnSpan} 3`,
+    display: 'grid',
+    gridGap,
+    gridTemplateColumns: getGridTemplateColumns('mobile'),
+    minWidth: gridWidthMin,
+    maxWidth: gridWidthMax,
+    margin: 0,
+    padding: `0 max(0px, (100% - ${gridWidthMax}) / 2)`,
+    boxSizing: 'content-box',
+    [getMediaQueryMin('s')]: {
+        // TODO: we should define those css variables in global scope by getInitialStyles() partial to reduce repetitive css declaration,
+        //  on the other hand, it's not necessary anymore as soon as CSS Subgrid is supported in all major browsers.
+        //  In addition, it wouldn't work in case only utilities are used without getInitialStyles() partials.
+        //  So maybe, keep it as is.
+        [_cssVariableGridExtendedSpanOneHalf]: `${_gridColumnSpan} 7`,
+        [_cssVariableGridBasicSpanOneHalf]: `${_gridColumnSpan} 6`,
+        [_cssVariableGridBasicSpanOneThird]: `${_gridColumnSpan} 4`,
+        [_cssVariableGridBasicSpanTwoThirds]: `${_gridColumnSpan} 8`,
+        [_cssVariableGridNarrowSpanOneHalf]: `${_gridColumnSpan} 4`,
+        gridTemplateColumns: getGridTemplateColumns('desktop'),
+    },
+    [getMediaQueryMin('xxl')]: {
+        [_cssVariableInternalGridSafeZone]: gridSafeZoneXXL,
     },
 });
 
-const themeDark$1 = {
-    brand: '#d5001c',
-    base: '#fff',
-    background: {
-        base: '#0e1418',
-        surface: '#262b2e',
-        shading: 'rgba(14, 20, 24, 0.9)',
-    },
-    contrast: {
-        high: '#e3e4e5',
-        medium: '#b0b1b2',
-        low: '#4a4e51',
-    },
-    notification: {
-        success: '#01ba1d',
-        successSoft: '#bfeec6',
-        warning: '#ff9b00',
-        warningSoft: '#ffe6bf',
-        error: '#fc1717',
-        errorSoft: '#fec5c5',
-        neutral: '#2193ff',
-        neutralSoft: '#c7e4ff',
-    },
-    state: {
-        hover: '#ff0223',
-        active: '#ff0223',
-        focus: 'currentColor',
-        disabled: '#7c7f81',
-    },
+const _textFontPartA = `${fontStyleNormal} ${fontVariant} ${fontWeightRegular} `;
+const _textFontPartB = `/${fontLineHeight} ${fontFamily}`;
+
+const textXSmallStyle = {
+    font: `${_textFontPartA}${fontSizeTextXSmall}${_textFontPartB}`,
+    ...fontHyphenationStyle,
 };
 
-({
-    ...themeDark$1,
-    brand: '#00b0f4',
-    state: {
-        ...themeDark$1.state,
-        hover: '#00b0f4',
-        active: '#00b0f4',
-    },
-});
+const textSmallStyle = {
+    font: `${_textFontPartA}${fontSizeTextSmall}${_textFontPartB}`,
+    ...fontHyphenationStyle,
+};
 
-const mediaQueries = Object.entries(breakpoint$1)
+// TODO: we shouldn't exclude xxl breakpoint
+const mediaQueries = Object.entries(breakpoint)
     .filter(([key]) => key !== 'xxl')
     .map(([, val]) => `(min-width:${val})`);
 hasWindow && window.matchMedia ? mediaQueries.map(window.matchMedia) : [];
 
-Object.entries(breakpoint$1).reduce((result, [key, val]) => (Object.assign(Object.assign({}, result), { [val]: key })), {});
+Object.entries(breakpoint).reduce((result, [key, val]) => (Object.assign(Object.assign({}, result), { [val]: key })), {});
 
-const hasVisibleIcon = (iconName) => {
-    return iconName !== 'none';
+const hasVisibleIcon = (iconName, iconSource) => {
+    return iconName !== 'none' || !!iconSource;
 };
 
 const childrenMutationMap = new Map();
@@ -3630,70 +3625,89 @@ var dist = jssCombineAndSortMQ;
 
 /* Auto Generated Start */
 const themeLight = {
-    baseColor: '#000',
-    baseColorDarken: '#000000',
-    brandColor: '#d5001c',
-    backgroundColor: '#fff',
-    backgroundSurfaceColor: '#f2f2f2',
-    contrastLowColor: '#e3e4e5',
-    contrastMediumColor: '#626669',
-    contrastHighColor: '#323639',
-    contrastHighColorDarken: '#151718',
-    hoverColor: '#d5001c',
-    hoverColorDarken: '#980014',
-    activeColor: '#d5001c',
-    focusColor: 'currentColor',
-    disabledColor: '#96989a',
-    errorColor: '#e00000',
-    errorColorDarken: '#a30000',
-    errorSoftColor: '#fae6e6',
-    successColor: '#018a16',
-    successColorDarken: '#014d0c',
-    successSoftColor: '#e5f3e7',
-    warningColor: '#ff9b00',
-    warningSoftColor: '#fff5e5',
-    neutralColor: '#0061bd',
-    neutralSoftColor: '#e5eff8'
+    primaryColor: '#010205',
+    primaryColorDarken: '#000000',
+    backgroundColor: '#FFF',
+    backgroundColorDarken: '#E0E0E0',
+    backgroundColorLighten: '#FFFFFF',
+    backgroundSurfaceColor: '#EEEFF2',
+    backgroundSurfaceColorDarken: '#CBCED7',
+    backgroundSurfaceColorLighten: '#FFFFFF',
+    contrastLowColor: '#D8D8DB',
+    contrastMediumColor: '#949598',
+    contrastHighColor: '#535457',
+    contrastHighColorDarken: '#353638',
+    contrastHighColorLighten: '#717276',
+    hoverColor: 'rgba(148, 149, 152, 0.20)',
+    hoverColorDarken: '#75767A',
+    activeColor: 'rgba(148, 149, 152, 0.20)',
+    focusColor: '#0A0AFF',
+    disabledColor: '#949598',
+    errorColor: '#E7323B',
+    errorColorDarken: '#C51720',
+    errorSoftColor: '#FCE8E9',
+    errorSoftColorDarken: '#EED7D9',
+    errorSoftColorLighten: '#FFFFFF',
+    successColor: '#32B85B',
+    successColorDarken: '#258843',
+    successSoftColor: '#EBFAF0',
+    successSoftColorDarken: '#DDEAE1',
+    successSoftColorLighten: '#FFFFFF',
+    warningColor: '#FECC1B',
+    warningSoftColor: '#FFF9E6',
+    warningSoftColorDarken: '#F5ECD2',
+    warningSoftColorLighten: '#FFFFFF',
+    infoColor: '#1E5BEB',
+    infoSoftColor: '#E8EEFD',
+    infoSoftColorDarken: '#D6DEF0',
+    infoSoftColorLighten: '#FFFFFF'
 };
 const themeDark = {
-    baseColor: '#fff',
-    baseColorDarken: '#e0e0e0',
-    brandColor: '#d5001c',
-    backgroundColor: '#0e1418',
-    backgroundSurfaceColor: '#262b2e',
-    contrastLowColor: '#4a4e51',
-    contrastMediumColor: '#b0b1b2',
-    contrastHighColor: '#e3e4e5',
-    contrastHighColorDarken: '#c3c5c8',
-    hoverColor: '#ff0223',
-    hoverColorDarken: '#c4001a',
-    activeColor: '#ff0223',
-    focusColor: 'currentColor',
-    disabledColor: '#7c7f81',
-    errorColor: '#fc1717',
-    errorColorDarken: '#d30303',
-    errorSoftColor: '#fec5c5',
-    successColor: '#01ba1d',
-    successColorDarken: '#017d14',
-    successSoftColor: '#bfeec6',
-    warningColor: '#ff9b00',
-    warningSoftColor: '#ffe6bf',
-    neutralColor: '#2193ff',
-    neutralSoftColor: '#c7e4ff'
+    primaryColor: '#FBFCFF',
+    primaryColorDarken: '#BECEFF',
+    backgroundColor: '#0E0E12',
+    backgroundColorDarken: '#000000',
+    backgroundColorLighten: '#292934',
+    backgroundSurfaceColor: '#212225',
+    backgroundSurfaceColorDarken: '#040405',
+    backgroundSurfaceColorLighten: '#3E4045',
+    contrastLowColor: '#404044',
+    contrastMediumColor: '#7E7F82',
+    contrastHighColor: '#AFB0B3',
+    contrastHighColorDarken: '#909195',
+    contrastHighColorLighten: '#CECFD1',
+    hoverColor: 'rgba(126, 127, 130, 0.20)',
+    hoverColorDarken: '#606163',
+    activeColor: 'rgba(126, 127, 130, 0.20)',
+    focusColor: '#0A0AFF',
+    disabledColor: '#7E7F82',
+    errorColor: '#CB3333',
+    errorColorDarken: '#9A2727',
+    errorSoftColor: '#290A0A',
+    errorSoftColorDarken: '#0D0808',
+    errorSoftColorLighten: '#331F1F',
+    successColor: '#00C77E',
+    successColorDarken: '#008A57',
+    successSoftColor: '#003320',
+    successSoftColorDarken: '#04110C',
+    successSoftColorLighten: '#0F432F',
+    warningColor: '#DDB84B',
+    warningSoftColor: '#2B2208',
+    warningSoftColorDarken: '#0D0C07',
+    warningSoftColorLighten: '#362F1C',
+    infoColor: '#027FFC',
+    infoSoftColor: '#001A33',
+    infoSoftColorDarken: '#040A11',
+    infoSoftColorLighten: '#0F2943'
 };
-const themeLightElectric = Object.assign(Object.assign({}, themeLight), { brandColor: '#00b0f4', hoverColor: '#00b0f4', hoverColorDarken: '#0084b7', activeColor: '#00b0f4' });
-const themeDarkElectric = Object.assign(Object.assign({}, themeDark), { brandColor: '#00b0f4', hoverColor: '#00b0f4', hoverColorDarken: '#0084b7', activeColor: '#00b0f4' });
 const themes = {
     'light': themeLight,
-    'dark': themeDark,
-    'light-electric': themeLightElectric,
-    'dark-electric': themeDarkElectric
+    'dark': themeDark
 };
 /* Auto Generated End */
 const getThemedColors = (theme) => {
     return themes[theme];
 };
-
 const pxToRemWithUnit = (px) => `${px / 16}rem`;
 
 // NOTE: handpicked selection of plugins from jss-preset-default
@@ -3716,21 +3730,6 @@ const supportsConstructableStylesheets = () => {
 // determine it once
 supportsConstructableStylesheets();
 
-const paramCaseToCamelCase = (str) => {
-    return str.replace(/-(\w)/g, (_, group) => group.toUpperCase());
-};
-const isScrollable = (isPrevHidden, isNextHidden) => {
-    return !(isPrevHidden && isNextHidden);
-};
-
-const hasDocument = typeof document !== 'undefined';
-
-hasDocument && 'scrollBehavior' in document.documentElement.style;
-const win = typeof window !== 'undefined' ? window : {};
-win.document || { head: {} };
-(win.HTMLElement || class {
-});
-
 [
     { name: 'Model', id: 'model' },
     { name: 'Interest', id: 'interest' },
@@ -5556,6 +5555,17 @@ index.setup({
     createGenerateId: () => (rule) => rule.key,
     plugins: [...create().plugins, dist({ combineMediaQueries: true })],
 });
+const isScrollable = (isPrevHidden, isNextHidden) => {
+    return !(isPrevHidden && isNextHidden);
+};
+
+const hasDocument = typeof document !== 'undefined';
+
+hasDocument && 'scrollBehavior' in document.documentElement.style;
+const win = typeof window !== 'undefined' ? window : {};
+win.document || { head: {} };
+(win.HTMLElement || class {
+});
 
 const formatObjectOutput = (value) => {
     return JSON.stringify(value)
@@ -5567,22 +5577,64 @@ const formatObjectOutput = (value) => {
 'value, ' +
     formatObjectOutput(BREAKPOINTS.reduce((prev, key) => (Object.assign(Object.assign({}, prev), { [key + (key !== 'base' ? '?' : '')]: 'value' })), {})).replace(/"/g, '');
 
-const HEADLINE_VARIANTS = [
-    'large-title',
-    'headline-1',
-    'headline-2',
-    'headline-3',
-    'headline-4',
-    'headline-5',
-];
-const isVariantType = (variant) => {
-    return HEADLINE_VARIANTS.includes(variant);
+const HEADING_TAGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+
+const getLinkButtonThemeForIcon = (variant, theme) => variant === 'primary' ? (theme === 'light' ? 'dark' : 'light') : theme;
+const resizeMap = new Map();
+const isResizeObserverDefined = () => hasWindow && 'ResizeObserver' in window;
+isResizeObserverDefined() &&
+    new ResizeObserver((entries) => {
+        entries.forEach((resizeEntry) => { var _a; return (_a = resizeMap.get(resizeEntry.target)) === null || _a === void 0 ? void 0 : _a(resizeEntry); });
+    });
+const getButtonPureAriaAttributes = (isDisabled, isLoading, aria) => {
+    return Object.assign(Object.assign({}, parseAndGetAriaAttributes(aria)), getButtonBaseAriaAttributes(isDisabled, isLoading));
 };
-const hasSlottedHeadlineTag = (host) => {
-    // TODO: needs to be direct and only child
-    const el = getHTMLElement(host, ':first-child');
-    return el === null || el === void 0 ? void 0 : el.matches('h1, h2, h3, h4, h5, h6');
+
+const getButtonAriaAttributes = (isDisabled, isLoading, aria) => {
+    return Object.assign(Object.assign({}, parseAndGetAriaAttributes(aria)), getButtonBaseAriaAttributes(isDisabled, isLoading));
+};
+getMediaQueryMin('s');
+getMediaQueryMin('xl');
+typeof HTMLElement !== 'undefined' && HTMLElement.prototype.hasOwnProperty('inert');
+
+const DISPLAY_TAGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+const displaySizeToTagMap = {
+    medium: 'h2',
+    large: 'h1',
+    inherit: 'h1',
+};
+const getDisplayTagType = (host, size, tag) => {
+    if (hasSpecificSlottedTag(host, DISPLAY_TAGS.join())) {
+        return 'div';
+    }
+    else if (tag) {
+        return tag;
+    }
+    else {
+        return displaySizeToTagMap[size] || 'h1';
+    }
+};
+const headingSizeToTagMap = {
+    small: 'h6',
+    medium: 'h5',
+    large: 'h4',
+    'x-large': 'h3',
+    'xx-large': 'h2',
+    'xxx-large': 'h1',
+    inherit: 'h1',
 };
+const getHeadingTagType = (host, size, tag) => {
+    if (hasSpecificSlottedTag(host, HEADING_TAGS.join())) {
+        return 'div';
+    }
+    else if (tag) {
+        return tag;
+    }
+    else {
+        return headingSizeToTagMap[size] || 'h2';
+    }
+};
+const HEADLINE_TAGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 const variantToTagMap = {
     'large-title': 'h1',
     'headline-1': 'h1',
@@ -5591,41 +5643,42 @@ const variantToTagMap = {
     'headline-4': 'h4',
     'headline-5': 'h5',
 };
-const getHeadlineTagName = (host, variant, tag) => {
-    if (hasSlottedHeadlineTag(host)) {
+const getHeadlineTagType = (host, variant, tag) => {
+    if (hasSpecificSlottedTag(host, HEADLINE_TAGS.join())) {
         return 'div';
     }
     else if (tag) {
         return tag;
     }
-    else if (!isVariantType(variant)) {
-        return 'h1';
-    }
     else {
-        return variantToTagMap[variant];
+        return variantToTagMap[variant] || 'h1';
     }
 };
-const resizeMap = new Map();
-const isResizeObserverDefined = () => hasWindow && 'ResizeObserver' in window;
-isResizeObserverDefined() &&
-    new ResizeObserver((entries) => {
-        entries.forEach((resizeEntry) => { var _a; return (_a = resizeMap.get(resizeEntry.target)) === null || _a === void 0 ? void 0 : _a(resizeEntry); });
-    });
-const getButtonPureAriaAttributes = (isDisabled, isLoading, hasSubline, aria) => {
-    return Object.assign(Object.assign(Object.assign({}, parseAndGetAriaAttributes(aria)), getButtonBaseAriaAttributes(isDisabled, isLoading)), { 'aria-describedby': hasSubline ? 'subline' : null });
-};
 
-const getButtonAriaAttributes = (isDisabled, isLoading, aria) => {
-    return Object.assign(Object.assign({}, parseAndGetAriaAttributes(aria)), getButtonBaseAriaAttributes(isDisabled, isLoading));
-};
-typeof HTMLElement !== 'undefined' && HTMLElement.prototype.hasOwnProperty('inert');
+const CDN_BASE_URL$1 = (typeof window !== 'undefined' && window.PORSCHE_DESIGN_SYSTEM_CDN === 'cn' ? 'https://cdn.ui.porsche.cn' : 'https://cdn.ui.porsche.com') + '/porsche-design-system/icons';
+const ICONS_MANIFEST = { "360": "360.min.5f2fcac02969bc425484fe8d80e5a1c9.svg", "accessibility": "accessibility.min.295a9d53a11c42212b8cce594982dfd2.svg", "active-cabin-ventilation": "active-cabin-ventilation.min.030c46def7a7397091d920b65bc0da3c.svg", "add": "add.min.8578a2d10c79a78e398e963b506b6cb5.svg", "adjust": "adjust.min.cdb89f5c161a4c82328fe60e72a88c59.svg", "arrow-double-down": "arrow-double-down.min.3b17923187ef2114d1f17da042fc97ca.svg", "arrow-double-left": "arrow-double-left.min.bba22e26f025c439b600bf74f0566465.svg", "arrow-double-right": "arrow-double-right.min.14f743d4adb5467fc0e95ac7f6426e1f.svg", "arrow-double-up": "arrow-double-up.min.8e3b3e31d227366f916c91dcb6e1b466.svg", "arrow-down": "arrow-down.min.84e69acc6554637cc373b8a4f50ba991.svg", "arrow-first": "arrow-first.min.bc51317ecf4953a664870ebab5059775.svg", "arrow-head-down": "arrow-head-down.min.454c189f4914925447670d0ae9bd2043.svg", "arrow-head-left": "arrow-head-left.min.aa2da7b4dbbb8a28c046592290054e94.svg", "arrow-head-right": "arrow-head-right.min.fb602ae5cb51970770570a70287e77e9.svg", "arrow-head-up": "arrow-head-up.min.2c282619214e4f998e1ac64a61b5545b.svg", "arrow-last": "arrow-last.min.72553c4284717d4961f8bcf8d51e0303.svg", "arrow-left": "arrow-left.min.24e8467ef0f8f206f228a3d8d443d70b.svg", "arrow-right": "arrow-right.min.8fb7b42d2d08d60f918602aa28475c0b.svg", "arrow-up": "arrow-up.min.0bc737f7f2cc56ef65c5d33472e014b0.svg", "augmented-reality": "augmented-reality.min.290ff033e35774fd093e1ab8ed07e10f.svg", "battery-empty": "battery-empty.min.8594e37d3e67a95b85eb9935f02e69cf.svg", "battery-full": "battery-full.min.4c75acb5a64a6dd3116ede7b1859a6d6.svg", "bell": "bell.min.d69dc9a220dec323e758ccbff756b5b5.svg", "bookmark": "bookmark.min.0cb177c79674593133f6d3d384c5df4b.svg", "broadcast": "broadcast.min.edbfac03d4afdc964d350f54df79c6f3.svg", "calculator": "calculator.min.2518729352d3709e488e71dcbf449247.svg", "calendar": "calendar.min.588fabe880634ece974291f5adfee50d.svg", "camera": "camera.min.10af3a4fac8c289775390534a50606d0.svg", "car": "car.min.4eeec04c87a14bb5d3d316eeeee0185b.svg", "car-battery": "car-battery.min.2a619bbd456ad531c922bf8f51b70977.svg", "card": "card.min.06394222c7ca5d6c7e783d6f86f030a6.svg", "charging-active": "charging-active.min.915410d626a52a3a76b6bf498491c255.svg", "charging-state": "charging-state.min.c5cb87ef2808f824f352a6ebd9b9d4a9.svg", "charging-station": "charging-station.min.211fcf0f9a9bb50b6e83482ee588dda9.svg", "chart": "chart.min.267e23c07f47784c186c5119b870df76.svg", "chat": "chat.min.a8a52d1b8b463ee0e5a3b0d812c9a40c.svg", "check": "check.min.0cb26d9a5ee1d217e5054f1ad60ae3b4.svg", "city": "city.min.a99b88b51adda8244a2c72953a2f4ab4.svg", "climate": "climate.min.5d52b2880552275d9032afc0fa2b7296.svg", "climate-control": "climate-control.min.152235d2bf2b7ec6e1a3c40e6971c446.svg", "clock": "clock.min.bcea9f182e1fe861ea6e765650f79b38.svg", "close": "close.min.eefab6ef191882058f9ed548bd5a467e.svg", "closed-caption": "closed-caption.min.b93ac43c07223fda14249d2279823f6a.svg", "co2-emission": "co2-emission.min.788590454baa0f6c52dfc99a55fe0b85.svg", "compare": "compare.min.657a924ca48bf93d200d2e6539fa8050.svg", "configurate": "configurate.min.2d137bc6f43ee03587188b571c97aacd.svg", "country-road": "country-road.min.3ee2c1be9d063f5d7c5772fcc7ae2568.svg", "cubic-capacity": "cubic-capacity.min.b5df863671bdf059bce19eddc2990698.svg", "delete": "delete.min.fd9788c3a0842a7bb1d737c6de1969d1.svg", "disable": "disable.min.c3d85d4ed9738c077d19e524775dbd56.svg", "document": "document.min.d2db26d7049ab2180361c7ce40f52d57.svg", "download": "download.min.d7c63bcbadf4dd5b14c3c79a438d93f3.svg", "duration": "duration.min.9405be759f64c8253076f7e55c80c336.svg", "edit": "edit.min.06bde2175fafb58233fa1ce6d3d00f83.svg", "email": "email.min.eb8ff02812a48c5098d3c40614e8d9d7.svg", "error-filled": "error-filled.min.35d7da7cb866bcfd3a25859f8cd2246b.svg", "exclamation": "exclamation.min.6ca46945978bd4eb2a40dc29766b1882.svg", "external": "external.min.b804bef35446f6b3cb379c121de3f13d.svg", "filter": "filter.min.60f168332c7550dfdf714ed0507877b0.svg", "flash": "flash.min.e5a6de1239300a6104076ee67aec42ca.svg", "fuel-station": "fuel-station.min.0155159076984cccdbfe854eb4da3720.svg", "garage": "garage.min.463577e6a1ffac592b5aa7bec9a82d39.svg", "gift": "gift.min.eeb1a5871a4008bcafd9495fe11ec9bc.svg", "globe": "globe.min.50fd2c886a822673902bd106efc73c3f.svg", "grid": "grid.min.c36c5015115005dcb9c948f07af0be80.svg", "highway": "highway.min.ea773dcf33a43fa8e82beae96c1222b7.svg", "home": "home.min.2bdc01bb7c9b39fa5ef5a81c8c3f9f49.svg", "horn": "horn.min.77105eb430a033a3ffdf21f9fecd32de.svg", "image": "image.min.851c64681e1950312a934a723ca04a85.svg", "increase": "increase.min.45bfe421e86192da37c8cca4917c10c2.svg", "information": "information.min.d387e44cc786ca3df3702f429518a1d9.svg", "information-filled": "information-filled.min.1055e842bb7d89c061ff1b5f47ed6169.svg", "key": "key.min.37b5e8ff9fda430f855f4b82bfd03485.svg", "leaf": "leaf.min.ea91b1d04ade4c49640e89ade35c9d90.svg", "leather": "leather.min.ef9e664d2fc3c28171fbd3d93b079503.svg", "light": "light.min.5fa3dd77ee9c63e28614c4c7c4a6d39c.svg", "list": "list.min.ecaeee96ec6cf2f8c9028ea404113a9e.svg", "locate": "locate.min.c28bdf292bbf297eb8109a272e2ffb91.svg", "lock": "lock.min.d258c21c7217cd1342307c45ecd5176e.svg", "lock-open": "lock-open.min.2ef427e273635e3aab7601b0fe92e86e.svg", "logo-baidu": "logo-baidu.min.a8eb57b32e616b21820d86882835fe20.svg", "logo-delicious": "logo-delicious.min.fc2927d4979ffaed1f23160091e0975e.svg", "logo-digg": "logo-digg.min.d7340b3f22cf4a22a8ac3b472c16e0e2.svg", "logo-facebook": "logo-facebook.min.0c2e020d0b61d37e76e6bab67e4d149e.svg", "logo-foursquare": "logo-foursquare.min.b2699d993d9d731892ba01874c0e023d.svg", "logo-gmail": "logo-gmail.min.0c14069d86c2ba0a42c726d96f0cae9c.svg", "logo-google": "logo-google.min.c1f3931d74e40e5cdc875236b7e674a1.svg", "logo-hatena": "logo-hatena.min.021834899da6e6f6a9dd963f4fc3337c.svg", "logo-instagram": "logo-instagram.min.2f8c578e2472dc13b2f0ec8d1b936442.svg", "logo-kaixin": "logo-kaixin.min.8fb995689a3442669df37b5f375922fc.svg", "logo-kakaotalk": "logo-kakaotalk.min.988146b4cd8bced103fd8b5a9be064d8.svg", "logo-linkedin": "logo-linkedin.min.e4848fd4b74404e504fd1a4d5a25b960.svg", "logo-naver": "logo-naver.min.13f97e4c3ad4898d169904caa609f2d0.svg", "logo-pinterest": "logo-pinterest.min.101284bac1d7cf468719fccf416069df.svg", "logo-qq": "logo-qq.min.5d89ab35e4e00e81deadaa2fe0d51a5d.svg", "logo-qq-share": "logo-qq-share.min.01da8f9d6665f4529f349f88b4fb0cfc.svg", "logo-reddit": "logo-reddit.min.40dd42ee1368dbc74611afee4d3c9850.svg", "logo-skyrock": "logo-skyrock.min.9440a0e4a088cdfbfcc99bc91010768a.svg", "logo-sohu": "logo-sohu.min.d7a030336d712a2b44982e65071cd2bc.svg", "logo-tecent": "logo-tecent.min.fd1ec329327f4cbf5706c393df66af9d.svg", "logo-telegram": "logo-telegram.min.624fca36dd6f6c5b64bce6e617372d77.svg", "logo-tiktok": "logo-tiktok.min.9c5ffad4c76353afaa99feca9e4f2f0a.svg", "logo-tumblr": "logo-tumblr.min.9b77d06b659cee9d5f45015c33c23967.svg", "logo-twitter": "logo-twitter.min.ac4d6b189cd2a47e4fac75bedb76b5bd.svg", "logo-viber": "logo-viber.min.330fbae7d2683b7910d828cbe864f738.svg", "logo-vk": "logo-vk.min.727ba204a194c8cf1b7fc389ac1db14b.svg", "logo-wechat": "logo-wechat.min.0392ff30f188aa9f52480e965142474a.svg", "logo-weibo": "logo-weibo.min.3ded49004baea42d85fa6fcb9d79ccb1.svg", "logo-whatsapp": "logo-whatsapp.min.02c83d3cbde89763eee8fc3bcab02257.svg", "logo-xing": "logo-xing.min.6a5f5fde119a841823d0ef05293b3454.svg", "logo-yahoo": "logo-yahoo.min.622e886e777c08cf80c31dc99ca13f1a.svg", "logo-youku": "logo-youku.min.d35a5283c6d3094748f565c729f56d9f.svg", "logo-youtube": "logo-youtube.min.59c939904cbec0c7793289eb5e68cb99.svg", "logout": "logout.min.aa54756e3aec12f347fdec0a2905a232.svg", "map": "map.min.643551801bfc27a93438c30ebe1d1387.svg", "menu-dots-horizontal": "menu-dots-horizontal.min.94e0804e3a5a30a577cab6296ad8d15d.svg", "menu-dots-vertical": "menu-dots-vertical.min.7ec3f5be33dd3459d7a9bed9fdbe22d3.svg", "menu-lines": "menu-lines.min.30ff09f6e2ce846286dd136279636097.svg", "minus": "minus.min.00cca11ec9ce4bd913abba2059c3f10b.svg", "mobile": "mobile.min.71d3c0d7fb4349383562cc233478f7fb.svg", "moon": "moon.min.5c447b4013210e7c7723ca4b6fdbfa9f.svg", "oil-can": "oil-can.min.31978141ee5529f97833027b1e03294a.svg", "parking-brake": "parking-brake.min.f03105e84898f1db02c6fcbdd008bfcf.svg", "parking-light": "parking-light.min.968af68684df1220b15cff6616e8376e.svg", "pause": "pause.min.dd29b256b73311abf1549ed16fe7a47b.svg", "phone": "phone.min.e1a58c454ffe074b30a5bb16c75ff23f.svg", "pin": "pin.min.c6ce5ea394fd9cf9dca80a592e2aeae4.svg", "play": "play.min.703fb2dbebac16ea91a6524914626ae2.svg", "plug": "plug.min.02d79b2702ac5c41020b54bd9eedf523.svg", "plus": "plus.min.dd34f71292a547080b9247a72c1adda2.svg", "preheating": "preheating.min.96ccdd3d24b0634ca820dc894894a34d.svg", "printer": "printer.min.bcd50214772a8fcc1d0f0ae1205610bf.svg", "purchase": "purchase.min.70535cff1a085154ab49ab958fe91aae.svg", "question": "question.min.df469b72598d2dbfb458c46430c0690a.svg", "racing-flag": "racing-flag.min.1aee1d177d44aaaca113a8b7a81db573.svg", "refresh": "refresh.min.36ced59c8e8d06980d6ac20cca8a9057.svg", "replay": "replay.min.d4f212bf3d5f8fe166d78dba57eeacde.svg", "reset": "reset.min.e1ce71f684b6e83b9ed8182389bd407f.svg", "route": "route.min.49f1935d2a563b150bb382eb56a04972.svg", "rss": "rss.min.eaf3873673fcbff72833e7a77f9510f8.svg", "save": "save.min.6506e50ad89aee223e85fe52242c232e.svg", "screen": "screen.min.c17978f44a7bf9f7d80f178fd2b7d116.svg", "search": "search.min.f2755d61c24b6ad037f51d65588be308.svg", "send": "send.min.544f2b90e562b8582808f735846b1351.svg", "share": "share.min.b7b59aa7085cc865735acfd940480234.svg", "shopping-bag": "shopping-bag.min.9d99682e614f5bbb9760c1a0272bd1e0.svg", "shopping-cart": "shopping-cart.min.05a6c651afb21246daba2e941e8366cc.svg", "sidelights": "sidelights.min.996d591ee87247eae32968bf0b588d1e.svg", "snowflake": "snowflake.min.cf85d1b3c62e223ffb80d8c838d4f0b8.svg", "sort": "sort.min.d90a6657569305b9b09b0c6997b5b915.svg", "stack": "stack.min.d36295767f8e2540bbbf60278114ca09.svg", "star": "star.min.d7445429f599f915661e6c57841ae339.svg", "steering-wheel": "steering-wheel.min.c632bf7d06f41d68f0a95d76615f3981.svg", "stopwatch": "stopwatch.min.c90f1fde0961349fe79c0b077f7b0d41.svg", "subtract": "subtract.min.bb9f2dcb0c81ac7f216f6fe2ba916c09.svg", "success": "success.min.4401a4715549bd7dfaaa4f54684b2088.svg", "success-filled": "success-filled.min.c9cb3c66aebf9c4f40b897064f901335.svg", "sun": "sun.min.a68eb6225965558e4498d3d38c33d52a.svg", "switch": "switch.min.ab6c8b55ab119d9bd5170a1893a75ed2.svg", "tablet": "tablet.min.60e7c4ef821bf610d2b2d5b06c7e88b7.svg", "tachometer": "tachometer.min.348f8c5eed7c61993a864ebcffee98bd.svg", "truck": "truck.min.43f91b0320003695d8804cf6a8a86da4.svg", "upload": "upload.min.cf3aaf8fb27e339d26133cbd6a5332ca.svg", "user": "user.min.0f8dcfbe34322e7968b4b23e11d963f0.svg", "user-group": "user-group.min.87f6ca16e7174b9a8d1894283a8ff1d4.svg", "user-manual": "user-manual.min.0b87e500e3d747e67be964c47a3ae312.svg", "video": "video.min.107dfd64c6fd7398dd48b94d61b2fe11.svg", "view": "view.min.cd78cae7309f44d941e9264047e3efa0.svg", "view-off": "view-off.min.e27746517bdb4c2c9ae5f025c7e74991.svg", "volume-off": "volume-off.min.711d24824df04d61c3129bbdcdbfa083.svg", "volume-up": "volume-up.min.0a2ebc984c6b9d2f53c747f9ba2028f1.svg", "warning": "warning.min.04529c502dddce98f0ae2eec0bfb3432.svg", "warning-filled": "warning-filled.min.ee8effcdc653f660043f909b6f0c938b.svg", "weight": "weight.min.47ef0b98ca8ed590dd7d6e6c3f1bcd46.svg", "wifi": "wifi.min.14540859e9241374bd9d0c89eb85667b.svg", "work": "work.min.d17986d8fcff6a5fcd5e9925e838fade.svg", "wrench": "wrench.min.90e402dc170fe83de23e2c11588ba037.svg", "wrenches": "wrenches.min.990b074555825a218e86fd35397fc88c.svg", "zoom-in": "zoom-in.min.22fa9d7ee8748debc801fe910f2d3d01.svg", "zoom-out": "zoom-out.min.9408a4dc5786ed5a783a729e58ab3d6d.svg" };
 const isUrl = (str) => (str === null || str === void 0 ? void 0 : str.length) > 0 && /(\/)/.test(str);
+const DEFAULT_ICON_NAME = 'arrow-right';
+const buildIconUrl = (iconNameOrSource = DEFAULT_ICON_NAME) => {
+    const cdnBaseUrl = CDN_BASE_URL$1 ;
+    if (iconNameOrSource === null) {
+        return buildIconUrl(DEFAULT_ICON_NAME);
+    }
+    else if (isUrl(iconNameOrSource)) {
+        return iconNameOrSource;
+    }
+    else if (ICONS_MANIFEST[iconNameOrSource]) {
+        return `${cdnBaseUrl}/${ICONS_MANIFEST[iconNameOrSource]}`;
+    }
+    return buildIconUrl(DEFAULT_ICON_NAME);
+};
 const getInlineNotificationIconName = (state) => {
     const stateToIconMap = {
-        neutral: 'information',
-        warning: 'warning',
-        success: 'success',
-        error: 'exclamation',
+        neutral: 'information-filled',
+        info: 'information-filled',
+        warning: 'warning-filled',
+        success: 'success-filled',
+        error: 'error-filled',
     };
     return stateToIconMap[state];
 };
@@ -5783,9 +5836,9 @@ const getTotalPages = (totalItemsCount, itemsPerPage) => {
     return Math.ceil(totalItemsCount / itemsPerPage);
 };
 
-const { backgroundColor, baseColor } = getThemedColors('light');
+const { backgroundColor: backgroundColorThemeLight, primaryColor: primaryColorThemeLight } = getThemedColors('light');
 const mediaQueryForcedColors = '@media (forced-colors: active)';
-const borderWidth = '.75rem';
+const borderWidth = '12px';
 const transparentColor = 'transparent';
 const canvas = 'canvas';
 const canvasText = 'canvastext';
@@ -5796,7 +5849,7 @@ const join = (...arr) => arr.join(' ');
         left: '50%',
         transform: 'translateX(-50%)',
         borderWidth: join(borderWidth, borderWidth, 0),
-        borderColor: join(backgroundColor, transparentColor, transparentColor),
+        borderColor: join(backgroundColorThemeLight, transparentColor, transparentColor),
         [mediaQueryForcedColors]: {
             borderColor: join(canvasText, canvas, canvas),
         },
@@ -5806,7 +5859,7 @@ const join = (...arr) => arr.join(' ');
         right: 0,
         transform: 'translateY(-50%)',
         borderWidth: join(borderWidth, borderWidth, borderWidth, 0),
-        borderColor: join(transparentColor, backgroundColor, transparentColor, transparentColor),
+        borderColor: join(transparentColor, backgroundColorThemeLight, transparentColor, transparentColor),
         [mediaQueryForcedColors]: {
             borderColor: join(canvas, canvasText, canvas, canvas),
         },
@@ -5816,7 +5869,7 @@ const join = (...arr) => arr.join(' ');
         left: '50%',
         transform: 'translateX(-50%)',
         borderWidth: join(0, borderWidth, borderWidth),
-        borderColor: join(transparentColor, transparentColor, backgroundColor),
+        borderColor: join(transparentColor, transparentColor, backgroundColorThemeLight),
         [mediaQueryForcedColors]: {
             borderColor: join(canvas, canvas, canvasText),
         },
@@ -5826,7 +5879,7 @@ const join = (...arr) => arr.join(' ');
         left: 0,
         transform: 'translateY(-50%)',
         borderWidth: join(borderWidth, 0, borderWidth, borderWidth),
-        borderColor: join(transparentColor, transparentColor, transparentColor, backgroundColor),
+        borderColor: join(transparentColor, transparentColor, transparentColor, backgroundColorThemeLight),
         [mediaQueryForcedColors]: {
             borderColor: join(canvas, canvas, canvas, canvasText),
         },
@@ -5834,10 +5887,13 @@ const join = (...arr) => arr.join(' ');
 });
 
 const getButtonAttributes = (isSelected, isDisabled) => (Object.assign(Object.assign({}, getButtonBaseAriaAttributes(isDisabled, false)), parseAndGetAriaAttributes({ 'aria-pressed': isSelected })));
+const getIconColor = (isDisabled) => {
+    return !isDisabled ? 'primary' : 'contrast-medium';
+};
 
-const ITEM_PADDING = pxToRemWithUnit(16);
-const { font: BUTTON_FONT } = textSmall;
-const { font: LABEL_FONT } = textXSmall;
+const ITEM_PADDING = '17px';
+const { font: BUTTON_FONT } = textSmallStyle;
+const { font: LABEL_FONT } = textXSmallStyle;
 const ICON_SIZE = pxToRemWithUnit(24);
 const ICON_MARGIN = pxToRemWithUnit(4);
 // wide font for safety buffer, Porsche Next might not be available or not used and cause wrong calculation
@@ -5861,24 +5917,6 @@ if (tempIcon) {
     tempIcon.style.width = ICON_SIZE;
     tempIcon.style.marginRight = ICON_MARGIN;
 }
-
-const SPINNER_SIZES = ['small', 'medium', 'large', 'inherit'];
-const verifySpinnerSize = (spinnerSize) => {
-    const parsedSpinnerSize = parseJSON(spinnerSize);
-    const errorMessage = `Property 'size="${spinnerSize}"' of p-spinner should be of: ${SPINNER_SIZES.join(', ')}`;
-    if (typeof parsedSpinnerSize === 'object') {
-        for (const [key, value] of Object.entries(parsedSpinnerSize)) {
-            if ((!BREAKPOINTS.includes(key) && key !== undefined) ||
-                (!SPINNER_SIZES.includes(value) && value !== undefined)) {
-                console.warn(errorMessage);
-                break;
-            }
-        }
-    }
-    else if (spinnerSize !== undefined && !SPINNER_SIZES.includes(parsedSpinnerSize)) {
-        console.warn(errorMessage);
-    }
-};
 const isStateCompleteOrWarning = (state) => {
     return state === 'complete' || state === 'warning';
 };
@@ -5887,24 +5925,42 @@ const getStepperHorizontalIconName = (state) => {
 };
 
 const getSwitchButtonAriaAttributes = (isDisabled, isLoading, isChecked) => {
-    return Object.assign(Object.assign({}, getButtonBaseAriaAttributes(isDisabled, isLoading)), { 'aria-checked': isChecked ? 'true' : 'false', 'aria-labelledby': 'label' });
+    return Object.assign(Object.assign({}, getButtonBaseAriaAttributes(isDisabled, isLoading)), { 'aria-checked': isChecked ? 'true' : 'false' });
 };
 const isSortable = (active, direction) => {
     return active !== undefined && direction !== undefined;
 };
+
+const getThemeForIcon = (color, theme) => {
+    return ['neutral-contrast-high', 'primary'].includes(color) ? (theme === 'light' ? 'dark' : 'light') : theme;
+};
 const isType = (inputType, typeToValidate) => inputType === typeToValidate;
 const isWithinForm = (host) => !!getClosestHTMLElement(host, 'form');
 const hasLocateAction = (icon) => icon === 'locate';
 
+const TEXT_TAGS = ['p', 'span', 'div', 'address', 'blockquote', 'figcaption', 'cite', 'time', 'legend'];
+const getTextTagType = (host, tag) => {
+    if (hasSpecificSlottedTag(host, TEXT_TAGS.join())) {
+        return 'div';
+    }
+    else {
+        return tag;
+    }
+};
+
 exports.BREAKPOINTS = BREAKPOINTS;
-exports.HEADLINE_VARIANTS = HEADLINE_VARIANTS;
-exports.SPINNER_SIZES = SPINNER_SIZES;
+exports.DISPLAY_TAGS = DISPLAY_TAGS;
+exports.HEADING_TAGS = HEADING_TAGS;
+exports.HEADLINE_TAGS = HEADLINE_TAGS;
+exports.TEXT_TAGS = TEXT_TAGS;
 exports.attributeMutationMap = attributeMutationMap;
+exports.buildIconUrl = buildIconUrl;
 exports.buildSrcSet = buildSrcSet;
 exports.cdnBaseUrl = cdnBaseUrl;
 exports.childrenMutationMap = childrenMutationMap;
 exports.createPaginationModel = createPaginationModel;
 exports.createRange = createRange;
+exports.displaySizeToTagMap = displaySizeToTagMap;
 exports.getButtonAriaAttributes = getButtonAriaAttributes;
 exports.getButtonAttributes = getButtonAttributes;
 exports.getButtonBaseAriaAttributes = getButtonBaseAriaAttributes;
@@ -5913,17 +5969,23 @@ exports.getClosestHTMLElement = getClosestHTMLElement;
 exports.getContentAriaAttributes = getContentAriaAttributes;
 exports.getCurrentActivePage = getCurrentActivePage;
 exports.getDirectChildHTMLElement = getDirectChildHTMLElement;
+exports.getDisplayTagType = getDisplayTagType;
 exports.getHTMLElement = getHTMLElement;
-exports.getHeadlineTagName = getHeadlineTagName;
+exports.getHeadingTagType = getHeadingTagType;
+exports.getHeadlineTagType = getHeadlineTagType;
+exports.getIconColor = getIconColor;
 exports.getInlineNotificationIconName = getInlineNotificationIconName;
 exports.getInnerManifest = getInnerManifest;
+exports.getLinkButtonThemeForIcon = getLinkButtonThemeForIcon;
 exports.getRole = getRole;
 exports.getStepperHorizontalIconName = getStepperHorizontalIconName;
 exports.getSwitchButtonAriaAttributes = getSwitchButtonAriaAttributes;
+exports.getTextTagType = getTextTagType;
+exports.getThemeForIcon = getThemeForIcon;
 exports.getTotalPages = getTotalPages;
 exports.hasDocument = hasDocument;
 exports.hasLocateAction = hasLocateAction;
-exports.hasSlottedHeadlineTag = hasSlottedHeadlineTag;
+exports.hasSpecificSlottedTag = hasSpecificSlottedTag;
 exports.hasVisibleIcon = hasVisibleIcon;
 exports.hasWindow = hasWindow;
 exports.isDisabledOrLoading = isDisabledOrLoading;
@@ -5933,16 +5995,12 @@ exports.isSortable = isSortable;
 exports.isStateCompleteOrWarning = isStateCompleteOrWarning;
 exports.isType = isType;
 exports.isUrl = isUrl;
-exports.isVariantType = isVariantType;
 exports.isWithinForm = isWithinForm;
 exports.itemTypes = itemTypes;
-exports.paramCaseToCamelCase = paramCaseToCamelCase;
 exports.parseAndGetAriaAttributes = parseAndGetAriaAttributes;
-exports.parseJSON = parseJSON;
 exports.parseJSONAttribute = parseJSONAttribute;
 exports.resizeMap = resizeMap;
 exports.supportsConstructableStylesheets = supportsConstructableStylesheets;
 exports.tempDiv = tempDiv;
 exports.tempIcon = tempIcon;
 exports.tempLabel = tempLabel;
-exports.verifySpinnerSize = verifySpinnerSize;