diff --git a/core/package-lock.json b/core/package-lock.json index a3a3545596f..92433ef97d7 100644 --- a/core/package-lock.json +++ b/core/package-lock.json @@ -44,12 +44,11 @@ "fs-extra": "^9.0.1", "jest": "^29.7.0", "jest-cli": "^29.7.0", - "outsystems-design-tokens": "^1.3.2", + "outsystems-design-tokens": "^1.3.4", "prettier": "^2.8.8", "rollup": "^2.26.4", "sass": "^1.33.0", "serve": "^14.0.1", - "style-dictionary": "^5.0.0", "stylelint": "^13.13.1", "stylelint-order": "^4.1.0" } @@ -9589,14 +9588,14 @@ } }, "node_modules/outsystems-design-tokens": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/outsystems-design-tokens/-/outsystems-design-tokens-1.3.2.tgz", - "integrity": "sha512-fVo71qNHoswStlwcfHkFw00vOWSKJmUPW4ATnCfulgKc51apsqXh6nYKrjrR6oK786lv7vK0i/3MWNuRXs0GAQ==", + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/outsystems-design-tokens/-/outsystems-design-tokens-1.3.4.tgz", + "integrity": "sha512-tn4vD73kj4U/0/GDNxuGCxILjNyi3yANDLXzrHq7HHFnbmqzBX2suv4xvorfMAcp9U6ZaWMooG+YtkaxJBEXwg==", "dev": true, "dependencies": { "glob": "^11.0.0", "minimist": "^1.2.8", - "style-dictionary": "^5.0.0" + "style-dictionary": "^5.1.1" }, "bin": { "build.tokens": "scripts/index.js" @@ -11134,9 +11133,9 @@ } }, "node_modules/style-dictionary": { - "version": "5.0.4", - "resolved": "https://registry.npmjs.org/style-dictionary/-/style-dictionary-5.0.4.tgz", - "integrity": "sha512-+k82riDTHnCpOYzKz1Xa4W219dEOI8pc2a2jnWZuAFY11PHvRL1Ao55Lle3t/kQbiRU5QACdC3xeUNuByaKE3w==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/style-dictionary/-/style-dictionary-5.1.1.tgz", + "integrity": "sha512-scRFwr2VrerXy6BzO2Ym8AI0dRGkAIoS2YhooagytxCFkoXPYCLhvIxg3VO/yD2i4VeU4aGmHG80+ZLdPDb0uw==", "dev": true, "dependencies": { "@bundled-es-modules/deepmerge": "^4.3.1", diff --git a/core/package.json b/core/package.json index e16c09a6fbf..3956fcfaf94 100644 --- a/core/package.json +++ b/core/package.json @@ -66,12 +66,11 @@ "fs-extra": "^9.0.1", "jest": "^29.7.0", "jest-cli": "^29.7.0", - "outsystems-design-tokens": "^1.3.2", + "outsystems-design-tokens": "^1.3.4", "prettier": "^2.8.8", "rollup": "^2.26.4", "sass": "^1.33.0", "serve": "^14.0.1", - "style-dictionary": "^5.0.0", "stylelint": "^13.13.1", "stylelint-order": "^4.1.0" }, @@ -80,7 +79,7 @@ "build.css": "npm run css.sass && npm run css.minify", "build.debug": "npm run clean && stencil build --debug", "build.docs.json": "stencil build --docs-json dist/docs.json", - "build.tokens": "node ./node_modules/outsystems-design-tokens/scripts/index.js --config ./scripts/tokens/index.mjs && npm run prettier.tokens", + "build.tokens": "npx build.tokens --dest src/foundations/ --root=false --scss=true --scss-file=ionic.vars.scss --scss-prefix=ion --utilities=false && npm run prettier.tokens", "clean": "node scripts/clean.js", "css.minify": "cleancss -O2 -o ./css/ionic.bundle.css ./css/ionic.bundle.css", "css.sass": "sass --embed-sources --style compressed src/css:./css", diff --git a/core/scripts/testing/scripts.js b/core/scripts/testing/scripts.js index 1fe2acdf717..dfb4363548f 100644 --- a/core/scripts/testing/scripts.js +++ b/core/scripts/testing/scripts.js @@ -48,6 +48,15 @@ document.head.appendChild(linkTag); } + const utilsBundleLinkTag = document.querySelector('link[href*="css/utils.bundle.css"]'); + if (!utilsBundleLinkTag) { + const linkTag = document.createElement('link'); + linkTag.setAttribute('rel', 'stylesheet'); + linkTag.setAttribute('type', 'text/css'); + linkTag.setAttribute('href', '/css/utils.bundle.css'); + document.head.appendChild(linkTag); + } + const defaultThemeLinkTag = document.querySelector('link[href*="css/ionic.bundle.css"]'); if (defaultThemeLinkTag) { defaultThemeLinkTag.remove(); diff --git a/core/scripts/tokens/index.mjs b/core/scripts/tokens/index.mjs deleted file mode 100644 index 1153422bd18..00000000000 --- a/core/scripts/tokens/index.mjs +++ /dev/null @@ -1,188 +0,0 @@ -/* eslint-disable @typescript-eslint/no-var-requires */ -// For generating Design Tokens, we use Style Dictionary for several reasons: -// - It's prepared to easily generate tokens for multiple types of outputs (CSS, SCSS, iOS, Android, documentation, etc.). -// - It also works very well out of the box with any kind of Design Tokens formats, like Figma Tokens, as well as APIs to adjust to more custom ones. -// - It is probably the most well-known and widely used Design Tokens tool. It has also been regularly maintained for a long time. -// - It can easily scale to different necessities we might have in the future. -import StyleDictionary from 'style-dictionary'; - -import * as utils from './utils.mjs'; - -const { - generateShadowValue, - generateFontSizeValue, - generateFontFamilyValue, - generateTypographyOutput, - generateValue, - generateColorUtilityClasses, - generateDefaultSpaceUtilityClasses, - generateSpaceUtilityClasses, - removeConsecutiveRepeatedWords, - setVariablePrefixValue, - setClassesAndScssPrefixValue: setClassesPrefixValue, - generateRadiusUtilityClasses, - generateBorderUtilityClasses, - generateFontUtilityClasses, - generateShadowUtilityClasses, - generateUtilityClasses -} = utils; - -const customHeader = `// Do not edit directly, this file was auto-generated.`; -// Set the prefix for classes -setClassesPrefixValue('ion'); -// Set the prefix for variables -setVariablePrefixValue('token'); - -// SCSS variables format -StyleDictionary.registerFormat({ - name: 'scssVariablesFormat', - format: function ({ dictionary }) { // Use 'format' for Style Dictionary v3 - console.log('Generating SCSS variables...'); - - const primitiveProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'primitives'); - const scaleProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'scale'); - const borderProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'border'); - const semanticsProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'semantics'); - const nonPrimitiveScaleBorderSemanticsProperties = dictionary.allTokens.filter( - (prop) => !['primitives', 'scale', 'border', 'semantics'].includes(prop.path[0]) - ); - const typographyProperties = nonPrimitiveScaleBorderSemanticsProperties.filter((prop) => prop.$type === 'typography'); - const otherProperties = nonPrimitiveScaleBorderSemanticsProperties.filter((prop) => prop.$type !== 'typography'); - - // Order: primitives → semantics → scale → border → other → typography - const sortedProperties = [ - ...primitiveProperties, - ...semanticsProperties, - ...scaleProperties, - ...borderProperties, - ...otherProperties, - ...typographyProperties - ]; - - const prefixedVariables = sortedProperties.map((prop) => { - // Remove consecutive repeated words from the token name, like border-border-color - const propName = removeConsecutiveRepeatedWords(prop.name); - - switch (prop.$type) { - case 'boxShadow': - return generateShadowValue(prop, propName); - case 'fontFamilies': - return generateFontFamilyValue(prop, propName, 'scss'); - case 'fontSizes': - return generateFontSizeValue(prop, propName, 'scss'); - case 'typography': - return generateTypographyOutput(prop, propName, true); - default: - return generateValue(prop, propName); - } - }); - - // In v3, the header is added automatically by Style Dictionary. - // The format function should only return the file content. - return [ - customHeader + '\n\n', - '@use "../themes/functions.sizes" as font;\n', - prefixedVariables.join('\n') + '\n', - ].join(''); - }, -}); - -// Create utility-classes -StyleDictionary.registerFormat({ - name: 'cssUtilityClassesFormat', - format: function ({ dictionary }) { // Use 'format' for Style Dictionary v3 - console.log('Generating Utility-Classes...'); - - // Arrays to store specific utility classes - const typographyUtilityClasses = []; - const otherUtilityClasses = []; - - // Generate utility classes for each token - dictionary.allTokens.map((prop) => { - const tokenCategory = prop.attributes.category; - - if (prop.$type === 'fontFamilies' || tokenCategory === 'scale' || tokenCategory === 'backdrop') { - // Not creating for the tokens below, as they make no sense to exist as utility-classes. - return; - } - - // Remove consecutive repeated words from the token name, like border-border-color - const propName = removeConsecutiveRepeatedWords(prop.name); - - if (prop.$type === 'typography') { - // Typography tokens are handled differently, as each might have a different tokenType - return typographyUtilityClasses.push(generateTypographyOutput(prop, propName, false)); - } else if (tokenCategory.startsWith('round') || tokenCategory.startsWith('rectangular') || tokenCategory.startsWith('soft')) { - // Generate utility classes for border-radius shape tokens, as they have their own token json file, based on primitive tokens - return otherUtilityClasses.push(generateRadiusUtilityClasses(propName)); - } - - let utilityClass = ''; - switch (tokenCategory) { - case 'color': - case 'primitives': - case 'semantics': - case 'text': - case 'bg': - case 'icon': - case 'state': - utilityClass = generateColorUtilityClasses(prop, propName); - break; - case 'border': - utilityClass = generateBorderUtilityClasses(prop, propName); - break; - case 'font': - utilityClass = generateFontUtilityClasses(prop, propName); - break; - case 'space': - utilityClass = generateSpaceUtilityClasses(prop, propName); - break; - case 'shadow': - case 'elevation': - utilityClass = generateShadowUtilityClasses(propName); - break; - default: - utilityClass = generateUtilityClasses(tokenCategory, propName); - } - - return otherUtilityClasses.push(utilityClass); - }); - - const defaultSpaceUtilityClasses = generateDefaultSpaceUtilityClasses(); - otherUtilityClasses.push(defaultSpaceUtilityClasses); - - // Concatenate typography utility classes at the beginning - const finalOutput = typographyUtilityClasses.concat(otherUtilityClasses).join('\n'); - - // In v3, the header is added automatically by Style Dictionary. - // The format function should only return the file content. - return [ - customHeader + '\n\n', - '@import "./ionic.vars";\n@import "../themes/mixins";\n', - finalOutput, - ].join(''); - }, -}); - -// APPLY THE CONFIGURATION -const config = { - source: ["node_modules/outsystems-design-tokens/tokens/**/*.json"], - platforms: { - scss: { - transformGroup: "scss", - buildPath: './src/foundations/', - files: [ - { - destination: "ionic.vars.scss", - format: "scssVariablesFormat", - }, - { - destination: "ionic.utility.scss", - format: "cssUtilityClassesFormat", - } - ] - } - } -}; - -export default config; \ No newline at end of file diff --git a/core/scripts/tokens/utils.mjs b/core/scripts/tokens/utils.mjs deleted file mode 100644 index aa5784de174..00000000000 --- a/core/scripts/tokens/utils.mjs +++ /dev/null @@ -1,320 +0,0 @@ -let variablesPrefix; // Variable that holds the prefix used on all css variables generated -let classAndScssPrefix; // Variable that holds the prefix used on all css utility-classes and scss variables generated - -// Set the variable prefix value -export function setVariablePrefixValue(prefix) { - variablesPrefix = prefix; - return variablesPrefix; -} - -export function setClassesAndScssPrefixValue(prefix) { - classAndScssPrefix = prefix; - return classAndScssPrefix; -} - -// Generates a valid rgba() color -export function getRgbaValue(propValue) { - // Check if its rgba color - const isRgba = hexToRgba(propValue); - // If it is, then compose rgba() color, otherwise use the normal color - if (isRgba !== null) { - return (propValue = `rgba(${isRgba.r}, ${isRgba.g}, ${isRgba.b},${isRgba.a})`); - } else { - return propValue; - } -} - -// Translates an hex color value to rgb -export function hexToRgb(hex) { - const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); - return result - ? { - r: parseInt(result[1], 16), - g: parseInt(result[2], 16), - b: parseInt(result[3], 16), - } - : null; -} - -// Translates an hex color value to rgba -function hexToRgba(hex) { - const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); - return result - ? { - r: parseInt(result[1], 16), - g: parseInt(result[2], 16), - b: parseInt(result[3], 16), - a: Math.round((parseInt(result[4], 16) * 100) / 255) / 100, - } - : null; -} - -// Utility function to remove consecutive repeated words -export function removeConsecutiveRepeatedWords(str) { - return str.replace(/(\b\w+\b)(-\1)+/g, '$1'); -} - -// Generates a reference variable for an alias token type -// (e.g., $ion-border-default: var(--ion-border-default, #d5d5d5) → $ion-border-default: var(--ion-border-default, $ion-primitives-neutral-400)) -export function getAliasReferenceVariable(prop) { - if (typeof prop.$value === 'string' && prop.$value.startsWith('{') && prop.$value.endsWith('}')) { - // Remove curly braces and replace dots with dashes - let ref = prop.$value.slice(1, -1).replace(/\./g, '-'); - // Remove consecutive repeated words (e.g., border-border-radius-0 → border-radius-0) - ref = removeConsecutiveRepeatedWords(ref); - return `$${classAndScssPrefix}-${ref}`; - } - return null; -} - -// Generates a valid box-shadow value from a shadow Design Token structure -export function generateShadowValue(prop, propName) { - const cssShadow = prop.$value.map(shadow => { - // Assuming shadow is an object with properties like offsetX, offsetY, blurRadius, spreadRadius, color - const color = getRgbaValue(shadow.color); - return `${shadow.x}px ${shadow.y}px ${shadow.blur}px ${shadow.spread}px ${color}`; -}).join(', '); - - return `$${classAndScssPrefix}-${propName}: var(--${variablesPrefix}-${propName}, ${cssShadow});`; -} - -// Generates a valid font-size value from a font-size Design Token structure, while transforming the pixels to rem -export function generateFontSizeValue(prop, propName, variableType = 'css') { - return variableType === 'scss' - ? `$${classAndScssPrefix}-${propName}: var(--${variablesPrefix}-${propName}, font.px-to-rem(${parseInt( - prop.$value - )}));` - : `--${propName}: #{font.px-to-rem(${parseInt(prop.$value)})};`; -} - -// Generates a valid font-family value from a font-family Design Token structure -export function generateFontFamilyValue(prop, propName, variableType = 'css') { - // Remove the last word from the token, as it contains the name of the font, which we don't want to be included on the generated variables - const _propName = propName.split('-').slice(0, -1).join('-'); - - return variableType === 'scss' - ? `$${classAndScssPrefix}-${_propName}: var(--${variablesPrefix}-${_propName}, ${prop.$value});` - : `--${variablesPrefix}-${_propName}: ${prop.$value};`; -} - -// Generates a final value, based if the Design Token is of type color or not -export function generateValue(prop, propName) { - // Use the original value to detect aliases - const aliasVar = getAliasReferenceVariable({ $value: prop.original.$value }); - - // Always generate the main variable - let mainValue; - if (aliasVar) { - mainValue = `$${classAndScssPrefix}-${propName}: var(--${variablesPrefix}-${propName}, ${aliasVar});`; - } else { - mainValue = `$${classAndScssPrefix}-${propName}: var(--${variablesPrefix}-${propName}, ${prop.$value});`; - } - - // Always generate the -rgb variable if it's a color - const rgb = hexToRgb(prop.$value); - let rgbDeclaration = ''; - if (rgb) { - rgbDeclaration = `\n$${classAndScssPrefix}-${propName}-rgb: var(--${variablesPrefix}-${propName}-rgb, ${rgb.r}, ${rgb.g}, ${rgb.b});`; - } - - return `${mainValue}${rgbDeclaration}`; -} - -// Generates a typography based css utility-class or scss variable from a typography token structure -export function generateTypographyOutput(prop, propName, isVariable) { - const typography = prop.original.$value; - - // Extract the part after the last dot and trim any extraneous characters - const extractLastPart = (str) => str.split('.').pop().replace(/[^\w-]/g, ''); - - const _initialWrapper = isVariable ? ': (' : ` {`; - const _endWrapper = isVariable ? ')' : `}`; - const _prefix = isVariable ? '$' : `.`; - const _endChar = isVariable ? ',' : ';'; - - // This exact format is needed so that it compiles the tokens with the expected lint rules - return ` - ${_prefix}${classAndScssPrefix}-${propName}${_initialWrapper} - font-size: $${classAndScssPrefix}-font-size-${extractLastPart(typography.fontSize)}${_endChar} - font-style: ${prop.attributes.item?.toLowerCase() === 'italic' ? 'italic' : 'normal'}${_endChar} - font-weight: $${classAndScssPrefix}-font-weight-${extractLastPart(typography.fontWeight)}${_endChar} - letter-spacing: $${classAndScssPrefix}-font-letter-spacing-${extractLastPart(typography.letterSpacing) || 0}${_endChar} - line-height: $${classAndScssPrefix}-font-line-height-${extractLastPart(typography.lineHeight)}${_endChar} - text-transform: ${typography.textCase}${_endChar} - text-decoration: ${typography.textDecoration}${_endChar} - ${_endWrapper}; - `; -} - -// Generates a color based css utility-class from a color Design Token structure -export function generateColorUtilityClasses(prop, className) { - const isBg = className.includes('bg'); - const cssProp = isBg ? 'background-color' : 'color'; - return `.${classAndScssPrefix}-${className} { - --${cssProp}: #{$${classAndScssPrefix}-${prop.name}}; - ${cssProp}: $${classAndScssPrefix}-${prop.name}; -}`; -} - -// Generates margin and padding utility classes to match the token-agnostic -// utilities provided by the Ionic Framework -export function generateDefaultSpaceUtilityClasses() { - const zeroMarginPaddingToken = 'space-0'; - const defaultMarginPaddingToken = 'space-400'; - - const marginPaddingTemplate = (type) => ` -.${classAndScssPrefix}-no-${type} { - --${type}-top: #{$${classAndScssPrefix}-${zeroMarginPaddingToken}}; - --${type}-end: #{$${classAndScssPrefix}-${zeroMarginPaddingToken}}; - --${type}-bottom: #{$${classAndScssPrefix}-${zeroMarginPaddingToken}}; - --${type}-start: #{$${classAndScssPrefix}-${zeroMarginPaddingToken}}; - - @include ${type}($${classAndScssPrefix}-${zeroMarginPaddingToken}); -}; - -.${classAndScssPrefix}-${type} { - --${type}-top: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - --${type}-end: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - --${type}-bottom: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - --${type}-start: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - - @include ${type}($${classAndScssPrefix}-${defaultMarginPaddingToken}); -}; - -.${classAndScssPrefix}-${type}-top { - --${type}-top: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - - @include ${type}($${classAndScssPrefix}-${defaultMarginPaddingToken}, null, null, null); -}; - -.${classAndScssPrefix}-${type}-end { - --${type}-end: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - - @include ${type}(null, $${classAndScssPrefix}-${defaultMarginPaddingToken}, null, null); -}; - -.${classAndScssPrefix}-${type}-bottom { - --${type}-bottom: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - - @include ${type}(null, null, $${classAndScssPrefix}-${defaultMarginPaddingToken}, null); -}; - -.${classAndScssPrefix}-${type}-start { - --${type}-start: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - - @include ${type}(null, null, null, $${classAndScssPrefix}-${defaultMarginPaddingToken}); -}; - -.${classAndScssPrefix}-${type}-vertical { - --${type}-top: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - --${type}-bottom: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - - @include ${type}($${classAndScssPrefix}-${defaultMarginPaddingToken}, null, $${classAndScssPrefix}-${defaultMarginPaddingToken}, null); -}; - -.${classAndScssPrefix}-${type}-horizontal { - --${type}-start: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - --${type}-end: #{$${classAndScssPrefix}-${defaultMarginPaddingToken}}; - - @include ${type}(null, $${classAndScssPrefix}-${defaultMarginPaddingToken}, null, $${classAndScssPrefix}-${defaultMarginPaddingToken}); -}; -`; - - return `${marginPaddingTemplate('margin')}\n${marginPaddingTemplate('padding')}`; -} - -// Generates a margin or padding based css utility-class from a space Design Token structure -export function generateSpaceUtilityClasses(prop, className) { - // This exact format is needed so that it compiles the tokens with the expected lint rules - // It will generate classes for margin and padding, for equal sizing on all side and each direction - const marginPaddingTemplate = (type) => ` -.${classAndScssPrefix}-${type}-${className} { - --${type}-top: #{$${classAndScssPrefix}-${prop.name}}; - --${type}-end: #{$${classAndScssPrefix}-${prop.name}}; - --${type}-bottom: #{$${classAndScssPrefix}-${prop.name}}; - --${type}-start: #{$${classAndScssPrefix}-${prop.name}}; - - @include ${type}($${classAndScssPrefix}-${prop.name}); -}; - -.${classAndScssPrefix}-${type}-top-${className} { - --${type}-top: #{$${classAndScssPrefix}-${prop.name}}; - - @include ${type}($${classAndScssPrefix}-${prop.name}, null, null, null); -}; - -.${classAndScssPrefix}-${type}-end-${className} { - --${type}-end: #{$${classAndScssPrefix}-${prop.name}}; - - @include ${type}(null, $${classAndScssPrefix}-${prop.name}, null, null); -}; - -.${classAndScssPrefix}-${type}-bottom-${className} { - --${type}-bottom: #{$${classAndScssPrefix}-${prop.name}}; - - @include ${type}(null, null, $${classAndScssPrefix}-${prop.name}, null); -}; - -.${classAndScssPrefix}-${type}-start-${className} { - --${type}-start: #{$${classAndScssPrefix}-${prop.name}}; - - @include ${type}(null, null, null, $${classAndScssPrefix}-${prop.name}); -}; -`; - - // Add gap utility classes for gap tokens - const generateGapUtilityClasses = () =>` -.${classAndScssPrefix}-gap-${prop.name} { - gap: #{$${classAndScssPrefix}-${prop.name}}; -}; -`; - - return `${generateGapUtilityClasses()}\n${marginPaddingTemplate('margin')}\n${marginPaddingTemplate('padding')}`; -} - -// Generates a valid box-shadow value from a shadow Design Token structure -export function generateRadiusUtilityClasses(propName) { - return `.${classAndScssPrefix}-${propName} { - --border-radius: #{$${classAndScssPrefix}-${propName}}; - border-radius: $${classAndScssPrefix}-${propName}; -}`; -} - -// Generates a border based css utility-class from a font Design Token structure -export function generateBorderUtilityClasses(prop, propName) { - let attribute; - - switch (prop.attributes.type) { - case 'border-radius': - case 'border-style': - attribute = prop.attributes.type; - break; - case 'border-size': - attribute = 'border-width'; - break; - default: - attribute = 'border-color'; - } - return `.${classAndScssPrefix}-${propName} { - --${attribute}: #{$${classAndScssPrefix}-${propName}}; - ${attribute}: $${classAndScssPrefix}-${propName}; -}`; -} - -// Generates a font based css utility-class from a font Design Token structure -export function generateFontUtilityClasses(prop, propName) { - return `.${classAndScssPrefix}-${propName} {\n ${prop.attributes.type}: $${classAndScssPrefix}-${propName};\n}`; -} - -// Generates a valid box-shadow value from a shadow Design Token structure -export function generateShadowUtilityClasses(propName) { - return `.${classAndScssPrefix}-${propName} { - --box-shadow: #{$${classAndScssPrefix}-${propName}}; - box-shadow: $${classAndScssPrefix}-${propName}; -}`; -} - -// Generates a utility class for a given token category and name -export function generateUtilityClasses(tokenCategory, propName){ - return `.${classAndScssPrefix}-${propName} {\n ${tokenCategory}: $${classAndScssPrefix}-${propName};\n}`; -} \ No newline at end of file diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Chrome-linux.png index ecff0caf36b..7d153e9104d 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Firefox-linux.png index ce01e78c5db..cbc4cc53f8f 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Safari-linux.png index 0bdadef0d5d..29a077bda96 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xxsmall-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xxsmall-text-ionic-md-ltr-light-Mobile-Safari-linux.png index a44fb366b31..e99711a2479 100644 Binary files a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xxsmall-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xxsmall-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Chrome-linux.png index 9de6c65076c..d0fe9beeacf 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Firefox-linux.png index be3a2b6c0fb..71df2b193d9 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Safari-linux.png index ee42c239a1a..5a6873dbcb6 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-avatar-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png index 484feb80bac..89e6da6b2b3 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png index 449725116b2..82ff0f7149e 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png index bc69b933c92..a1640ceb7b5 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-size-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-size-ionic-md-ltr-light-Mobile-Chrome-linux.png index 4e8b48085ea..412a4853111 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-size-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-size-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2c7f1709040..158f36f684e 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Firefox-linux.png index b361efbfa44..75c274af6ab 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Safari-linux.png index 24be2a99d0d..d38b3fcfe11 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png index 34097f83c41..feb95d330dc 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png index 727c9de455a..b5dc2b2f379 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png index 87c76a158ac..db01efe8ad6 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0bd619dff5f..6b63aafe0ab 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Firefox-linux.png index 6ed1f528b80..937fab56f54 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Safari-linux.png index ab172730f8c..a551bd722eb 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2be222c043e..57dd61101d6 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Firefox-linux.png index 4c3da349a2d..00fa5b80c9e 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Chrome-linux.png index 44e6464af49..8ffa32ea79b 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Firefox-linux.png index 6aeafec5af3..d5a82b93b4e 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Safari-linux.png index 464a41975e9..52c99484d43 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Chrome-linux.png index e90d4d572f3..29b5e428eb4 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Firefox-linux.png index 466e5eafab2..bdd8f5472ac 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Safari-linux.png index d78844f3795..f006afeae08 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png index f6c410726d7..0335a89c754 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png index edabdcdaabe..3011ad7ffb9 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png index 6fd094c6ef6..2ccf89b406c 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Chrome-linux.png index f2d9e4cb747..69057d229d6 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Firefox-linux.png index 28061244d02..bcede2825ea 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Safari-linux.png index d21d7595a8b..041f0a14838 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Chrome-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Chrome-linux.png index f5e7a8fb0d7..e4e3d707ee7 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Firefox-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Firefox-linux.png index 9698c28af04..35541b4d923 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Safari-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Safari-linux.png index d4374657d09..51dc770f789 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Safari-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png index 139c4dd3a06..13ad26d8100 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png index 2dcad14c935..2c67cc6cae3 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png index 81f5d883049..e3ad545aceb 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index 5fe8da2ec7e..48dd58e73a5 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0403297fe32..bff9b9c1712 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png index de3ff6aa97c..7f17a8ef35e 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png index e9ad5db2d83..39316471b7c 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png index eedcde7aa80..93b77dd3ba3 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png index 8e532a5d9d3..b8c245cf407 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png index 187ba9f98c5..41030ed1677 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png index 7513057203e..5235c41446a 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png index fb2e0c18eb5..f6db0e44c4a 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index 5fa0c2b1e32..5275dfb5454 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index eb738ffa582..05e7d3c3deb 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png index a7db5847907..6081b6318a3 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png index 1df6e2bc9c4..e465b18598b 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0e6fff63b0c..867d9166db5 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png index 062f7bf1153..c1d6e6f84c1 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png index e40963b3d5f..777110c727f 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png index b8246c687e1..3ee7f0a39f5 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png index 71f9df5a909..668554ff6de 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index f283f3d595a..50ea58540ba 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index 7a01c920dcf..ade09aa1fe0 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png index a29c092851a..b5ad8870ac0 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png index d0c7c3e93a4..0da6b45359d 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png index 7ad8fc60970..4624a04161b 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png index 67a54ed3941..719522f95f7 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-large-in-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-large-in-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png index 05b95f3eaaf..906b2955176 100644 Binary files a/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-large-in-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-large-in-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png index 05b95f3eaaf..906b2955176 100644 Binary files a/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-small-in-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-small-in-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png index 76d0b57772b..ac7f6d5ddf7 100644 Binary files a/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-small-in-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-small-in-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png index 76d0b57772b..ac7f6d5ddf7 100644 Binary files a/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Chrome-linux.png index c2026c3d8b7..545badf50dd 100644 Binary files a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Firefox-linux.png index 9146b8d59d1..dc03f071166 100644 Binary files a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Safari-linux.png index 73dc6f2f7e2..4d744cb3c80 100644 Binary files a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index 9e2bc584379..81676cb8e3f 100644 Binary files a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-color-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-color-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png index 757ad51a077..81dc9a11ee4 100644 Binary files a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png index 9dfc8a220d5..d7943a8784e 100644 Binary files a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-solid-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-solid-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index 48c53ad2892..9b871b692c4 100644 Binary files a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-solid-color-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-solid-color-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-solid-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-solid-ionic-md-ltr-light-Mobile-Chrome-linux.png index fd00c3dd0a5..7c9ccc965e8 100644 Binary files a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-solid-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-solid-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index 63fdbe0f510..1fa48e3da93 100644 Binary files a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index 6df723defb1..2568ea5cfe3 100644 Binary files a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Safari-linux.png index a4dcb45a8df..b6c4e813296 100644 Binary files a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index 904fada1a84..cdd772f1049 100644 Binary files a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index 63fdbe0f510..1fa48e3da93 100644 Binary files a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index 6df723defb1..2568ea5cfe3 100644 Binary files a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Safari-linux.png index a4dcb45a8df..b6c4e813296 100644 Binary files a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index 1572c407b19..b5eeb5847b7 100644 Binary files a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index f894a601487..3367531f71d 100644 Binary files a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index 0553ece934d..b328ec1c7b7 100644 Binary files a/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/card/test/shape/card.e2e.ts-snapshots/card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png index 544163c0f4b..462dd5a1fb4 100644 Binary files a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png index 93418b61280..0ef08c63092 100644 Binary files a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Safari-linux.png index 1b2461a22ac..e9adf29fc8b 100644 Binary files a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Chrome-linux.png index 49b27fd5f42..7c3a54ffbd8 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5be2f9dfe83..f707007352b 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Safari-linux.png index c03c0e8d2ca..6262d4cf870 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-default-title-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png index e7d8db33df2..65c32cb307b 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png index 77a18e4c8d3..bf42e6c6473 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Safari-linux.png index 643614b8777..01eeb6b757f 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-basic-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png index a01b7c4be25..65b69fe4840 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png index 03ec4781b5e..48194d0098b 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png index 996aac9b93a..15e16e760f0 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png index 4bc53cefe4e..ceecef9eff2 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png index 4d070398730..7d1a3f06067 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png index 254d6a5981f..5c1b037b709 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png index 69772bf5599..3f31876f80a 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png index 87501de5e85..4b61d2d4d3d 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png index 9ac509f2abd..ef1ca9775f7 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png index 4ae35fdf238..b24eed4d595 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png index a7b17f215e4..e4b3d34756c 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png index 132da8c9845..94ad7268b55 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png index 18f2fb4ef01..5b3eafbf606 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png index 3d43f91ef22..8debd646a69 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png index 1b417b28cb2..e6474263661 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png index f5584adfe0a..031fb9c9e12 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png index 7a7840d6eb0..eca317c0d58 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png index bd50e20d711..fc9b4b2470d 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png index a0f18e12bb2..8ddf0ebff87 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png index cb26d173611..d98339b82d1 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png index 42acbffe1cc..6d905e5084c 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png index 7bc9cd7f0e1..61f45399a97 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png index 56346f6f399..07c57f38f65 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png index ab1d1f0717d..2a54186c89e 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Chrome-linux.png index dad19ffe86c..d06b0e19602 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5a34a7d17e7..c3d6c330d54 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Safari-linux.png index 0d10bf70ff4..34922b5e331 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Chrome-linux.png index ead66d915dd..7f11a7e52c8 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Firefox-linux.png index 6b7f2fbc895..c8025ed3b42 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Safari-linux.png index 93d77d7452a..9379f6ff12f 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-date-time-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Chrome-linux.png index b5ffccf63ab..eece8be526d 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Firefox-linux.png index c4b921ebb25..cb1c20db569 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Safari-linux.png index 00d705e9802..bf6b3af5e0d 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-cover-time-date-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Chrome-linux.png index 7a4f0c855c5..3b5af726698 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Firefox-linux.png index e9c9846fc4e..59bc762220c 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Safari-linux.png index 19005552b8e..99173c13884 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Chrome-linux.png index 913e6fdb2c9..0387680c4a4 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Firefox-linux.png index 4880e6597da..76390df3bd2 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Safari-linux.png index bd43b6ff15f..f9c7916cd08 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-date-time-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Chrome-linux.png index 597c27b7ef9..ac6a121d1a8 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Firefox-linux.png index ec7903597ce..ee07ef00abd 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Safari-linux.png index df376af9485..bcc3c7ef70c 100644 Binary files a/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/display/datetime.e2e.ts-snapshots/datetime-display-time-date-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png index c8f47793a2c..7f6dafe6169 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png index a9716777bf4..7719696446f 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png index 67213eef5af..c9923b25223 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-date-range-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Chrome-linux.png index 1af7d4b2c75..26f193201b1 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Firefox-linux.png index fb27b662bc5..66649ae143b 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Safari-linux.png index 27028e75e1f..8fea8832303 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-display-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Chrome-linux.png index 8159c2e0502..c90559f6041 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Firefox-linux.png index e0c00a53529..4a0be206d94 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Safari-linux.png index 0889f1863c4..1cc08e6329e 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0bebbf31175..18aa5e332b4 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png index c4a2afb8e81..dc4b5cce569 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png index 55ea1d11002..dc3a8e6e0ca 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-month-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png index a3241d9bf0e..25b1b630d51 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png index 7d127a580f8..87d3556b5c1 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png index afdd54288a9..69282a8c9e8 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-specific-date-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png index c97ef7e068a..551e9edbaff 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png index dbf34161864..1478aee4eca 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png index f65a719ea9b..50a06aa0633 100644 Binary files a/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts-snapshots/datetime-show-adjacent-days-weekends-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/header/test/fade/header.e2e.ts-snapshots/header-fade-blurred-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/header/test/fade/header.e2e.ts-snapshots/header-fade-blurred-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0ff82c5ea06..336602306e7 100644 Binary files a/core/src/components/header/test/fade/header.e2e.ts-snapshots/header-fade-blurred-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/header/test/fade/header.e2e.ts-snapshots/header-fade-blurred-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Chrome-linux.png index a517730186d..1a8a244515d 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Firefox-linux.png index 15512806e8d..724f7f65647 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Safari-linux.png index 98d476298f1..a94cfec19c3 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Chrome-linux.png index 9f2aaaa0a70..6c53f6f4f15 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Firefox-linux.png index 121c068b41f..66f7fe81a85 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Safari-linux.png index 58c735b3a8b..3f4e06ee494 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Chrome-linux.png index 30b62b02c9d..ccbb1433ae2 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Firefox-linux.png index 7d0f32da3af..1012684c62a 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Safari-linux.png index 7704262d1dc..5d53122d55d 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Chrome-linux.png index 8557b2c8a60..912ccaacbed 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Firefox-linux.png index 0ce9bbc73af..1218787e55b 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Safari-linux.png index 95dd5aa3b49..5436e4673a8 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Chrome-linux.png index 803b60636ae..e112ff91288 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Firefox-linux.png index c549ddb29b5..40ef31c118b 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Safari-linux.png index 8b525b0f517..a04b24dcd4f 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Chrome-linux.png index 2a374b9153a..5c161f8b05b 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Firefox-linux.png index 867f6571b5c..e1f26619072 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Safari-linux.png index 7c5d9d67d39..7480d354712 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Chrome-linux.png index 00504c00e2e..78f35487820 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Firefox-linux.png index 32c191eb4d4..3eb9cdef649 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Safari-linux.png index 96bf43bf17b..af70dea5f27 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Chrome-linux.png index 920400ff4df..923b3d6564e 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Firefox-linux.png index bcea37e76b5..3aa84f083f8 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Safari-linux.png index 854a9bf5e97..b374a1c0ab0 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png index 743fb675d51..2f8a02a4b22 100644 Binary files a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png index 482d2c6b380..4cc278a7ce3 100644 Binary files a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png index b80a47d2dfe..3f1d8e35c0e 100644 Binary files a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png index 86ce705c23a..e616318d539 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png index 449ba805cd6..e3bb72f497c 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png index 683bd122a56..981446caf32 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Chrome-linux.png index 2b2379feb90..8075d4c1c35 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Firefox-linux.png index 189a8ee93cb..efd8c67afb2 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Safari-linux.png index 41a4347879f..19a61f131e5 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Chrome-linux.png index 6df11f2435e..319de57b446 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Firefox-linux.png index 998aeb1f261..c26c74fcefe 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Safari-linux.png index 1e336b62a5b..fcc896c694e 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Chrome-linux.png index 68259c3cfcd..df67df53f2d 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Firefox-linux.png index 1833e34643f..c08a821fb0a 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Safari-linux.png index b0b4ad107a6..f6688c9ac63 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Chrome-linux.png index e29bc5ec2ce..58f32662f6f 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Firefox-linux.png index a19ca027a50..de3292cc2cc 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Safari-linux.png index aff43a83051..32110d18554 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Chrome-linux.png index 9e4a42480ae..8a6a28d1004 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Firefox-linux.png index ba26d7db4c3..d3b9a4cf242 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Safari-linux.png index ecb9474a699..e61913135ce 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Chrome-linux.png index 26b7119c7c2..feb9772df5f 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0353655c15f..6a51e71732f 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Safari-linux.png index f0c8ea98ec7..91cc083d380 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Chrome-linux.png index 73b35be022c..2cdbbe42e8c 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Firefox-linux.png index 1150dd7bbff..60b8b26c666 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Safari-linux.png index 61ec26ce3c7..ca09ce686e5 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index c5d243c3ae0..87e0fef9836 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png index 24e379aa4c7..57ceda4f05c 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png index f0164571bff..49eb363a380 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index 26b7119c7c2..feb9772df5f 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0353655c15f..6a51e71732f 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Safari-linux.png index f0c8ea98ec7..91cc083d380 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index 4f799fdfdc2..df5b9fbec9c 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index bbe37ae1765..5802a7ee531 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index 1044c99d07e..f0ecfd908fd 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png index bdb92b61a14..0ebcad066c7 100644 Binary files a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png index d1bf812f1e6..73b8618969b 100644 Binary files a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png index 389802f8ef9..196f0085231 100644 Binary files a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png index d5f0e2e0ba3..6382a5b27e2 100644 Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Chrome-linux.png index f44d119de9b..44ac4a35422 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Firefox-linux.png index 06c9aa5187f..2c71c829b95 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Safari-linux.png index e3602eaab24..1087667a5e6 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Chrome-linux.png index 31ce2afd453..cbd8bf099ce 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Firefox-linux.png index 6f3f68f1ae2..c2a1f1ed8db 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Safari-linux.png index d7c0c233316..bb4bca2d528 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Chrome-linux.png index 4da85946371..a2c47ce52eb 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Firefox-linux.png index 2cb8643c103..be501ee0b24 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Safari-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Safari-linux.png index 0f11bf6374c..285c86be956 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Chrome-linux.png index b6f9b124132..ffd50838a05 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Firefox-linux.png index 9dfc62264cb..a5796821cde 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Safari-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Safari-linux.png index 39a8a60c14b..f7539558453 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Chrome-linux.png index ccf1a155005..aab439c518f 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Firefox-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Firefox-linux.png index 0fb9a9c6709..cc3f793b99b 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Safari-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Safari-linux.png index 447b5d35584..efab3d3aaf2 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Safari-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Chrome-linux.png index 39b4ab082a5..66bd2a998ad 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Firefox-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Firefox-linux.png index 407b028aaf7..c965e086952 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Safari-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Safari-linux.png index 57fa59f23f5..4c8a0b8a16c 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Safari-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Chrome-linux.png index dfd4ff699bb..1f19013ca63 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Chrome-linux.png index f627963464d..f8b32a5cdd7 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2bee6502450..952c4a7d15a 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Firefox-linux.png index 4729f8199ee..c424abd7209 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Safari-linux.png index a993b2c97f2..48b443029fa 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Chrome-linux.png index 72e1a191257..21c0343f04f 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Firefox-linux.png index 1ffbd9ecc7a..b78c67efcd9 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Safari-linux.png index 63d32f8a095..a408c4c240f 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Chrome-linux.png index 774749fcc04..f18b5a944ee 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Firefox-linux.png index 18f970a12a5..d1013377846 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Safari-linux.png index 1b86a2b5db6..d3f7b22e276 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Chrome-linux.png index 26034da0c1c..52b6cefadd5 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Firefox-linux.png index fe3c8449ced..f72f28998d0 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Safari-linux.png index a4c09af8abe..2e00430ae35 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index 9cbd6869bb3..66f50cf47d3 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5c1aca878b0..ba94d7bc50d 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Safari-linux.png index 78610eda1ea..bec761ea62b 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index d20f9e029ae..7ba73e882ef 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index 9cbd6869bb3..66f50cf47d3 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5c1aca878b0..ba94d7bc50d 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Safari-linux.png index 78610eda1ea..bec761ea62b 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index 5e027ab1c5b..456bfb2f0ef 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index fa2bad01565..c48e1d7cac3 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index e6c37a95a1e..91eb9c0f04d 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index cb30e653b23..9883765f432 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index b5a65a0d2d5..7401ec4d5b0 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Safari-linux.png index 3e8c0b9cdfd..e36ce3efebf 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index 87d0f52f7b4..aff9a0f2e43 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png index a1ed542b7ad..632b83ac458 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index cb30e653b23..9883765f432 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index b5a65a0d2d5..7401ec4d5b0 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Safari-linux.png index 3e8c0b9cdfd..e36ce3efebf 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0f44ab4775d..f7f6097bd6f 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index b493bc89d9f..7cc07c9bd90 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index 840976c10be..d9d7455f7c2 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Chrome-linux.png index b762ee2ef9a..98ae027696c 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Safari-linux.png index 4721d3b341e..35683b2772c 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png index 7b3f702e2c0..d5b9e794286 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Firefox-linux.png index 713cd208b76..3e4c35483f1 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Safari-linux.png index 8bee4a347f5..2abbd84d010 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-sheet-present-ionic-ios-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-sheet-present-ionic-ios-ltr-light-Mobile-Chrome-linux.png index fcd8b09997f..7b325e7001d 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-sheet-present-ionic-ios-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-sheet-present-ionic-ios-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png index eb0cff741a8..35b600aa51f 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/radio/test/states/radio.e2e.ts-snapshots/radio-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/radio/test/states/radio.e2e.ts-snapshots/radio-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png index 541ef91fee1..bf1c8e9487d 100644 Binary files a/core/src/components/radio/test/states/radio.e2e.ts-snapshots/radio-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/radio/test/states/radio.e2e.ts-snapshots/radio-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index 7debc61f2d7..a0244f92800 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index f4d6e332bad..10db59edea1 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Safari-linux.png index 9855a1a63b0..2345eb1e8ec 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0d1dd66e076..3238ad30d6f 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Firefox-linux.png index e011cfd8e4a..d8b0b1be5f3 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Safari-linux.png index 6f9c17e8865..4658befce7b 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-dual-knobs-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Chrome-linux.png index 6cf45a2b1c9..1d9f26f9398 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Firefox-linux.png index c0a63e623c8..2a7de986606 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Safari-linux.png index 87d0ab1c775..a0c5c4ad758 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-pin-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2a91c927f36..19a1994cf30 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5661741c8c6..51e024b7917 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Safari-linux.png index 73b0a549c7d..3337b5f3f8e 100644 Binary files a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png index 1a7bf79daca..24ed51ce323 100644 Binary files a/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-end-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-end-ionic-md-ltr-light-Mobile-Chrome-linux.png index bca8ac9cd48..f0237784e29 100644 Binary files a/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-end-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-end-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-start-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-start-ionic-md-ltr-light-Mobile-Chrome-linux.png index 39221bd24ab..15cc4151ca4 100644 Binary files a/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-start-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-start-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png index b4bfd4b1c56..d89b21f146f 100644 Binary files a/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-label-only-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-label-only-ionic-md-ltr-light-Mobile-Chrome-linux.png index 5a696ccb3ee..982df14d2d6 100644 Binary files a/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-label-only-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/segment/test/layout/segment.e2e.ts-snapshots/segment-layout-label-only-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/segment/test/states/segment.e2e.ts-snapshots/segment-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/segment/test/states/segment.e2e.ts-snapshots/segment-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png index 635c427bc45..f09842ae05e 100644 Binary files a/core/src/components/segment/test/states/segment.e2e.ts-snapshots/segment-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/segment/test/states/segment.e2e.ts-snapshots/segment-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png index 7632f97b036..5cd393da5f2 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png index c015ed0f57f..163cd74682f 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Safari-linux.png index 6de819368cb..d04eb3cda2f 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png index 8a78dbe8532..6ad118c0846 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png index 2e7a4860ffc..92d4d81a06e 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Safari-linux.png index 4a16c59cc6b..207cfc3689f 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index fe315a1bce2..3b8697b1965 100644 Binary files a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index 21cf1600fce..ea08431df02 100644 Binary files a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Safari-linux.png index 6f02f797917..1bdf0306ba9 100644 Binary files a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Chrome-linux.png index 1e7df56a8b2..2363e1bc0df 100644 Binary files a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Firefox-linux.png index fdadcce1166..6ca62bdd107 100644 Binary files a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Safari-linux.png index e8ae37408be..72ae83f87cb 100644 Binary files a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png index 8142f77c111..c4e13cf4adf 100644 Binary files a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Firefox-linux.png index 54b5dcd6590..87b1455219d 100644 Binary files a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Safari-linux.png index fde8ea0f00d..4655b303eb4 100644 Binary files a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-compact-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2c767431ff6..2ad18395895 100644 Binary files a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Firefox-linux.png index 9bfcd71d0da..42913e876f3 100644 Binary files a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Safari-linux.png index d9d3ab20bb3..c8140c39a19 100644 Binary files a/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/tab-bar/test/expand/tab-bar.e2e.ts-snapshots/tab-bar-expand-full-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index 4dd853f8385..7363f7e975d 100644 Binary files a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index f965ca56f3d..b7002e6a018 100644 Binary files a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index a0fcd70943d..86a7b32ab71 100644 Binary files a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png index c16fb99d945..ac24b27ff9d 100644 Binary files a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index 07292af0c91..ea2820cb718 100644 Binary files a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index 1a5ddae0f83..183ad49255b 100644 Binary files a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index d752f805669..25f088ae04f 100644 Binary files a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts-snapshots/tab-bar-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index 8c3761af79e..1bf92fb5750 100644 Binary files a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index ce8f0fddd9c..e6b513d917a 100644 Binary files a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index 163ae8355fb..e719be155a6 100644 Binary files a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png index a4c40dfd08d..14ef345630e 100644 Binary files a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index 4cb845e0a0c..b27ac9d4727 100644 Binary files a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index 50e5de3f31f..f56ed6928b7 100644 Binary files a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index 53e377e2eba..e61e513512c 100644 Binary files a/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/tab-button/test/shape/tab-button.e2e.ts-snapshots/tab-button-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png index e880de8b9c9..5dbf0d9b4f0 100644 Binary files a/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-basic-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-basic-ionic-md-ltr-light-Mobile-Safari-linux.png index d5e25bd2310..48f3b106d2f 100644 Binary files a/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-basic-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-basic-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Chrome-linux.png index 6367193719e..b751c18f072 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Firefox-linux.png index b00779bd499..9cb0f31768c 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Safari-linux.png index dcf9d346dab..b3d4d0124b2 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-ios-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png index a5acd5db6aa..5393a1e318d 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png index 9136523f55f..cb4ad0cff53 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png index 6aebe4972b9..e758665cd99 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png index 726f7ca33d2..2c17084be8f 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png index f2d776d044b..3d380e0558d 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png index 24556a5889d..a271917395d 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png index 0fcd3628ab1..b10d675a49d 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png index 56969878ee0..e84da3bbef2 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png index a7b286accd1..b1fe1685dca 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index c077219fda2..b09411bf2b8 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Firefox-linux.png index 8e3ea9c3f1e..737c087649e 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Safari-linux.png index c1294cb2bc7..111784067bb 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-color-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Chrome-linux.png index 8e645f1281c..deb67886d35 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Firefox-linux.png index 9edde694362..65c3f85e110 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Safari-linux.png index d671fe37daa..e9a6d65c935 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-ios-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Chrome-linux.png index 6b7504b5291..a8dc7229436 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Firefox-linux.png index dc5de01469b..3385990c169 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Safari-linux.png index 381030d4c3f..cfa4e1443d7 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-middle-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2114ec6c288..7cfaefeeace 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Firefox-linux.png index e3cd4274692..1aba91904fa 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Safari-linux.png index 104f336bcd1..1e8f8cd3736 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Chrome-linux.png index 90e3cf290e6..e1d21c049be 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Firefox-linux.png index 2f375a2d0f5..0b1b5318394 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Safari-linux.png index e1d34335888..c1336bcfaaa 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-start-end-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index d3ae6538e00..a9f9b299eee 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index c490be182ee..fac70f51aca 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 358871b2f04..12a8e460804 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Chrome-linux.png index 965ba1a0d63..f03b570effd 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Firefox-linux.png index 55b34ab1ccc..7cc6f5b5ae8 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Safari-linux.png index 3f51c2caa60..442995f7f1b 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-ios-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Chrome-linux.png index d93ef08c31e..a702fb84e5e 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Firefox-linux.png index 9f4b1c22d9c..285454d20d8 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Safari-linux.png index 5c78811872c..caa3140ba80 100644 Binary files a/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/basic/toast.e2e.ts-snapshots/toast-top-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png index 585d7411fd2..3a3302cc96b 100644 Binary files a/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png index 32236156d28..e5a8a49482d 100644 Binary files a/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png index ad644ce13a7..8fe3c427fea 100644 Binary files a/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png index e45b306f279..241250fee54 100644 Binary files a/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/hue/toast.e2e.ts-snapshots/toast-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index 3b5a73dc7e8..e3d9e64a73b 100644 Binary files a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png index e5f90c870c2..f313e556d5a 100644 Binary files a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png index ebc2ae28583..0d591d6d834 100644 Binary files a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index 5863b119b56..d9a4a3debd6 100644 Binary files a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index 097bb36dff7..11a64012721 100644 Binary files a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png index 827f21d97e1..a97cb04a897 100644 Binary files a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index c91b7cfa18b..83518fb1f70 100644 Binary files a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index cbddcd39c7e..e06525b7a1d 100644 Binary files a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index 17ef1c0a83f..f7f079362d1 100644 Binary files a/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/toast/test/shape/toast.e2e.ts-snapshots/toast-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png index 277d229c1ef..ef12ffcc632 100644 Binary files a/core/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ionic-md-rtl-light-Mobile-Chrome-linux.png index a7cdfff27cb..fbdf08442bd 100644 Binary files a/core/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-ltr-dark-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-ltr-dark-Mobile-Chrome-linux.png index 71494889134..4ad457bb0a3 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-ltr-dark-Mobile-Chrome-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-ltr-dark-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-ltr-light-Mobile-Chrome-linux.png index 48ab19f0733..f24a885323e 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-rtl-dark-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-rtl-dark-Mobile-Chrome-linux.png index 47b20bbe857..6eb3e0d2b5c 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-rtl-dark-Mobile-Chrome-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-rtl-dark-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-rtl-light-Mobile-Chrome-linux.png index 74934869e01..7bc076a20d1 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-buttons-inside-content-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-dark-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-dark-Mobile-Chrome-linux.png index 4aba9999d78..a1253d9355a 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-dark-Mobile-Chrome-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-dark-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-dark-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-dark-Mobile-Firefox-linux.png index dc239bb06bb..303b43b5954 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-dark-Mobile-Firefox-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-dark-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png index d3ea351dd98..69612443764 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png index 2868c197b62..26419a019dc 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-dark-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-dark-Mobile-Chrome-linux.png index a286b224a5f..baee190f0c4 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-dark-Mobile-Chrome-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-dark-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-dark-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-dark-Mobile-Firefox-linux.png index a71ece23e27..c01630f5f68 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-dark-Mobile-Firefox-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-dark-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png index b3669b2e6e3..08b39898075 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png index b7d0d826a5b..fd3a0bb3daa 100644 Binary files a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/css/ionic/utils.bundle.ionic.scss b/core/src/css/ionic/utils.bundle.ionic.scss index 3918ea3f6df..147e9c241a0 100644 --- a/core/src/css/ionic/utils.bundle.ionic.scss +++ b/core/src/css/ionic/utils.bundle.ionic.scss @@ -1,5 +1,3 @@ -@forward "../../foundations/ionic.utility"; - // The padding utility is not included here because it // uses hardcoded pixel values. Instead, the margin // and padding related utilities are generated by diff --git a/core/src/css/test/link/basic/index.html b/core/src/css/test/link/basic/index.html deleted file mode 100644 index 7662685bfec..00000000000 --- a/core/src/css/test/link/basic/index.html +++ /dev/null @@ -1,76 +0,0 @@ - - - - - Link - Basic - - - - - - - - - - - - - - Link - Basic - - - - -

Standalone (.ion-link)

- - -

Underline (.ion-link-underline)

- - -

Links in Content

-
-
- Lorem ipsum dolor sit amet consectetur, default link adipisicing elit. -
-
- Lorem ipsum dolor sit amet consectetur, - underline link adipisicing elit. -
-
- -

Parent Element

-
- - -
- - - - diff --git a/core/src/css/test/link/basic/link.e2e.ts b/core/src/css/test/link/basic/link.e2e.ts deleted file mode 100644 index 8ce38c17fd4..00000000000 --- a/core/src/css/test/link/basic/link.e2e.ts +++ /dev/null @@ -1,41 +0,0 @@ -import { expect } from '@playwright/test'; -import { configs, test } from '@utils/test/playwright'; - -/** - * Link global classes are only available in the Ionic theme. - */ -configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { - test.describe(title('link global classes'), () => { - test.beforeEach(async ({ page }) => { - await page.goto('/src/css/test/link/basic/index.html', config); - }); - - test.describe('.ion-link class', () => { - test('should apply to anchor elements', async ({ page }) => { - const standalone = page.locator('#standalone'); - - await expect(standalone).toHaveScreenshot(screenshot('link-standalone')); - }); - - test('should apply to child anchor elements', async ({ page }) => { - const standalone = page.locator('#standalone-nested'); - - await expect(standalone).toHaveScreenshot(screenshot('link-standalone-nested')); - }); - }); - - test.describe('.ion-link-underline class', () => { - test('should apply to anchor elements', async ({ page }) => { - const standalone = page.locator('#underline'); - - await expect(standalone).toHaveScreenshot(screenshot('link-underline')); - }); - - test('should apply to child anchor elements', async ({ page }) => { - const standalone = page.locator('#underline-nested'); - - await expect(standalone).toHaveScreenshot(screenshot('link-underline-nested')); - }); - }); - }); -}); diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-ionic-md-ltr-light-Mobile-Chrome-linux.png deleted file mode 100644 index 3207fb77c7b..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-ionic-md-ltr-light-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-ionic-md-ltr-light-Mobile-Firefox-linux.png deleted file mode 100644 index 659e5531f0b..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-ionic-md-ltr-light-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-ionic-md-ltr-light-Mobile-Safari-linux.png deleted file mode 100644 index 53b7a5ce4d9..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-ionic-md-ltr-light-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-nested-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-nested-ionic-md-ltr-light-Mobile-Chrome-linux.png deleted file mode 100644 index 633b9d09726..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-nested-ionic-md-ltr-light-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-nested-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-nested-ionic-md-ltr-light-Mobile-Firefox-linux.png deleted file mode 100644 index d9f1ee59986..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-nested-ionic-md-ltr-light-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-nested-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-nested-ionic-md-ltr-light-Mobile-Safari-linux.png deleted file mode 100644 index 166b4da9b68..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-standalone-nested-ionic-md-ltr-light-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-ionic-md-ltr-light-Mobile-Chrome-linux.png deleted file mode 100644 index f641e18ba67..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-ionic-md-ltr-light-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-ionic-md-ltr-light-Mobile-Firefox-linux.png deleted file mode 100644 index e9d7ddfee73..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-ionic-md-ltr-light-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-ionic-md-ltr-light-Mobile-Safari-linux.png deleted file mode 100644 index bff3adf3666..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-ionic-md-ltr-light-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-nested-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-nested-ionic-md-ltr-light-Mobile-Chrome-linux.png deleted file mode 100644 index 7ceec618f9c..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-nested-ionic-md-ltr-light-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-nested-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-nested-ionic-md-ltr-light-Mobile-Firefox-linux.png deleted file mode 100644 index c0cc835bb11..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-nested-ionic-md-ltr-light-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-nested-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-nested-ionic-md-ltr-light-Mobile-Safari-linux.png deleted file mode 100644 index a49051e4b84..00000000000 Binary files a/core/src/css/test/link/basic/link.e2e.ts-snapshots/link-underline-nested-ionic-md-ltr-light-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/css/test/typography/basic/index.html b/core/src/css/test/typography/basic/index.html deleted file mode 100644 index d956b7193f0..00000000000 --- a/core/src/css/test/typography/basic/index.html +++ /dev/null @@ -1,107 +0,0 @@ - - - - - Typography - Display Tokens - - - - - - - - - - - - - Typography - Display Tokens - - - - -
- Display - lg -

display-lg-regular

-

display-lg-light

- sm -

display-sm-regular

-

display-sm-light

-
-
-
- Headings - h1 -

heading-h1-regular

-

heading-h1-medium

-

heading-h1-semi-bold

-

heading-h1-bold

- h2 -

heading-h2-regular

-

heading-h2-medium

-

heading-h2-semi-bold

-

heading-h2-bold

- h3 -

heading-h3-regular

-

heading-h3-medium

-

heading-h3-semi-bold

-

heading-h3-bold

- h4 -

heading-h4-regular

-

heading-h4-medium

-

heading-h4-semi-bold

-

heading-h4-bold

- h5 -

heading-h5-regular

-

heading-h5-medium

-

heading-h5-semi-bold

-

heading-h5-bold

- h6 -

heading-h6-regular

-

heading-h6-medium

-

heading-h6-semi-bold

-

heading-h6-bold

-
-
-
- Body - sm -

ion-body-sm-regular

-

ion-body-sm-medium

-

ion-body-sm-semi-bold

-

ion-body-sm-bold

- md -

ion-body-md-regular

-

ion-body-md-medium

-

ion-body-md-semi-bold

-

ion-body-md-bold

- lg -

ion-body-lg-regular

-

ion-body-lg-medium

-

ion-body-lg-semi-bold

-

ion-body-lg-bold

-
-
-
- Action -

ion-action-xs

-

ion-action-sm

-

ion-action-md

-

ion-action-lg

-
-
-
- Overline -

ion-overline-regular

-

ion-overline-medium

-

ion-overline-semi-bold

-

ion-overline-bold

-
- - - - diff --git a/core/src/css/test/typography/basic/typography.e2e.ts b/core/src/css/test/typography/basic/typography.e2e.ts deleted file mode 100644 index 2904bbcb355..00000000000 --- a/core/src/css/test/typography/basic/typography.e2e.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { expect } from '@playwright/test'; -import { configs, test } from '@utils/test/playwright'; - -configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { - test.describe(title('Typography: basic'), () => { - test('should not have visual regressions', async ({ page }) => { - await page.goto(`/src/css/test/typography/basic`, config); - - await page.setIonViewport(); - - await expect(page).toHaveScreenshot(screenshot(`ionic-typography-basic-styles`)); - }); - }); -}); diff --git a/core/src/css/test/typography/basic/typography.e2e.ts-snapshots/ionic-typography-basic-styles-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/css/test/typography/basic/typography.e2e.ts-snapshots/ionic-typography-basic-styles-ionic-md-ltr-light-Mobile-Chrome-linux.png deleted file mode 100644 index 8e3e26ee8a3..00000000000 Binary files a/core/src/css/test/typography/basic/typography.e2e.ts-snapshots/ionic-typography-basic-styles-ionic-md-ltr-light-Mobile-Chrome-linux.png and /dev/null differ diff --git a/core/src/css/test/typography/basic/typography.e2e.ts-snapshots/ionic-typography-basic-styles-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/css/test/typography/basic/typography.e2e.ts-snapshots/ionic-typography-basic-styles-ionic-md-ltr-light-Mobile-Firefox-linux.png deleted file mode 100644 index cdfb789ae2c..00000000000 Binary files a/core/src/css/test/typography/basic/typography.e2e.ts-snapshots/ionic-typography-basic-styles-ionic-md-ltr-light-Mobile-Firefox-linux.png and /dev/null differ diff --git a/core/src/css/test/typography/basic/typography.e2e.ts-snapshots/ionic-typography-basic-styles-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/css/test/typography/basic/typography.e2e.ts-snapshots/ionic-typography-basic-styles-ionic-md-ltr-light-Mobile-Safari-linux.png deleted file mode 100644 index dd4febbf39b..00000000000 Binary files a/core/src/css/test/typography/basic/typography.e2e.ts-snapshots/ionic-typography-basic-styles-ionic-md-ltr-light-Mobile-Safari-linux.png and /dev/null differ diff --git a/core/src/foundations/README.md b/core/src/foundations/README.md index 261372cccd6..77f965758a2 100644 --- a/core/src/foundations/README.md +++ b/core/src/foundations/README.md @@ -10,10 +10,9 @@ Design tokens represent small, repeated design decisions that make up a design s The Ionic Design Tokens come from the [outsystems-design-tokens repo](https://github.com/OutSystems/outsystems-design-tokens). -Using the [outsystems-design-tokens package](https://www.npmjs.com/package/outsystems-design-tokens), we use its `npx run build.tokens` to pass our configuration file, that will generate 2 files inside `core/src/foundations`: +Using the [outsystems-design-tokens package](https://www.npmjs.com/package/outsystems-design-tokens), we use its `npx run build.tokens` to pass our configuration file, that will generate one file inside `core/src/foundations`: - `ionic.vars.scss` - SCSS variables, based on the native ones, that are used internally on all CSS/SCSS code. -- `ionic.utility.scss` - list of utility classes based on each Design Token. This refers, more or less, to what's known as System Tokens, which are decisions that systematize the design language for a specific theme or context. @@ -50,12 +49,6 @@ SCSS Variable: $ion-semantics-primary-300 ``` -Utility class: - -```css -.ion-semantics-primary-300 -``` - ## Managing the Design Tokens It's not expected that the tokens need to be changed frequently. This represents the base of all the Ionic Design System and any change to them should be taken carefully, synced with the UX/UI Team and reviewed by other devs. diff --git a/core/src/foundations/ionic.utility.scss b/core/src/foundations/ionic.utility.scss deleted file mode 100644 index 54b9db180a2..00000000000 --- a/core/src/foundations/ionic.utility.scss +++ /dev/null @@ -1,3597 +0,0 @@ -// Do not edit directly, this file was auto-generated. - -@import "./ionic.vars"; -@import "../themes/mixins"; - -.ion-display-sm-regular { - font-size: $ion-font-size-800; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-1100; - text-transform: none; - text-decoration: none; -} - -.ion-display-sm-light { - font-size: $ion-font-size-800; - font-style: normal; - font-weight: $ion-font-weight-light; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-1100; - text-transform: none; - text-decoration: none; -} - -.ion-display-lg-regular { - font-size: $ion-font-size-900; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-1200; - text-transform: none; - text-decoration: none; -} - -.ion-display-lg-light { - font-size: $ion-font-size-900; - font-style: normal; - font-weight: $ion-font-weight-light; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-1200; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h1-regular { - font-size: $ion-font-size-700; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-900; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h1-medium { - font-size: $ion-font-size-700; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-900; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h1-semi-bold { - font-size: $ion-font-size-700; - font-style: normal; - font-weight: $ion-font-weight-semi-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-900; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h1-bold { - font-size: $ion-font-size-700; - font-style: normal; - font-weight: $ion-font-weight-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-900; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h2-regular { - font-size: $ion-font-size-650; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-900; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h2-medium { - font-size: $ion-font-size-650; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-900; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h2-semi-bold { - font-size: $ion-font-size-650; - font-style: normal; - font-weight: $ion-font-weight-semi-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-900; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h2-bold { - font-size: $ion-font-size-650; - font-style: normal; - font-weight: $ion-font-weight-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-900; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h3-regular { - font-size: $ion-font-size-600; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-800; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h3-medium { - font-size: $ion-font-size-600; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-800; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h3-semi-bold { - font-size: $ion-font-size-600; - font-style: normal; - font-weight: $ion-font-weight-semi-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-800; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h3-bold { - font-size: $ion-font-size-600; - font-style: normal; - font-weight: $ion-font-weight-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-800; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h4-regular { - font-size: $ion-font-size-550; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h4-medium { - font-size: $ion-font-size-550; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h4-semi-bold { - font-size: $ion-font-size-550; - font-style: normal; - font-weight: $ion-font-weight-semi-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h4-bold { - font-size: $ion-font-size-550; - font-style: normal; - font-weight: $ion-font-weight-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h5-regular { - font-size: $ion-font-size-500; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h5-medium { - font-size: $ion-font-size-500; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h5-semi-bold { - font-size: $ion-font-size-500; - font-style: normal; - font-weight: $ion-font-weight-semi-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h5-bold { - font-size: $ion-font-size-500; - font-style: normal; - font-weight: $ion-font-weight-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h6-regular { - font-size: $ion-font-size-450; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h6-medium { - font-size: $ion-font-size-450; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h6-semi-bold { - font-size: $ion-font-size-450; - font-style: normal; - font-weight: $ion-font-weight-semi-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-heading-h6-bold { - font-size: $ion-font-size-450; - font-style: normal; - font-weight: $ion-font-weight-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-700; - text-transform: none; - text-decoration: none; -} - -.ion-body-action-lg { - font-size: $ion-font-size-500; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-1; - line-height: $ion-font-line-height-600; - text-transform: none; - text-decoration: none; -} - -.ion-body-action-md { - font-size: $ion-font-size-400; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-1; - line-height: $ion-font-line-height-600; - text-transform: none; - text-decoration: none; -} - -.ion-body-action-sm { - font-size: $ion-font-size-350; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-1; - line-height: $ion-font-line-height-500; - text-transform: none; - text-decoration: none; -} - -.ion-body-action-xs { - font-size: $ion-font-size-300; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-1; - line-height: $ion-font-line-height-500; - text-transform: none; - text-decoration: none; -} - -.ion-body-lg-regular { - font-size: $ion-font-size-400; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-600; - text-transform: none; - text-decoration: none; -} - -.ion-body-lg-medium { - font-size: $ion-font-size-400; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-600; - text-transform: none; - text-decoration: none; -} - -.ion-body-lg-semi-bold { - font-size: $ion-font-size-400; - font-style: normal; - font-weight: $ion-font-weight-semi-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-600; - text-transform: none; - text-decoration: none; -} - -.ion-body-lg-bold { - font-size: $ion-font-size-400; - font-style: normal; - font-weight: $ion-font-weight-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-600; - text-transform: none; - text-decoration: none; -} - -.ion-body-md-regular { - font-size: $ion-font-size-350; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-600; - text-transform: none; - text-decoration: none; -} - -.ion-body-md-medium { - font-size: $ion-font-size-350; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-600; - text-transform: none; - text-decoration: none; -} - -.ion-body-md-semi-bold { - font-size: $ion-font-size-350; - font-style: normal; - font-weight: $ion-font-weight-semi-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-600; - text-transform: none; - text-decoration: none; -} - -.ion-body-md-bold { - font-size: $ion-font-size-350; - font-style: normal; - font-weight: $ion-font-weight-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-600; - text-transform: none; - text-decoration: none; -} - -.ion-body-sm-regular { - font-size: $ion-font-size-300; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-500; - text-transform: none; - text-decoration: none; -} - -.ion-body-sm-medium { - font-size: $ion-font-size-300; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-500; - text-transform: none; - text-decoration: none; -} - -.ion-body-sm-semi-bold { - font-size: $ion-font-size-300; - font-style: normal; - font-weight: $ion-font-weight-semi-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-500; - text-transform: none; - text-decoration: none; -} - -.ion-body-sm-bold { - font-size: $ion-font-size-300; - font-style: normal; - font-weight: $ion-font-weight-bold; - letter-spacing: $ion-font-letter-spacing-0; - line-height: $ion-font-line-height-500; - text-transform: none; - text-decoration: none; -} - -.ion-overline-regular { - font-size: $ion-font-size-300; - font-style: normal; - font-weight: $ion-font-weight-regular; - letter-spacing: $ion-font-letter-spacing-2; - line-height: $ion-font-line-height-500; - text-transform: uppercase; - text-decoration: none; -} - -.ion-overline-medium { - font-size: $ion-font-size-300; - font-style: normal; - font-weight: $ion-font-weight-medium; - letter-spacing: $ion-font-letter-spacing-2; - line-height: $ion-font-line-height-500; - text-transform: uppercase; - text-decoration: none; -} - -.ion-overline-semi-bold { - font-size: $ion-font-size-300; - font-style: normal; - font-weight: $ion-font-weight-semi-bold; - letter-spacing: $ion-font-letter-spacing-2; - line-height: $ion-font-line-height-500; - text-transform: uppercase; - text-decoration: none; -} - -.ion-overline-bold { - font-size: $ion-font-size-300; - font-style: normal; - font-weight: $ion-font-weight-bold; - letter-spacing: $ion-font-letter-spacing-2; - line-height: $ion-font-line-height-500; - text-transform: uppercase; - text-decoration: none; -} - -.ion-semantics-primary-100 { - --color: #{$ion-semantics-primary-100}; - color: $ion-semantics-primary-100; -} -.ion-semantics-primary-200 { - --color: #{$ion-semantics-primary-200}; - color: $ion-semantics-primary-200; -} -.ion-semantics-primary-300 { - --color: #{$ion-semantics-primary-300}; - color: $ion-semantics-primary-300; -} -.ion-semantics-primary-400 { - --color: #{$ion-semantics-primary-400}; - color: $ion-semantics-primary-400; -} -.ion-semantics-primary-500 { - --color: #{$ion-semantics-primary-500}; - color: $ion-semantics-primary-500; -} -.ion-semantics-primary-600 { - --color: #{$ion-semantics-primary-600}; - color: $ion-semantics-primary-600; -} -.ion-semantics-primary-700 { - --color: #{$ion-semantics-primary-700}; - color: $ion-semantics-primary-700; -} -.ion-semantics-primary-800 { - --color: #{$ion-semantics-primary-800}; - color: $ion-semantics-primary-800; -} -.ion-semantics-primary-900 { - --color: #{$ion-semantics-primary-900}; - color: $ion-semantics-primary-900; -} -.ion-semantics-primary-1000 { - --color: #{$ion-semantics-primary-1000}; - color: $ion-semantics-primary-1000; -} -.ion-semantics-primary-1100 { - --color: #{$ion-semantics-primary-1100}; - color: $ion-semantics-primary-1100; -} -.ion-semantics-primary-1200 { - --color: #{$ion-semantics-primary-1200}; - color: $ion-semantics-primary-1200; -} -.ion-semantics-primary-base { - --color: #{$ion-semantics-primary-base}; - color: $ion-semantics-primary-base; -} -.ion-semantics-info-100 { - --color: #{$ion-semantics-info-100}; - color: $ion-semantics-info-100; -} -.ion-semantics-info-200 { - --color: #{$ion-semantics-info-200}; - color: $ion-semantics-info-200; -} -.ion-semantics-info-300 { - --color: #{$ion-semantics-info-300}; - color: $ion-semantics-info-300; -} -.ion-semantics-info-400 { - --color: #{$ion-semantics-info-400}; - color: $ion-semantics-info-400; -} -.ion-semantics-info-500 { - --color: #{$ion-semantics-info-500}; - color: $ion-semantics-info-500; -} -.ion-semantics-info-600 { - --color: #{$ion-semantics-info-600}; - color: $ion-semantics-info-600; -} -.ion-semantics-info-700 { - --color: #{$ion-semantics-info-700}; - color: $ion-semantics-info-700; -} -.ion-semantics-info-800 { - --color: #{$ion-semantics-info-800}; - color: $ion-semantics-info-800; -} -.ion-semantics-info-900 { - --color: #{$ion-semantics-info-900}; - color: $ion-semantics-info-900; -} -.ion-semantics-info-1000 { - --color: #{$ion-semantics-info-1000}; - color: $ion-semantics-info-1000; -} -.ion-semantics-info-1100 { - --color: #{$ion-semantics-info-1100}; - color: $ion-semantics-info-1100; -} -.ion-semantics-info-1200 { - --color: #{$ion-semantics-info-1200}; - color: $ion-semantics-info-1200; -} -.ion-semantics-info-base { - --color: #{$ion-semantics-info-base}; - color: $ion-semantics-info-base; -} -.ion-semantics-success-100 { - --color: #{$ion-semantics-success-100}; - color: $ion-semantics-success-100; -} -.ion-semantics-success-200 { - --color: #{$ion-semantics-success-200}; - color: $ion-semantics-success-200; -} -.ion-semantics-success-300 { - --color: #{$ion-semantics-success-300}; - color: $ion-semantics-success-300; -} -.ion-semantics-success-400 { - --color: #{$ion-semantics-success-400}; - color: $ion-semantics-success-400; -} -.ion-semantics-success-500 { - --color: #{$ion-semantics-success-500}; - color: $ion-semantics-success-500; -} -.ion-semantics-success-600 { - --color: #{$ion-semantics-success-600}; - color: $ion-semantics-success-600; -} -.ion-semantics-success-700 { - --color: #{$ion-semantics-success-700}; - color: $ion-semantics-success-700; -} -.ion-semantics-success-800 { - --color: #{$ion-semantics-success-800}; - color: $ion-semantics-success-800; -} -.ion-semantics-success-900 { - --color: #{$ion-semantics-success-900}; - color: $ion-semantics-success-900; -} -.ion-semantics-success-1000 { - --color: #{$ion-semantics-success-1000}; - color: $ion-semantics-success-1000; -} -.ion-semantics-success-1100 { - --color: #{$ion-semantics-success-1100}; - color: $ion-semantics-success-1100; -} -.ion-semantics-success-1200 { - --color: #{$ion-semantics-success-1200}; - color: $ion-semantics-success-1200; -} -.ion-semantics-success-base { - --color: #{$ion-semantics-success-base}; - color: $ion-semantics-success-base; -} -.ion-semantics-danger-100 { - --color: #{$ion-semantics-danger-100}; - color: $ion-semantics-danger-100; -} -.ion-semantics-danger-200 { - --color: #{$ion-semantics-danger-200}; - color: $ion-semantics-danger-200; -} -.ion-semantics-danger-300 { - --color: #{$ion-semantics-danger-300}; - color: $ion-semantics-danger-300; -} -.ion-semantics-danger-400 { - --color: #{$ion-semantics-danger-400}; - color: $ion-semantics-danger-400; -} -.ion-semantics-danger-500 { - --color: #{$ion-semantics-danger-500}; - color: $ion-semantics-danger-500; -} -.ion-semantics-danger-600 { - --color: #{$ion-semantics-danger-600}; - color: $ion-semantics-danger-600; -} -.ion-semantics-danger-700 { - --color: #{$ion-semantics-danger-700}; - color: $ion-semantics-danger-700; -} -.ion-semantics-danger-800 { - --color: #{$ion-semantics-danger-800}; - color: $ion-semantics-danger-800; -} -.ion-semantics-danger-900 { - --color: #{$ion-semantics-danger-900}; - color: $ion-semantics-danger-900; -} -.ion-semantics-danger-1000 { - --color: #{$ion-semantics-danger-1000}; - color: $ion-semantics-danger-1000; -} -.ion-semantics-danger-1100 { - --color: #{$ion-semantics-danger-1100}; - color: $ion-semantics-danger-1100; -} -.ion-semantics-danger-1200 { - --color: #{$ion-semantics-danger-1200}; - color: $ion-semantics-danger-1200; -} -.ion-semantics-danger-base { - --color: #{$ion-semantics-danger-base}; - color: $ion-semantics-danger-base; -} -.ion-semantics-warning-100 { - --color: #{$ion-semantics-warning-100}; - color: $ion-semantics-warning-100; -} -.ion-semantics-warning-200 { - --color: #{$ion-semantics-warning-200}; - color: $ion-semantics-warning-200; -} -.ion-semantics-warning-300 { - --color: #{$ion-semantics-warning-300}; - color: $ion-semantics-warning-300; -} -.ion-semantics-warning-400 { - --color: #{$ion-semantics-warning-400}; - color: $ion-semantics-warning-400; -} -.ion-semantics-warning-500 { - --color: #{$ion-semantics-warning-500}; - color: $ion-semantics-warning-500; -} -.ion-semantics-warning-600 { - --color: #{$ion-semantics-warning-600}; - color: $ion-semantics-warning-600; -} -.ion-semantics-warning-700 { - --color: #{$ion-semantics-warning-700}; - color: $ion-semantics-warning-700; -} -.ion-semantics-warning-800 { - --color: #{$ion-semantics-warning-800}; - color: $ion-semantics-warning-800; -} -.ion-semantics-warning-900 { - --color: #{$ion-semantics-warning-900}; - color: $ion-semantics-warning-900; -} -.ion-semantics-warning-1000 { - --color: #{$ion-semantics-warning-1000}; - color: $ion-semantics-warning-1000; -} -.ion-semantics-warning-1100 { - --color: #{$ion-semantics-warning-1100}; - color: $ion-semantics-warning-1100; -} -.ion-semantics-warning-1200 { - --color: #{$ion-semantics-warning-1200}; - color: $ion-semantics-warning-1200; -} -.ion-semantics-warning-base { - --color: #{$ion-semantics-warning-base}; - color: $ion-semantics-warning-base; -} -.ion-bg-primary-base-default { - --background-color: #{$ion-bg-primary-base-default}; - background-color: $ion-bg-primary-base-default; -} -.ion-bg-primary-base-press { - --background-color: #{$ion-bg-primary-base-press}; - background-color: $ion-bg-primary-base-press; -} -.ion-bg-primary-subtle-default { - --background-color: #{$ion-bg-primary-subtle-default}; - background-color: $ion-bg-primary-subtle-default; -} -.ion-bg-primary-subtle-press { - --background-color: #{$ion-bg-primary-subtle-press}; - background-color: $ion-bg-primary-subtle-press; -} -.ion-bg-danger-base-default { - --background-color: #{$ion-bg-danger-base-default}; - background-color: $ion-bg-danger-base-default; -} -.ion-bg-danger-base-press { - --background-color: #{$ion-bg-danger-base-press}; - background-color: $ion-bg-danger-base-press; -} -.ion-bg-danger-subtle-default { - --background-color: #{$ion-bg-danger-subtle-default}; - background-color: $ion-bg-danger-subtle-default; -} -.ion-bg-danger-subtle-press { - --background-color: #{$ion-bg-danger-subtle-press}; - background-color: $ion-bg-danger-subtle-press; -} -.ion-bg-success-base-default { - --background-color: #{$ion-bg-success-base-default}; - background-color: $ion-bg-success-base-default; -} -.ion-bg-success-base-press { - --background-color: #{$ion-bg-success-base-press}; - background-color: $ion-bg-success-base-press; -} -.ion-bg-success-subtle-default { - --background-color: #{$ion-bg-success-subtle-default}; - background-color: $ion-bg-success-subtle-default; -} -.ion-bg-success-subtle-press { - --background-color: #{$ion-bg-success-subtle-press}; - background-color: $ion-bg-success-subtle-press; -} -.ion-bg-info-base-default { - --background-color: #{$ion-bg-info-base-default}; - background-color: $ion-bg-info-base-default; -} -.ion-bg-info-base-press { - --background-color: #{$ion-bg-info-base-press}; - background-color: $ion-bg-info-base-press; -} -.ion-bg-info-subtle-default { - --background-color: #{$ion-bg-info-subtle-default}; - background-color: $ion-bg-info-subtle-default; -} -.ion-bg-info-subtle-press { - --background-color: #{$ion-bg-info-subtle-press}; - background-color: $ion-bg-info-subtle-press; -} -.ion-bg-warning-base-default { - --background-color: #{$ion-bg-warning-base-default}; - background-color: $ion-bg-warning-base-default; -} -.ion-bg-warning-base-press { - --background-color: #{$ion-bg-warning-base-press}; - background-color: $ion-bg-warning-base-press; -} -.ion-bg-warning-subtle-default { - --background-color: #{$ion-bg-warning-subtle-default}; - background-color: $ion-bg-warning-subtle-default; -} -.ion-bg-warning-subtle-press { - --background-color: #{$ion-bg-warning-subtle-press}; - background-color: $ion-bg-warning-subtle-press; -} -.ion-bg-body { - --background-color: #{$ion-bg-body}; - background-color: $ion-bg-body; -} -.ion-bg-neutral-subtle-default { - --background-color: #{$ion-bg-neutral-subtle-default}; - background-color: $ion-bg-neutral-subtle-default; -} -.ion-bg-neutral-subtle-press { - --background-color: #{$ion-bg-neutral-subtle-press}; - background-color: $ion-bg-neutral-subtle-press; -} -.ion-bg-neutral-base-default { - --background-color: #{$ion-bg-neutral-base-default}; - background-color: $ion-bg-neutral-base-default; -} -.ion-bg-neutral-base-press { - --background-color: #{$ion-bg-neutral-base-press}; - background-color: $ion-bg-neutral-base-press; -} -.ion-bg-neutral-subtlest-default { - --background-color: #{$ion-bg-neutral-subtlest-default}; - background-color: $ion-bg-neutral-subtlest-default; -} -.ion-bg-neutral-subtlest-press { - --background-color: #{$ion-bg-neutral-subtlest-press}; - background-color: $ion-bg-neutral-subtlest-press; -} -.ion-bg-neutral-bold-default { - --background-color: #{$ion-bg-neutral-bold-default}; - background-color: $ion-bg-neutral-bold-default; -} -.ion-bg-neutral-bold-press { - --background-color: #{$ion-bg-neutral-bold-press}; - background-color: $ion-bg-neutral-bold-press; -} -.ion-bg-neutral-boldest-default { - --background-color: #{$ion-bg-neutral-boldest-default}; - background-color: $ion-bg-neutral-boldest-default; -} -.ion-bg-neutral-boldest-press { - --background-color: #{$ion-bg-neutral-boldest-press}; - background-color: $ion-bg-neutral-boldest-press; -} -.ion-bg-surface-default { - --background-color: #{$ion-bg-surface-default}; - background-color: $ion-bg-surface-default; -} -.ion-bg-surface-inverse { - --background-color: #{$ion-bg-surface-inverse}; - background-color: $ion-bg-surface-inverse; -} -.ion-bg-input-default { - --background-color: #{$ion-bg-input-default}; - background-color: $ion-bg-input-default; -} -.ion-bg-input-read-only { - --background-color: #{$ion-bg-input-read-only}; - background-color: $ion-bg-input-read-only; -} -.ion-bg-input-press { - --background-color: #{$ion-bg-input-press}; - background-color: $ion-bg-input-press; -} -.ion-bg-input-disabled { - --background-color: #{$ion-bg-input-disabled}; - background-color: $ion-bg-input-disabled; -} -.ion-bg-input-bold-default { - --background-color: #{$ion-bg-input-bold-default}; - background-color: $ion-bg-input-bold-default; -} -.ion-bg-input-bold-press { - --background-color: #{$ion-bg-input-bold-press}; - background-color: $ion-bg-input-bold-press; -} -.ion-bg-input-bold-read-only { - --background-color: #{$ion-bg-input-bold-read-only}; - background-color: $ion-bg-input-bold-read-only; -} -.ion-bg-input-bold-disabled { - --background-color: #{$ion-bg-input-bold-disabled}; - background-color: $ion-bg-input-bold-disabled; -} -.ion-bg-select-default { - --background-color: #{$ion-bg-select-default}; - background-color: $ion-bg-select-default; -} -.ion-bg-select-press { - --background-color: #{$ion-bg-select-press}; - background-color: $ion-bg-select-press; -} -.ion-bg-extended-pumpkin-base-default { - --background-color: #{$ion-bg-extended-pumpkin-base-default}; - background-color: $ion-bg-extended-pumpkin-base-default; -} -.ion-bg-extended-pumpkin-base-press { - --background-color: #{$ion-bg-extended-pumpkin-base-press}; - background-color: $ion-bg-extended-pumpkin-base-press; -} -.ion-bg-extended-pumpkin-subtle-default { - --background-color: #{$ion-bg-extended-pumpkin-subtle-default}; - background-color: $ion-bg-extended-pumpkin-subtle-default; -} -.ion-bg-extended-pumpkin-subtle-press { - --background-color: #{$ion-bg-extended-pumpkin-subtle-press}; - background-color: $ion-bg-extended-pumpkin-subtle-press; -} -.ion-bg-extended-orange-base-default { - --background-color: #{$ion-bg-extended-orange-base-default}; - background-color: $ion-bg-extended-orange-base-default; -} -.ion-bg-extended-orange-base-press { - --background-color: #{$ion-bg-extended-orange-base-press}; - background-color: $ion-bg-extended-orange-base-press; -} -.ion-bg-extended-orange-subtle-default { - --background-color: #{$ion-bg-extended-orange-subtle-default}; - background-color: $ion-bg-extended-orange-subtle-default; -} -.ion-bg-extended-orange-subtle-press { - --background-color: #{$ion-bg-extended-orange-subtle-press}; - background-color: $ion-bg-extended-orange-subtle-press; -} -.ion-bg-extended-lime-base-default { - --background-color: #{$ion-bg-extended-lime-base-default}; - background-color: $ion-bg-extended-lime-base-default; -} -.ion-bg-extended-lime-base-press { - --background-color: #{$ion-bg-extended-lime-base-press}; - background-color: $ion-bg-extended-lime-base-press; -} -.ion-bg-extended-lime-subtle-default { - --background-color: #{$ion-bg-extended-lime-subtle-default}; - background-color: $ion-bg-extended-lime-subtle-default; -} -.ion-bg-extended-lime-subtle-press { - --background-color: #{$ion-bg-extended-lime-subtle-press}; - background-color: $ion-bg-extended-lime-subtle-press; -} -.ion-bg-extended-teal-base-default { - --background-color: #{$ion-bg-extended-teal-base-default}; - background-color: $ion-bg-extended-teal-base-default; -} -.ion-bg-extended-teal-base-press { - --background-color: #{$ion-bg-extended-teal-base-press}; - background-color: $ion-bg-extended-teal-base-press; -} -.ion-bg-extended-teal-subtle-default { - --background-color: #{$ion-bg-extended-teal-subtle-default}; - background-color: $ion-bg-extended-teal-subtle-default; -} -.ion-bg-extended-teal-subtle-press { - --background-color: #{$ion-bg-extended-teal-subtle-press}; - background-color: $ion-bg-extended-teal-subtle-press; -} -.ion-bg-extended-aqua-base-default { - --background-color: #{$ion-bg-extended-aqua-base-default}; - background-color: $ion-bg-extended-aqua-base-default; -} -.ion-bg-extended-aqua-base-press { - --background-color: #{$ion-bg-extended-aqua-base-press}; - background-color: $ion-bg-extended-aqua-base-press; -} -.ion-bg-extended-aqua-subtle-default { - --background-color: #{$ion-bg-extended-aqua-subtle-default}; - background-color: $ion-bg-extended-aqua-subtle-default; -} -.ion-bg-extended-aqua-subtle-press { - --background-color: #{$ion-bg-extended-aqua-subtle-press}; - background-color: $ion-bg-extended-aqua-subtle-press; -} -.ion-bg-extended-indigo-base-default { - --background-color: #{$ion-bg-extended-indigo-base-default}; - background-color: $ion-bg-extended-indigo-base-default; -} -.ion-bg-extended-indigo-base-press { - --background-color: #{$ion-bg-extended-indigo-base-press}; - background-color: $ion-bg-extended-indigo-base-press; -} -.ion-bg-extended-indigo-subtle-default { - --background-color: #{$ion-bg-extended-indigo-subtle-default}; - background-color: $ion-bg-extended-indigo-subtle-default; -} -.ion-bg-extended-indigo-subtle-press { - --background-color: #{$ion-bg-extended-indigo-subtle-press}; - background-color: $ion-bg-extended-indigo-subtle-press; -} -.ion-bg-extended-violet-base-default { - --background-color: #{$ion-bg-extended-violet-base-default}; - background-color: $ion-bg-extended-violet-base-default; -} -.ion-bg-extended-violet-base-press { - --background-color: #{$ion-bg-extended-violet-base-press}; - background-color: $ion-bg-extended-violet-base-press; -} -.ion-bg-extended-violet-subtle-default { - --background-color: #{$ion-bg-extended-violet-subtle-default}; - background-color: $ion-bg-extended-violet-subtle-default; -} -.ion-bg-extended-violet-subtle-press { - --background-color: #{$ion-bg-extended-violet-subtle-press}; - background-color: $ion-bg-extended-violet-subtle-press; -} -.ion-bg-extended-purple-base-default { - --background-color: #{$ion-bg-extended-purple-base-default}; - background-color: $ion-bg-extended-purple-base-default; -} -.ion-bg-extended-purple-base-press { - --background-color: #{$ion-bg-extended-purple-base-press}; - background-color: $ion-bg-extended-purple-base-press; -} -.ion-bg-extended-purple-subtle-default { - --background-color: #{$ion-bg-extended-purple-subtle-default}; - background-color: $ion-bg-extended-purple-subtle-default; -} -.ion-bg-extended-purple-subtle-press { - --background-color: #{$ion-bg-extended-purple-subtle-press}; - background-color: $ion-bg-extended-purple-subtle-press; -} -.ion-bg-extended-magenta-base-default { - --background-color: #{$ion-bg-extended-magenta-base-default}; - background-color: $ion-bg-extended-magenta-base-default; -} -.ion-bg-extended-magenta-base-press { - --background-color: #{$ion-bg-extended-magenta-base-press}; - background-color: $ion-bg-extended-magenta-base-press; -} -.ion-bg-extended-magenta-subtle-default { - --background-color: #{$ion-bg-extended-magenta-subtle-default}; - background-color: $ion-bg-extended-magenta-subtle-default; -} -.ion-bg-extended-magenta-subtle-press { - --background-color: #{$ion-bg-extended-magenta-subtle-press}; - background-color: $ion-bg-extended-magenta-subtle-press; -} -.ion-bg-extended-pink-base-default { - --background-color: #{$ion-bg-extended-pink-base-default}; - background-color: $ion-bg-extended-pink-base-default; -} -.ion-bg-extended-pink-base-press { - --background-color: #{$ion-bg-extended-pink-base-press}; - background-color: $ion-bg-extended-pink-base-press; -} -.ion-bg-extended-pink-subtle-default { - --background-color: #{$ion-bg-extended-pink-subtle-default}; - background-color: $ion-bg-extended-pink-subtle-default; -} -.ion-bg-extended-pink-subtle-press { - --background-color: #{$ion-bg-extended-pink-subtle-press}; - background-color: $ion-bg-extended-pink-subtle-press; -} -.ion-text-default { - --color: #{$ion-text-default}; - color: $ion-text-default; -} -.ion-text-subtle { - --color: #{$ion-text-subtle}; - color: $ion-text-subtle; -} -.ion-text-subtlest { - --color: #{$ion-text-subtlest}; - color: $ion-text-subtlest; -} -.ion-text-primary { - --color: #{$ion-text-primary}; - color: $ion-text-primary; -} -.ion-text-disabled { - --color: #{$ion-text-disabled}; - color: $ion-text-disabled; -} -.ion-text-danger { - --color: #{$ion-text-danger}; - color: $ion-text-danger; -} -.ion-text-info { - --color: #{$ion-text-info}; - color: $ion-text-info; -} -.ion-text-warning { - --color: #{$ion-text-warning}; - color: $ion-text-warning; -} -.ion-text-success { - --color: #{$ion-text-success}; - color: $ion-text-success; -} -.ion-text-link-default { - --color: #{$ion-text-link-default}; - color: $ion-text-link-default; -} -.ion-text-link-press { - --color: #{$ion-text-link-press}; - color: $ion-text-link-press; -} -.ion-text-link-visited { - --color: #{$ion-text-link-visited}; - color: $ion-text-link-visited; -} -.ion-text-inverse { - --color: #{$ion-text-inverse}; - color: $ion-text-inverse; -} -.ion-text-select { - --color: #{$ion-text-select}; - color: $ion-text-select; -} -.ion-text-extended-pumpkin { - --color: #{$ion-text-extended-pumpkin}; - color: $ion-text-extended-pumpkin; -} -.ion-text-extended-orange { - --color: #{$ion-text-extended-orange}; - color: $ion-text-extended-orange; -} -.ion-text-extended-lime { - --color: #{$ion-text-extended-lime}; - color: $ion-text-extended-lime; -} -.ion-text-extended-teal { - --color: #{$ion-text-extended-teal}; - color: $ion-text-extended-teal; -} -.ion-text-extended-aqua { - --color: #{$ion-text-extended-aqua}; - color: $ion-text-extended-aqua; -} -.ion-text-extended-indigo { - --color: #{$ion-text-extended-indigo}; - color: $ion-text-extended-indigo; -} -.ion-text-extended-violet { - --color: #{$ion-text-extended-violet}; - color: $ion-text-extended-violet; -} -.ion-text-extended-purple { - --color: #{$ion-text-extended-purple}; - color: $ion-text-extended-purple; -} -.ion-text-extended-magenta { - --color: #{$ion-text-extended-magenta}; - color: $ion-text-extended-magenta; -} -.ion-text-extended-pink { - --color: #{$ion-text-extended-pink}; - color: $ion-text-extended-pink; -} -.ion-border-default { - --border-color: #{$ion-border-default}; - border-color: $ion-border-default; -} -.ion-border-boldest { - --border-color: #{$ion-border-boldest}; - border-color: $ion-border-boldest; -} -.ion-border-subtle { - --border-color: #{$ion-border-subtle}; - border-color: $ion-border-subtle; -} -.ion-border-subtlest { - --border-color: #{$ion-border-subtlest}; - border-color: $ion-border-subtlest; -} -.ion-border-primary { - --border-color: #{$ion-border-primary}; - border-color: $ion-border-primary; -} -.ion-border-success { - --border-color: #{$ion-border-success}; - border-color: $ion-border-success; -} -.ion-border-warning { - --border-color: #{$ion-border-warning}; - border-color: $ion-border-warning; -} -.ion-border-disabled { - --border-color: #{$ion-border-disabled}; - border-color: $ion-border-disabled; -} -.ion-border-focus-0 { - --border-color: #{$ion-border-focus-0}; - border-color: $ion-border-focus-0; -} -.ion-border-focus-default { - --border-color: #{$ion-border-focus-default}; - border-color: $ion-border-focus-default; -} -.ion-border-focus-error { - --border-color: #{$ion-border-focus-error}; - border-color: $ion-border-focus-error; -} -.ion-border-danger-default { - --border-color: #{$ion-border-danger-default}; - border-color: $ion-border-danger-default; -} -.ion-border-danger-press { - --border-color: #{$ion-border-danger-press}; - border-color: $ion-border-danger-press; -} -.ion-border-input-default { - --border-color: #{$ion-border-input-default}; - border-color: $ion-border-input-default; -} -.ion-border-input-press { - --border-color: #{$ion-border-input-press}; - border-color: $ion-border-input-press; -} -.ion-border-input-read-only { - --border-color: #{$ion-border-input-read-only}; - border-color: $ion-border-input-read-only; -} -.ion-border-style-none { - --border-style: #{$ion-border-style-none}; - border-style: $ion-border-style-none; -} -.ion-border-style-solid { - --border-style: #{$ion-border-style-solid}; - border-style: $ion-border-style-solid; -} -.ion-border-style-dashed { - --border-style: #{$ion-border-style-dashed}; - border-style: $ion-border-style-dashed; -} -.ion-border-style-dotted { - --border-style: #{$ion-border-style-dotted}; - border-style: $ion-border-style-dotted; -} -.ion-border-size-0 { - --border-width: #{$ion-border-size-0}; - border-width: $ion-border-size-0; -} -.ion-border-size-025 { - --border-width: #{$ion-border-size-025}; - border-width: $ion-border-size-025; -} -.ion-border-size-050 { - --border-width: #{$ion-border-size-050}; - border-width: $ion-border-size-050; -} -.ion-border-size-075 { - --border-width: #{$ion-border-size-075}; - border-width: $ion-border-size-075; -} -.ion-border-radius-0 { - --border-radius: #{$ion-border-radius-0}; - border-radius: $ion-border-radius-0; -} -.ion-border-radius-100 { - --border-radius: #{$ion-border-radius-100}; - border-radius: $ion-border-radius-100; -} -.ion-border-radius-200 { - --border-radius: #{$ion-border-radius-200}; - border-radius: $ion-border-radius-200; -} -.ion-border-radius-300 { - --border-radius: #{$ion-border-radius-300}; - border-radius: $ion-border-radius-300; -} -.ion-border-radius-400 { - --border-radius: #{$ion-border-radius-400}; - border-radius: $ion-border-radius-400; -} -.ion-border-radius-500 { - --border-radius: #{$ion-border-radius-500}; - border-radius: $ion-border-radius-500; -} -.ion-border-radius-800 { - --border-radius: #{$ion-border-radius-800}; - border-radius: $ion-border-radius-800; -} -.ion-border-radius-1000 { - --border-radius: #{$ion-border-radius-1000}; - border-radius: $ion-border-radius-1000; -} -.ion-border-radius-full { - --border-radius: #{$ion-border-radius-full}; - border-radius: $ion-border-radius-full; -} -.ion-border-radius-025 { - --border-radius: #{$ion-border-radius-025}; - border-radius: $ion-border-radius-025; -} -.ion-icon-default { - --color: #{$ion-icon-default}; - color: $ion-icon-default; -} -.ion-icon-subtle { - --color: #{$ion-icon-subtle}; - color: $ion-icon-subtle; -} -.ion-icon-subtlest { - --color: #{$ion-icon-subtlest}; - color: $ion-icon-subtlest; -} -.ion-icon-disabled { - --color: #{$ion-icon-disabled}; - color: $ion-icon-disabled; -} -.ion-icon-primary { - --color: #{$ion-icon-primary}; - color: $ion-icon-primary; -} -.ion-icon-select { - --color: #{$ion-icon-select}; - color: $ion-icon-select; -} -.ion-icon-info { - --color: #{$ion-icon-info}; - color: $ion-icon-info; -} -.ion-icon-success { - --color: #{$ion-icon-success}; - color: $ion-icon-success; -} -.ion-icon-danger { - --color: #{$ion-icon-danger}; - color: $ion-icon-danger; -} -.ion-icon-warning { - --color: #{$ion-icon-warning}; - color: $ion-icon-warning; -} -.ion-icon-inverse { - --color: #{$ion-icon-inverse}; - color: $ion-icon-inverse; -} -.ion-icon-link-default { - --color: #{$ion-icon-link-default}; - color: $ion-icon-link-default; -} -.ion-icon-link-press { - --color: #{$ion-icon-link-press}; - color: $ion-icon-link-press; -} -.ion-icon-link-visited { - --color: #{$ion-icon-link-visited}; - color: $ion-icon-link-visited; -} -.ion-icon-extended-pumpkin { - --color: #{$ion-icon-extended-pumpkin}; - color: $ion-icon-extended-pumpkin; -} -.ion-icon-extended-orange { - --color: #{$ion-icon-extended-orange}; - color: $ion-icon-extended-orange; -} -.ion-icon-extended-lime { - --color: #{$ion-icon-extended-lime}; - color: $ion-icon-extended-lime; -} -.ion-icon-extended-teal { - --color: #{$ion-icon-extended-teal}; - color: $ion-icon-extended-teal; -} -.ion-icon-extended-aqua { - --color: #{$ion-icon-extended-aqua}; - color: $ion-icon-extended-aqua; -} -.ion-icon-extended-indigo { - --color: #{$ion-icon-extended-indigo}; - color: $ion-icon-extended-indigo; -} -.ion-icon-extended-violet { - --color: #{$ion-icon-extended-violet}; - color: $ion-icon-extended-violet; -} -.ion-icon-extended-purple { - --color: #{$ion-icon-extended-purple}; - color: $ion-icon-extended-purple; -} -.ion-icon-extended-magenta { - --color: #{$ion-icon-extended-magenta}; - color: $ion-icon-extended-magenta; -} -.ion-icon-extended-pink { - --color: #{$ion-icon-extended-pink}; - color: $ion-icon-extended-pink; -} -.ion-state-disabled { - --color: #{$ion-state-disabled}; - color: $ion-state-disabled; -} -.ion-state-press { - --color: #{$ion-state-press}; - color: $ion-state-press; -} -.ion-elevation-1 { - --box-shadow: #{$ion-elevation-1}; - box-shadow: $ion-elevation-1; -} -.ion-elevation-2 { - --box-shadow: #{$ion-elevation-2}; - box-shadow: $ion-elevation-2; -} -.ion-elevation-3 { - --box-shadow: #{$ion-elevation-3}; - box-shadow: $ion-elevation-3; -} -.ion-elevation-4 { - --box-shadow: #{$ion-elevation-4}; - box-shadow: $ion-elevation-4; -} - -.ion-gap-space-0 { - gap: #{$ion-space-0}; -} - -.ion-margin-space-0 { - --margin-top: #{$ion-space-0}; - --margin-end: #{$ion-space-0}; - --margin-bottom: #{$ion-space-0}; - --margin-start: #{$ion-space-0}; - - @include margin($ion-space-0); -} - -.ion-margin-top-space-0 { - --margin-top: #{$ion-space-0}; - - @include margin($ion-space-0, null, null, null); -} - -.ion-margin-end-space-0 { - --margin-end: #{$ion-space-0}; - - @include margin(null, $ion-space-0, null, null); -} - -.ion-margin-bottom-space-0 { - --margin-bottom: #{$ion-space-0}; - - @include margin(null, null, $ion-space-0, null); -} - -.ion-margin-start-space-0 { - --margin-start: #{$ion-space-0}; - - @include margin(null, null, null, $ion-space-0); -} - -.ion-padding-space-0 { - --padding-top: #{$ion-space-0}; - --padding-end: #{$ion-space-0}; - --padding-bottom: #{$ion-space-0}; - --padding-start: #{$ion-space-0}; - - @include padding($ion-space-0); -} - -.ion-padding-top-space-0 { - --padding-top: #{$ion-space-0}; - - @include padding($ion-space-0, null, null, null); -} - -.ion-padding-end-space-0 { - --padding-end: #{$ion-space-0}; - - @include padding(null, $ion-space-0, null, null); -} - -.ion-padding-bottom-space-0 { - --padding-bottom: #{$ion-space-0}; - - @include padding(null, null, $ion-space-0, null); -} - -.ion-padding-start-space-0 { - --padding-start: #{$ion-space-0}; - - @include padding(null, null, null, $ion-space-0); -} - -.ion-gap-space-100 { - gap: #{$ion-space-100}; -} - -.ion-margin-space-100 { - --margin-top: #{$ion-space-100}; - --margin-end: #{$ion-space-100}; - --margin-bottom: #{$ion-space-100}; - --margin-start: #{$ion-space-100}; - - @include margin($ion-space-100); -} - -.ion-margin-top-space-100 { - --margin-top: #{$ion-space-100}; - - @include margin($ion-space-100, null, null, null); -} - -.ion-margin-end-space-100 { - --margin-end: #{$ion-space-100}; - - @include margin(null, $ion-space-100, null, null); -} - -.ion-margin-bottom-space-100 { - --margin-bottom: #{$ion-space-100}; - - @include margin(null, null, $ion-space-100, null); -} - -.ion-margin-start-space-100 { - --margin-start: #{$ion-space-100}; - - @include margin(null, null, null, $ion-space-100); -} - -.ion-padding-space-100 { - --padding-top: #{$ion-space-100}; - --padding-end: #{$ion-space-100}; - --padding-bottom: #{$ion-space-100}; - --padding-start: #{$ion-space-100}; - - @include padding($ion-space-100); -} - -.ion-padding-top-space-100 { - --padding-top: #{$ion-space-100}; - - @include padding($ion-space-100, null, null, null); -} - -.ion-padding-end-space-100 { - --padding-end: #{$ion-space-100}; - - @include padding(null, $ion-space-100, null, null); -} - -.ion-padding-bottom-space-100 { - --padding-bottom: #{$ion-space-100}; - - @include padding(null, null, $ion-space-100, null); -} - -.ion-padding-start-space-100 { - --padding-start: #{$ion-space-100}; - - @include padding(null, null, null, $ion-space-100); -} - -.ion-gap-space-150 { - gap: #{$ion-space-150}; -} - -.ion-margin-space-150 { - --margin-top: #{$ion-space-150}; - --margin-end: #{$ion-space-150}; - --margin-bottom: #{$ion-space-150}; - --margin-start: #{$ion-space-150}; - - @include margin($ion-space-150); -} - -.ion-margin-top-space-150 { - --margin-top: #{$ion-space-150}; - - @include margin($ion-space-150, null, null, null); -} - -.ion-margin-end-space-150 { - --margin-end: #{$ion-space-150}; - - @include margin(null, $ion-space-150, null, null); -} - -.ion-margin-bottom-space-150 { - --margin-bottom: #{$ion-space-150}; - - @include margin(null, null, $ion-space-150, null); -} - -.ion-margin-start-space-150 { - --margin-start: #{$ion-space-150}; - - @include margin(null, null, null, $ion-space-150); -} - -.ion-padding-space-150 { - --padding-top: #{$ion-space-150}; - --padding-end: #{$ion-space-150}; - --padding-bottom: #{$ion-space-150}; - --padding-start: #{$ion-space-150}; - - @include padding($ion-space-150); -} - -.ion-padding-top-space-150 { - --padding-top: #{$ion-space-150}; - - @include padding($ion-space-150, null, null, null); -} - -.ion-padding-end-space-150 { - --padding-end: #{$ion-space-150}; - - @include padding(null, $ion-space-150, null, null); -} - -.ion-padding-bottom-space-150 { - --padding-bottom: #{$ion-space-150}; - - @include padding(null, null, $ion-space-150, null); -} - -.ion-padding-start-space-150 { - --padding-start: #{$ion-space-150}; - - @include padding(null, null, null, $ion-space-150); -} - -.ion-gap-space-200 { - gap: #{$ion-space-200}; -} - -.ion-margin-space-200 { - --margin-top: #{$ion-space-200}; - --margin-end: #{$ion-space-200}; - --margin-bottom: #{$ion-space-200}; - --margin-start: #{$ion-space-200}; - - @include margin($ion-space-200); -} - -.ion-margin-top-space-200 { - --margin-top: #{$ion-space-200}; - - @include margin($ion-space-200, null, null, null); -} - -.ion-margin-end-space-200 { - --margin-end: #{$ion-space-200}; - - @include margin(null, $ion-space-200, null, null); -} - -.ion-margin-bottom-space-200 { - --margin-bottom: #{$ion-space-200}; - - @include margin(null, null, $ion-space-200, null); -} - -.ion-margin-start-space-200 { - --margin-start: #{$ion-space-200}; - - @include margin(null, null, null, $ion-space-200); -} - -.ion-padding-space-200 { - --padding-top: #{$ion-space-200}; - --padding-end: #{$ion-space-200}; - --padding-bottom: #{$ion-space-200}; - --padding-start: #{$ion-space-200}; - - @include padding($ion-space-200); -} - -.ion-padding-top-space-200 { - --padding-top: #{$ion-space-200}; - - @include padding($ion-space-200, null, null, null); -} - -.ion-padding-end-space-200 { - --padding-end: #{$ion-space-200}; - - @include padding(null, $ion-space-200, null, null); -} - -.ion-padding-bottom-space-200 { - --padding-bottom: #{$ion-space-200}; - - @include padding(null, null, $ion-space-200, null); -} - -.ion-padding-start-space-200 { - --padding-start: #{$ion-space-200}; - - @include padding(null, null, null, $ion-space-200); -} - -.ion-gap-space-250 { - gap: #{$ion-space-250}; -} - -.ion-margin-space-250 { - --margin-top: #{$ion-space-250}; - --margin-end: #{$ion-space-250}; - --margin-bottom: #{$ion-space-250}; - --margin-start: #{$ion-space-250}; - - @include margin($ion-space-250); -} - -.ion-margin-top-space-250 { - --margin-top: #{$ion-space-250}; - - @include margin($ion-space-250, null, null, null); -} - -.ion-margin-end-space-250 { - --margin-end: #{$ion-space-250}; - - @include margin(null, $ion-space-250, null, null); -} - -.ion-margin-bottom-space-250 { - --margin-bottom: #{$ion-space-250}; - - @include margin(null, null, $ion-space-250, null); -} - -.ion-margin-start-space-250 { - --margin-start: #{$ion-space-250}; - - @include margin(null, null, null, $ion-space-250); -} - -.ion-padding-space-250 { - --padding-top: #{$ion-space-250}; - --padding-end: #{$ion-space-250}; - --padding-bottom: #{$ion-space-250}; - --padding-start: #{$ion-space-250}; - - @include padding($ion-space-250); -} - -.ion-padding-top-space-250 { - --padding-top: #{$ion-space-250}; - - @include padding($ion-space-250, null, null, null); -} - -.ion-padding-end-space-250 { - --padding-end: #{$ion-space-250}; - - @include padding(null, $ion-space-250, null, null); -} - -.ion-padding-bottom-space-250 { - --padding-bottom: #{$ion-space-250}; - - @include padding(null, null, $ion-space-250, null); -} - -.ion-padding-start-space-250 { - --padding-start: #{$ion-space-250}; - - @include padding(null, null, null, $ion-space-250); -} - -.ion-gap-space-300 { - gap: #{$ion-space-300}; -} - -.ion-margin-space-300 { - --margin-top: #{$ion-space-300}; - --margin-end: #{$ion-space-300}; - --margin-bottom: #{$ion-space-300}; - --margin-start: #{$ion-space-300}; - - @include margin($ion-space-300); -} - -.ion-margin-top-space-300 { - --margin-top: #{$ion-space-300}; - - @include margin($ion-space-300, null, null, null); -} - -.ion-margin-end-space-300 { - --margin-end: #{$ion-space-300}; - - @include margin(null, $ion-space-300, null, null); -} - -.ion-margin-bottom-space-300 { - --margin-bottom: #{$ion-space-300}; - - @include margin(null, null, $ion-space-300, null); -} - -.ion-margin-start-space-300 { - --margin-start: #{$ion-space-300}; - - @include margin(null, null, null, $ion-space-300); -} - -.ion-padding-space-300 { - --padding-top: #{$ion-space-300}; - --padding-end: #{$ion-space-300}; - --padding-bottom: #{$ion-space-300}; - --padding-start: #{$ion-space-300}; - - @include padding($ion-space-300); -} - -.ion-padding-top-space-300 { - --padding-top: #{$ion-space-300}; - - @include padding($ion-space-300, null, null, null); -} - -.ion-padding-end-space-300 { - --padding-end: #{$ion-space-300}; - - @include padding(null, $ion-space-300, null, null); -} - -.ion-padding-bottom-space-300 { - --padding-bottom: #{$ion-space-300}; - - @include padding(null, null, $ion-space-300, null); -} - -.ion-padding-start-space-300 { - --padding-start: #{$ion-space-300}; - - @include padding(null, null, null, $ion-space-300); -} - -.ion-gap-space-400 { - gap: #{$ion-space-400}; -} - -.ion-margin-space-400 { - --margin-top: #{$ion-space-400}; - --margin-end: #{$ion-space-400}; - --margin-bottom: #{$ion-space-400}; - --margin-start: #{$ion-space-400}; - - @include margin($ion-space-400); -} - -.ion-margin-top-space-400 { - --margin-top: #{$ion-space-400}; - - @include margin($ion-space-400, null, null, null); -} - -.ion-margin-end-space-400 { - --margin-end: #{$ion-space-400}; - - @include margin(null, $ion-space-400, null, null); -} - -.ion-margin-bottom-space-400 { - --margin-bottom: #{$ion-space-400}; - - @include margin(null, null, $ion-space-400, null); -} - -.ion-margin-start-space-400 { - --margin-start: #{$ion-space-400}; - - @include margin(null, null, null, $ion-space-400); -} - -.ion-padding-space-400 { - --padding-top: #{$ion-space-400}; - --padding-end: #{$ion-space-400}; - --padding-bottom: #{$ion-space-400}; - --padding-start: #{$ion-space-400}; - - @include padding($ion-space-400); -} - -.ion-padding-top-space-400 { - --padding-top: #{$ion-space-400}; - - @include padding($ion-space-400, null, null, null); -} - -.ion-padding-end-space-400 { - --padding-end: #{$ion-space-400}; - - @include padding(null, $ion-space-400, null, null); -} - -.ion-padding-bottom-space-400 { - --padding-bottom: #{$ion-space-400}; - - @include padding(null, null, $ion-space-400, null); -} - -.ion-padding-start-space-400 { - --padding-start: #{$ion-space-400}; - - @include padding(null, null, null, $ion-space-400); -} - -.ion-gap-space-500 { - gap: #{$ion-space-500}; -} - -.ion-margin-space-500 { - --margin-top: #{$ion-space-500}; - --margin-end: #{$ion-space-500}; - --margin-bottom: #{$ion-space-500}; - --margin-start: #{$ion-space-500}; - - @include margin($ion-space-500); -} - -.ion-margin-top-space-500 { - --margin-top: #{$ion-space-500}; - - @include margin($ion-space-500, null, null, null); -} - -.ion-margin-end-space-500 { - --margin-end: #{$ion-space-500}; - - @include margin(null, $ion-space-500, null, null); -} - -.ion-margin-bottom-space-500 { - --margin-bottom: #{$ion-space-500}; - - @include margin(null, null, $ion-space-500, null); -} - -.ion-margin-start-space-500 { - --margin-start: #{$ion-space-500}; - - @include margin(null, null, null, $ion-space-500); -} - -.ion-padding-space-500 { - --padding-top: #{$ion-space-500}; - --padding-end: #{$ion-space-500}; - --padding-bottom: #{$ion-space-500}; - --padding-start: #{$ion-space-500}; - - @include padding($ion-space-500); -} - -.ion-padding-top-space-500 { - --padding-top: #{$ion-space-500}; - - @include padding($ion-space-500, null, null, null); -} - -.ion-padding-end-space-500 { - --padding-end: #{$ion-space-500}; - - @include padding(null, $ion-space-500, null, null); -} - -.ion-padding-bottom-space-500 { - --padding-bottom: #{$ion-space-500}; - - @include padding(null, null, $ion-space-500, null); -} - -.ion-padding-start-space-500 { - --padding-start: #{$ion-space-500}; - - @include padding(null, null, null, $ion-space-500); -} - -.ion-gap-space-600 { - gap: #{$ion-space-600}; -} - -.ion-margin-space-600 { - --margin-top: #{$ion-space-600}; - --margin-end: #{$ion-space-600}; - --margin-bottom: #{$ion-space-600}; - --margin-start: #{$ion-space-600}; - - @include margin($ion-space-600); -} - -.ion-margin-top-space-600 { - --margin-top: #{$ion-space-600}; - - @include margin($ion-space-600, null, null, null); -} - -.ion-margin-end-space-600 { - --margin-end: #{$ion-space-600}; - - @include margin(null, $ion-space-600, null, null); -} - -.ion-margin-bottom-space-600 { - --margin-bottom: #{$ion-space-600}; - - @include margin(null, null, $ion-space-600, null); -} - -.ion-margin-start-space-600 { - --margin-start: #{$ion-space-600}; - - @include margin(null, null, null, $ion-space-600); -} - -.ion-padding-space-600 { - --padding-top: #{$ion-space-600}; - --padding-end: #{$ion-space-600}; - --padding-bottom: #{$ion-space-600}; - --padding-start: #{$ion-space-600}; - - @include padding($ion-space-600); -} - -.ion-padding-top-space-600 { - --padding-top: #{$ion-space-600}; - - @include padding($ion-space-600, null, null, null); -} - -.ion-padding-end-space-600 { - --padding-end: #{$ion-space-600}; - - @include padding(null, $ion-space-600, null, null); -} - -.ion-padding-bottom-space-600 { - --padding-bottom: #{$ion-space-600}; - - @include padding(null, null, $ion-space-600, null); -} - -.ion-padding-start-space-600 { - --padding-start: #{$ion-space-600}; - - @include padding(null, null, null, $ion-space-600); -} - -.ion-gap-space-700 { - gap: #{$ion-space-700}; -} - -.ion-margin-space-700 { - --margin-top: #{$ion-space-700}; - --margin-end: #{$ion-space-700}; - --margin-bottom: #{$ion-space-700}; - --margin-start: #{$ion-space-700}; - - @include margin($ion-space-700); -} - -.ion-margin-top-space-700 { - --margin-top: #{$ion-space-700}; - - @include margin($ion-space-700, null, null, null); -} - -.ion-margin-end-space-700 { - --margin-end: #{$ion-space-700}; - - @include margin(null, $ion-space-700, null, null); -} - -.ion-margin-bottom-space-700 { - --margin-bottom: #{$ion-space-700}; - - @include margin(null, null, $ion-space-700, null); -} - -.ion-margin-start-space-700 { - --margin-start: #{$ion-space-700}; - - @include margin(null, null, null, $ion-space-700); -} - -.ion-padding-space-700 { - --padding-top: #{$ion-space-700}; - --padding-end: #{$ion-space-700}; - --padding-bottom: #{$ion-space-700}; - --padding-start: #{$ion-space-700}; - - @include padding($ion-space-700); -} - -.ion-padding-top-space-700 { - --padding-top: #{$ion-space-700}; - - @include padding($ion-space-700, null, null, null); -} - -.ion-padding-end-space-700 { - --padding-end: #{$ion-space-700}; - - @include padding(null, $ion-space-700, null, null); -} - -.ion-padding-bottom-space-700 { - --padding-bottom: #{$ion-space-700}; - - @include padding(null, null, $ion-space-700, null); -} - -.ion-padding-start-space-700 { - --padding-start: #{$ion-space-700}; - - @include padding(null, null, null, $ion-space-700); -} - -.ion-gap-space-800 { - gap: #{$ion-space-800}; -} - -.ion-margin-space-800 { - --margin-top: #{$ion-space-800}; - --margin-end: #{$ion-space-800}; - --margin-bottom: #{$ion-space-800}; - --margin-start: #{$ion-space-800}; - - @include margin($ion-space-800); -} - -.ion-margin-top-space-800 { - --margin-top: #{$ion-space-800}; - - @include margin($ion-space-800, null, null, null); -} - -.ion-margin-end-space-800 { - --margin-end: #{$ion-space-800}; - - @include margin(null, $ion-space-800, null, null); -} - -.ion-margin-bottom-space-800 { - --margin-bottom: #{$ion-space-800}; - - @include margin(null, null, $ion-space-800, null); -} - -.ion-margin-start-space-800 { - --margin-start: #{$ion-space-800}; - - @include margin(null, null, null, $ion-space-800); -} - -.ion-padding-space-800 { - --padding-top: #{$ion-space-800}; - --padding-end: #{$ion-space-800}; - --padding-bottom: #{$ion-space-800}; - --padding-start: #{$ion-space-800}; - - @include padding($ion-space-800); -} - -.ion-padding-top-space-800 { - --padding-top: #{$ion-space-800}; - - @include padding($ion-space-800, null, null, null); -} - -.ion-padding-end-space-800 { - --padding-end: #{$ion-space-800}; - - @include padding(null, $ion-space-800, null, null); -} - -.ion-padding-bottom-space-800 { - --padding-bottom: #{$ion-space-800}; - - @include padding(null, null, $ion-space-800, null); -} - -.ion-padding-start-space-800 { - --padding-start: #{$ion-space-800}; - - @include padding(null, null, null, $ion-space-800); -} - -.ion-gap-space-900 { - gap: #{$ion-space-900}; -} - -.ion-margin-space-900 { - --margin-top: #{$ion-space-900}; - --margin-end: #{$ion-space-900}; - --margin-bottom: #{$ion-space-900}; - --margin-start: #{$ion-space-900}; - - @include margin($ion-space-900); -} - -.ion-margin-top-space-900 { - --margin-top: #{$ion-space-900}; - - @include margin($ion-space-900, null, null, null); -} - -.ion-margin-end-space-900 { - --margin-end: #{$ion-space-900}; - - @include margin(null, $ion-space-900, null, null); -} - -.ion-margin-bottom-space-900 { - --margin-bottom: #{$ion-space-900}; - - @include margin(null, null, $ion-space-900, null); -} - -.ion-margin-start-space-900 { - --margin-start: #{$ion-space-900}; - - @include margin(null, null, null, $ion-space-900); -} - -.ion-padding-space-900 { - --padding-top: #{$ion-space-900}; - --padding-end: #{$ion-space-900}; - --padding-bottom: #{$ion-space-900}; - --padding-start: #{$ion-space-900}; - - @include padding($ion-space-900); -} - -.ion-padding-top-space-900 { - --padding-top: #{$ion-space-900}; - - @include padding($ion-space-900, null, null, null); -} - -.ion-padding-end-space-900 { - --padding-end: #{$ion-space-900}; - - @include padding(null, $ion-space-900, null, null); -} - -.ion-padding-bottom-space-900 { - --padding-bottom: #{$ion-space-900}; - - @include padding(null, null, $ion-space-900, null); -} - -.ion-padding-start-space-900 { - --padding-start: #{$ion-space-900}; - - @include padding(null, null, null, $ion-space-900); -} - -.ion-gap-space-1000 { - gap: #{$ion-space-1000}; -} - -.ion-margin-space-1000 { - --margin-top: #{$ion-space-1000}; - --margin-end: #{$ion-space-1000}; - --margin-bottom: #{$ion-space-1000}; - --margin-start: #{$ion-space-1000}; - - @include margin($ion-space-1000); -} - -.ion-margin-top-space-1000 { - --margin-top: #{$ion-space-1000}; - - @include margin($ion-space-1000, null, null, null); -} - -.ion-margin-end-space-1000 { - --margin-end: #{$ion-space-1000}; - - @include margin(null, $ion-space-1000, null, null); -} - -.ion-margin-bottom-space-1000 { - --margin-bottom: #{$ion-space-1000}; - - @include margin(null, null, $ion-space-1000, null); -} - -.ion-margin-start-space-1000 { - --margin-start: #{$ion-space-1000}; - - @include margin(null, null, null, $ion-space-1000); -} - -.ion-padding-space-1000 { - --padding-top: #{$ion-space-1000}; - --padding-end: #{$ion-space-1000}; - --padding-bottom: #{$ion-space-1000}; - --padding-start: #{$ion-space-1000}; - - @include padding($ion-space-1000); -} - -.ion-padding-top-space-1000 { - --padding-top: #{$ion-space-1000}; - - @include padding($ion-space-1000, null, null, null); -} - -.ion-padding-end-space-1000 { - --padding-end: #{$ion-space-1000}; - - @include padding(null, $ion-space-1000, null, null); -} - -.ion-padding-bottom-space-1000 { - --padding-bottom: #{$ion-space-1000}; - - @include padding(null, null, $ion-space-1000, null); -} - -.ion-padding-start-space-1000 { - --padding-start: #{$ion-space-1000}; - - @include padding(null, null, null, $ion-space-1000); -} - -.ion-gap-space-1200 { - gap: #{$ion-space-1200}; -} - -.ion-margin-space-1200 { - --margin-top: #{$ion-space-1200}; - --margin-end: #{$ion-space-1200}; - --margin-bottom: #{$ion-space-1200}; - --margin-start: #{$ion-space-1200}; - - @include margin($ion-space-1200); -} - -.ion-margin-top-space-1200 { - --margin-top: #{$ion-space-1200}; - - @include margin($ion-space-1200, null, null, null); -} - -.ion-margin-end-space-1200 { - --margin-end: #{$ion-space-1200}; - - @include margin(null, $ion-space-1200, null, null); -} - -.ion-margin-bottom-space-1200 { - --margin-bottom: #{$ion-space-1200}; - - @include margin(null, null, $ion-space-1200, null); -} - -.ion-margin-start-space-1200 { - --margin-start: #{$ion-space-1200}; - - @include margin(null, null, null, $ion-space-1200); -} - -.ion-padding-space-1200 { - --padding-top: #{$ion-space-1200}; - --padding-end: #{$ion-space-1200}; - --padding-bottom: #{$ion-space-1200}; - --padding-start: #{$ion-space-1200}; - - @include padding($ion-space-1200); -} - -.ion-padding-top-space-1200 { - --padding-top: #{$ion-space-1200}; - - @include padding($ion-space-1200, null, null, null); -} - -.ion-padding-end-space-1200 { - --padding-end: #{$ion-space-1200}; - - @include padding(null, $ion-space-1200, null, null); -} - -.ion-padding-bottom-space-1200 { - --padding-bottom: #{$ion-space-1200}; - - @include padding(null, null, $ion-space-1200, null); -} - -.ion-padding-start-space-1200 { - --padding-start: #{$ion-space-1200}; - - @include padding(null, null, null, $ion-space-1200); -} - -.ion-gap-space-050 { - gap: #{$ion-space-050}; -} - -.ion-margin-space-050 { - --margin-top: #{$ion-space-050}; - --margin-end: #{$ion-space-050}; - --margin-bottom: #{$ion-space-050}; - --margin-start: #{$ion-space-050}; - - @include margin($ion-space-050); -} - -.ion-margin-top-space-050 { - --margin-top: #{$ion-space-050}; - - @include margin($ion-space-050, null, null, null); -} - -.ion-margin-end-space-050 { - --margin-end: #{$ion-space-050}; - - @include margin(null, $ion-space-050, null, null); -} - -.ion-margin-bottom-space-050 { - --margin-bottom: #{$ion-space-050}; - - @include margin(null, null, $ion-space-050, null); -} - -.ion-margin-start-space-050 { - --margin-start: #{$ion-space-050}; - - @include margin(null, null, null, $ion-space-050); -} - -.ion-padding-space-050 { - --padding-top: #{$ion-space-050}; - --padding-end: #{$ion-space-050}; - --padding-bottom: #{$ion-space-050}; - --padding-start: #{$ion-space-050}; - - @include padding($ion-space-050); -} - -.ion-padding-top-space-050 { - --padding-top: #{$ion-space-050}; - - @include padding($ion-space-050, null, null, null); -} - -.ion-padding-end-space-050 { - --padding-end: #{$ion-space-050}; - - @include padding(null, $ion-space-050, null, null); -} - -.ion-padding-bottom-space-050 { - --padding-bottom: #{$ion-space-050}; - - @include padding(null, null, $ion-space-050, null); -} - -.ion-padding-start-space-050 { - --padding-start: #{$ion-space-050}; - - @include padding(null, null, null, $ion-space-050); -} - -.ion-transition-curve-linear { - transition: $ion-transition-curve-linear; -} -.ion-transition-curve-quick { - transition: $ion-transition-curve-quick; -} -.ion-transition-curve-base { - transition: $ion-transition-curve-base; -} -.ion-transition-curve-expressive { - transition: $ion-transition-curve-expressive; -} -.ion-transition-curve-bounce { - transition: $ion-transition-curve-bounce; -} -.ion-transition-time-0 { - transition: $ion-transition-time-0; -} -.ion-transition-time-100 { - transition: $ion-transition-time-100; -} -.ion-transition-time-150 { - transition: $ion-transition-time-150; -} -.ion-transition-time-200 { - transition: $ion-transition-time-200; -} -.ion-transition-time-300 { - transition: $ion-transition-time-300; -} -.ion-transition-time-500 { - transition: $ion-transition-time-500; -} -.ion-transition-time-1000 { - transition: $ion-transition-time-1000; -} -.ion-transition-time-1500 { - transition: $ion-transition-time-1500; -} -.ion-font-weight-thin { - font-weight: $ion-font-weight-thin; -} -.ion-font-weight-extra-light { - font-weight: $ion-font-weight-extra-light; -} -.ion-font-weight-light { - font-weight: $ion-font-weight-light; -} -.ion-font-weight-regular { - font-weight: $ion-font-weight-regular; -} -.ion-font-weight-medium { - font-weight: $ion-font-weight-medium; -} -.ion-font-weight-semi-bold { - font-weight: $ion-font-weight-semi-bold; -} -.ion-font-weight-bold { - font-weight: $ion-font-weight-bold; -} -.ion-font-weight-extra-bold { - font-weight: $ion-font-weight-extra-bold; -} -.ion-font-weight-black { - font-weight: $ion-font-weight-black; -} -.ion-font-size-275 { - font-size: $ion-font-size-275; -} -.ion-font-size-300 { - font-size: $ion-font-size-300; -} -.ion-font-size-350 { - font-size: $ion-font-size-350; -} -.ion-font-size-400 { - font-size: $ion-font-size-400; -} -.ion-font-size-450 { - font-size: $ion-font-size-450; -} -.ion-font-size-500 { - font-size: $ion-font-size-500; -} -.ion-font-size-550 { - font-size: $ion-font-size-550; -} -.ion-font-size-600 { - font-size: $ion-font-size-600; -} -.ion-font-size-650 { - font-size: $ion-font-size-650; -} -.ion-font-size-700 { - font-size: $ion-font-size-700; -} -.ion-font-size-800 { - font-size: $ion-font-size-800; -} -.ion-font-size-900 { - font-size: $ion-font-size-900; -} -.ion-font-letter-spacing-0 { - letter-spacing: $ion-font-letter-spacing-0; -} -.ion-font-letter-spacing-1 { - letter-spacing: $ion-font-letter-spacing-1; -} -.ion-font-letter-spacing-2 { - letter-spacing: $ion-font-letter-spacing-2; -} -.ion-font-line-height-300 { - line-height: $ion-font-line-height-300; -} -.ion-font-line-height-400 { - line-height: $ion-font-line-height-400; -} -.ion-font-line-height-500 { - line-height: $ion-font-line-height-500; -} -.ion-font-line-height-600 { - line-height: $ion-font-line-height-600; -} -.ion-font-line-height-700 { - line-height: $ion-font-line-height-700; -} -.ion-font-line-height-800 { - line-height: $ion-font-line-height-800; -} -.ion-font-line-height-900 { - line-height: $ion-font-line-height-900; -} -.ion-font-line-height-1100 { - line-height: $ion-font-line-height-1100; -} -.ion-font-line-height-1200 { - line-height: $ion-font-line-height-1200; -} -.ion-font-line-height-full { - line-height: $ion-font-line-height-full; -} -.ion-z-index-0 { - z-index: $ion-z-index-0; -} -.ion-z-index-100 { - z-index: $ion-z-index-100; -} -.ion-z-index-200 { - z-index: $ion-z-index-200; -} -.ion-z-index-300 { - z-index: $ion-z-index-300; -} -.ion-z-index-400 { - z-index: $ion-z-index-400; -} -.ion-z-index-500 { - z-index: $ion-z-index-500; -} -.ion-z-index-bottom { - z-index: $ion-z-index-bottom; -} -.ion-z-index-top { - z-index: $ion-z-index-top; -} -.ion-rectangular-2xs { - --border-radius: #{$ion-rectangular-2xs}; - border-radius: $ion-rectangular-2xs; -} -.ion-rectangular-xs { - --border-radius: #{$ion-rectangular-xs}; - border-radius: $ion-rectangular-xs; -} -.ion-rectangular-sm { - --border-radius: #{$ion-rectangular-sm}; - border-radius: $ion-rectangular-sm; -} -.ion-rectangular-md { - --border-radius: #{$ion-rectangular-md}; - border-radius: $ion-rectangular-md; -} -.ion-rectangular-lg { - --border-radius: #{$ion-rectangular-lg}; - border-radius: $ion-rectangular-lg; -} -.ion-rectangular-xl { - --border-radius: #{$ion-rectangular-xl}; - border-radius: $ion-rectangular-xl; -} -.ion-rectangular-2xl { - --border-radius: #{$ion-rectangular-2xl}; - border-radius: $ion-rectangular-2xl; -} -.ion-round-2xs { - --border-radius: #{$ion-round-2xs}; - border-radius: $ion-round-2xs; -} -.ion-round-xs { - --border-radius: #{$ion-round-xs}; - border-radius: $ion-round-xs; -} -.ion-round-sm { - --border-radius: #{$ion-round-sm}; - border-radius: $ion-round-sm; -} -.ion-round-md { - --border-radius: #{$ion-round-md}; - border-radius: $ion-round-md; -} -.ion-round-lg { - --border-radius: #{$ion-round-lg}; - border-radius: $ion-round-lg; -} -.ion-round-xl { - --border-radius: #{$ion-round-xl}; - border-radius: $ion-round-xl; -} -.ion-round-2xl { - --border-radius: #{$ion-round-2xl}; - border-radius: $ion-round-2xl; -} -.ion-soft-2xs { - --border-radius: #{$ion-soft-2xs}; - border-radius: $ion-soft-2xs; -} -.ion-soft-xs { - --border-radius: #{$ion-soft-xs}; - border-radius: $ion-soft-xs; -} -.ion-soft-sm { - --border-radius: #{$ion-soft-sm}; - border-radius: $ion-soft-sm; -} -.ion-soft-md { - --border-radius: #{$ion-soft-md}; - border-radius: $ion-soft-md; -} -.ion-soft-lg { - --border-radius: #{$ion-soft-lg}; - border-radius: $ion-soft-lg; -} -.ion-soft-xl { - --border-radius: #{$ion-soft-xl}; - border-radius: $ion-soft-xl; -} -.ion-soft-2xl { - --border-radius: #{$ion-soft-2xl}; - border-radius: $ion-soft-2xl; -} -.ion-primitives-neutral-100 { - --color: #{$ion-primitives-neutral-100}; - color: $ion-primitives-neutral-100; -} -.ion-primitives-neutral-200 { - --color: #{$ion-primitives-neutral-200}; - color: $ion-primitives-neutral-200; -} -.ion-primitives-neutral-300 { - --color: #{$ion-primitives-neutral-300}; - color: $ion-primitives-neutral-300; -} -.ion-primitives-neutral-400 { - --color: #{$ion-primitives-neutral-400}; - color: $ion-primitives-neutral-400; -} -.ion-primitives-neutral-500 { - --color: #{$ion-primitives-neutral-500}; - color: $ion-primitives-neutral-500; -} -.ion-primitives-neutral-600 { - --color: #{$ion-primitives-neutral-600}; - color: $ion-primitives-neutral-600; -} -.ion-primitives-neutral-700 { - --color: #{$ion-primitives-neutral-700}; - color: $ion-primitives-neutral-700; -} -.ion-primitives-neutral-800 { - --color: #{$ion-primitives-neutral-800}; - color: $ion-primitives-neutral-800; -} -.ion-primitives-neutral-900 { - --color: #{$ion-primitives-neutral-900}; - color: $ion-primitives-neutral-900; -} -.ion-primitives-neutral-1000 { - --color: #{$ion-primitives-neutral-1000}; - color: $ion-primitives-neutral-1000; -} -.ion-primitives-neutral-1100 { - --color: #{$ion-primitives-neutral-1100}; - color: $ion-primitives-neutral-1100; -} -.ion-primitives-neutral-1200 { - --color: #{$ion-primitives-neutral-1200}; - color: $ion-primitives-neutral-1200; -} -.ion-primitives-base-white { - --color: #{$ion-primitives-base-white}; - color: $ion-primitives-base-white; -} -.ion-primitives-base-black { - --color: #{$ion-primitives-base-black}; - color: $ion-primitives-base-black; -} -.ion-primitives-red-100 { - --color: #{$ion-primitives-red-100}; - color: $ion-primitives-red-100; -} -.ion-primitives-red-200 { - --color: #{$ion-primitives-red-200}; - color: $ion-primitives-red-200; -} -.ion-primitives-red-300 { - --color: #{$ion-primitives-red-300}; - color: $ion-primitives-red-300; -} -.ion-primitives-red-400 { - --color: #{$ion-primitives-red-400}; - color: $ion-primitives-red-400; -} -.ion-primitives-red-500 { - --color: #{$ion-primitives-red-500}; - color: $ion-primitives-red-500; -} -.ion-primitives-red-600 { - --color: #{$ion-primitives-red-600}; - color: $ion-primitives-red-600; -} -.ion-primitives-red-700 { - --color: #{$ion-primitives-red-700}; - color: $ion-primitives-red-700; -} -.ion-primitives-red-800 { - --color: #{$ion-primitives-red-800}; - color: $ion-primitives-red-800; -} -.ion-primitives-red-900 { - --color: #{$ion-primitives-red-900}; - color: $ion-primitives-red-900; -} -.ion-primitives-red-1000 { - --color: #{$ion-primitives-red-1000}; - color: $ion-primitives-red-1000; -} -.ion-primitives-red-1100 { - --color: #{$ion-primitives-red-1100}; - color: $ion-primitives-red-1100; -} -.ion-primitives-red-1200 { - --color: #{$ion-primitives-red-1200}; - color: $ion-primitives-red-1200; -} -.ion-primitives-pumpkin-100 { - --color: #{$ion-primitives-pumpkin-100}; - color: $ion-primitives-pumpkin-100; -} -.ion-primitives-pumpkin-200 { - --color: #{$ion-primitives-pumpkin-200}; - color: $ion-primitives-pumpkin-200; -} -.ion-primitives-pumpkin-300 { - --color: #{$ion-primitives-pumpkin-300}; - color: $ion-primitives-pumpkin-300; -} -.ion-primitives-pumpkin-400 { - --color: #{$ion-primitives-pumpkin-400}; - color: $ion-primitives-pumpkin-400; -} -.ion-primitives-pumpkin-500 { - --color: #{$ion-primitives-pumpkin-500}; - color: $ion-primitives-pumpkin-500; -} -.ion-primitives-pumpkin-600 { - --color: #{$ion-primitives-pumpkin-600}; - color: $ion-primitives-pumpkin-600; -} -.ion-primitives-pumpkin-700 { - --color: #{$ion-primitives-pumpkin-700}; - color: $ion-primitives-pumpkin-700; -} -.ion-primitives-pumpkin-800 { - --color: #{$ion-primitives-pumpkin-800}; - color: $ion-primitives-pumpkin-800; -} -.ion-primitives-pumpkin-900 { - --color: #{$ion-primitives-pumpkin-900}; - color: $ion-primitives-pumpkin-900; -} -.ion-primitives-pumpkin-1000 { - --color: #{$ion-primitives-pumpkin-1000}; - color: $ion-primitives-pumpkin-1000; -} -.ion-primitives-pumpkin-1100 { - --color: #{$ion-primitives-pumpkin-1100}; - color: $ion-primitives-pumpkin-1100; -} -.ion-primitives-pumpkin-1200 { - --color: #{$ion-primitives-pumpkin-1200}; - color: $ion-primitives-pumpkin-1200; -} -.ion-primitives-orange-100 { - --color: #{$ion-primitives-orange-100}; - color: $ion-primitives-orange-100; -} -.ion-primitives-orange-200 { - --color: #{$ion-primitives-orange-200}; - color: $ion-primitives-orange-200; -} -.ion-primitives-orange-300 { - --color: #{$ion-primitives-orange-300}; - color: $ion-primitives-orange-300; -} -.ion-primitives-orange-400 { - --color: #{$ion-primitives-orange-400}; - color: $ion-primitives-orange-400; -} -.ion-primitives-orange-500 { - --color: #{$ion-primitives-orange-500}; - color: $ion-primitives-orange-500; -} -.ion-primitives-orange-600 { - --color: #{$ion-primitives-orange-600}; - color: $ion-primitives-orange-600; -} -.ion-primitives-orange-700 { - --color: #{$ion-primitives-orange-700}; - color: $ion-primitives-orange-700; -} -.ion-primitives-orange-800 { - --color: #{$ion-primitives-orange-800}; - color: $ion-primitives-orange-800; -} -.ion-primitives-orange-900 { - --color: #{$ion-primitives-orange-900}; - color: $ion-primitives-orange-900; -} -.ion-primitives-orange-1000 { - --color: #{$ion-primitives-orange-1000}; - color: $ion-primitives-orange-1000; -} -.ion-primitives-orange-1100 { - --color: #{$ion-primitives-orange-1100}; - color: $ion-primitives-orange-1100; -} -.ion-primitives-orange-1200 { - --color: #{$ion-primitives-orange-1200}; - color: $ion-primitives-orange-1200; -} -.ion-primitives-yellow-100 { - --color: #{$ion-primitives-yellow-100}; - color: $ion-primitives-yellow-100; -} -.ion-primitives-yellow-200 { - --color: #{$ion-primitives-yellow-200}; - color: $ion-primitives-yellow-200; -} -.ion-primitives-yellow-300 { - --color: #{$ion-primitives-yellow-300}; - color: $ion-primitives-yellow-300; -} -.ion-primitives-yellow-400 { - --color: #{$ion-primitives-yellow-400}; - color: $ion-primitives-yellow-400; -} -.ion-primitives-yellow-500 { - --color: #{$ion-primitives-yellow-500}; - color: $ion-primitives-yellow-500; -} -.ion-primitives-yellow-600 { - --color: #{$ion-primitives-yellow-600}; - color: $ion-primitives-yellow-600; -} -.ion-primitives-yellow-700 { - --color: #{$ion-primitives-yellow-700}; - color: $ion-primitives-yellow-700; -} -.ion-primitives-yellow-800 { - --color: #{$ion-primitives-yellow-800}; - color: $ion-primitives-yellow-800; -} -.ion-primitives-yellow-900 { - --color: #{$ion-primitives-yellow-900}; - color: $ion-primitives-yellow-900; -} -.ion-primitives-yellow-1000 { - --color: #{$ion-primitives-yellow-1000}; - color: $ion-primitives-yellow-1000; -} -.ion-primitives-yellow-1100 { - --color: #{$ion-primitives-yellow-1100}; - color: $ion-primitives-yellow-1100; -} -.ion-primitives-yellow-1200 { - --color: #{$ion-primitives-yellow-1200}; - color: $ion-primitives-yellow-1200; -} -.ion-primitives-lime-100 { - --color: #{$ion-primitives-lime-100}; - color: $ion-primitives-lime-100; -} -.ion-primitives-lime-200 { - --color: #{$ion-primitives-lime-200}; - color: $ion-primitives-lime-200; -} -.ion-primitives-lime-300 { - --color: #{$ion-primitives-lime-300}; - color: $ion-primitives-lime-300; -} -.ion-primitives-lime-400 { - --color: #{$ion-primitives-lime-400}; - color: $ion-primitives-lime-400; -} -.ion-primitives-lime-500 { - --color: #{$ion-primitives-lime-500}; - color: $ion-primitives-lime-500; -} -.ion-primitives-lime-600 { - --color: #{$ion-primitives-lime-600}; - color: $ion-primitives-lime-600; -} -.ion-primitives-lime-700 { - --color: #{$ion-primitives-lime-700}; - color: $ion-primitives-lime-700; -} -.ion-primitives-lime-800 { - --color: #{$ion-primitives-lime-800}; - color: $ion-primitives-lime-800; -} -.ion-primitives-lime-900 { - --color: #{$ion-primitives-lime-900}; - color: $ion-primitives-lime-900; -} -.ion-primitives-lime-1000 { - --color: #{$ion-primitives-lime-1000}; - color: $ion-primitives-lime-1000; -} -.ion-primitives-lime-1100 { - --color: #{$ion-primitives-lime-1100}; - color: $ion-primitives-lime-1100; -} -.ion-primitives-lime-1200 { - --color: #{$ion-primitives-lime-1200}; - color: $ion-primitives-lime-1200; -} -.ion-primitives-green-100 { - --color: #{$ion-primitives-green-100}; - color: $ion-primitives-green-100; -} -.ion-primitives-green-200 { - --color: #{$ion-primitives-green-200}; - color: $ion-primitives-green-200; -} -.ion-primitives-green-300 { - --color: #{$ion-primitives-green-300}; - color: $ion-primitives-green-300; -} -.ion-primitives-green-400 { - --color: #{$ion-primitives-green-400}; - color: $ion-primitives-green-400; -} -.ion-primitives-green-500 { - --color: #{$ion-primitives-green-500}; - color: $ion-primitives-green-500; -} -.ion-primitives-green-600 { - --color: #{$ion-primitives-green-600}; - color: $ion-primitives-green-600; -} -.ion-primitives-green-700 { - --color: #{$ion-primitives-green-700}; - color: $ion-primitives-green-700; -} -.ion-primitives-green-800 { - --color: #{$ion-primitives-green-800}; - color: $ion-primitives-green-800; -} -.ion-primitives-green-900 { - --color: #{$ion-primitives-green-900}; - color: $ion-primitives-green-900; -} -.ion-primitives-green-1000 { - --color: #{$ion-primitives-green-1000}; - color: $ion-primitives-green-1000; -} -.ion-primitives-green-1100 { - --color: #{$ion-primitives-green-1100}; - color: $ion-primitives-green-1100; -} -.ion-primitives-green-1200 { - --color: #{$ion-primitives-green-1200}; - color: $ion-primitives-green-1200; -} -.ion-primitives-teal-100 { - --color: #{$ion-primitives-teal-100}; - color: $ion-primitives-teal-100; -} -.ion-primitives-teal-200 { - --color: #{$ion-primitives-teal-200}; - color: $ion-primitives-teal-200; -} -.ion-primitives-teal-300 { - --color: #{$ion-primitives-teal-300}; - color: $ion-primitives-teal-300; -} -.ion-primitives-teal-400 { - --color: #{$ion-primitives-teal-400}; - color: $ion-primitives-teal-400; -} -.ion-primitives-teal-500 { - --color: #{$ion-primitives-teal-500}; - color: $ion-primitives-teal-500; -} -.ion-primitives-teal-600 { - --color: #{$ion-primitives-teal-600}; - color: $ion-primitives-teal-600; -} -.ion-primitives-teal-700 { - --color: #{$ion-primitives-teal-700}; - color: $ion-primitives-teal-700; -} -.ion-primitives-teal-800 { - --color: #{$ion-primitives-teal-800}; - color: $ion-primitives-teal-800; -} -.ion-primitives-teal-900 { - --color: #{$ion-primitives-teal-900}; - color: $ion-primitives-teal-900; -} -.ion-primitives-teal-1000 { - --color: #{$ion-primitives-teal-1000}; - color: $ion-primitives-teal-1000; -} -.ion-primitives-teal-1100 { - --color: #{$ion-primitives-teal-1100}; - color: $ion-primitives-teal-1100; -} -.ion-primitives-teal-1200 { - --color: #{$ion-primitives-teal-1200}; - color: $ion-primitives-teal-1200; -} -.ion-primitives-aqua-100 { - --color: #{$ion-primitives-aqua-100}; - color: $ion-primitives-aqua-100; -} -.ion-primitives-aqua-200 { - --color: #{$ion-primitives-aqua-200}; - color: $ion-primitives-aqua-200; -} -.ion-primitives-aqua-300 { - --color: #{$ion-primitives-aqua-300}; - color: $ion-primitives-aqua-300; -} -.ion-primitives-aqua-400 { - --color: #{$ion-primitives-aqua-400}; - color: $ion-primitives-aqua-400; -} -.ion-primitives-aqua-500 { - --color: #{$ion-primitives-aqua-500}; - color: $ion-primitives-aqua-500; -} -.ion-primitives-aqua-600 { - --color: #{$ion-primitives-aqua-600}; - color: $ion-primitives-aqua-600; -} -.ion-primitives-aqua-700 { - --color: #{$ion-primitives-aqua-700}; - color: $ion-primitives-aqua-700; -} -.ion-primitives-aqua-800 { - --color: #{$ion-primitives-aqua-800}; - color: $ion-primitives-aqua-800; -} -.ion-primitives-aqua-900 { - --color: #{$ion-primitives-aqua-900}; - color: $ion-primitives-aqua-900; -} -.ion-primitives-aqua-1000 { - --color: #{$ion-primitives-aqua-1000}; - color: $ion-primitives-aqua-1000; -} -.ion-primitives-aqua-1100 { - --color: #{$ion-primitives-aqua-1100}; - color: $ion-primitives-aqua-1100; -} -.ion-primitives-aqua-1200 { - --color: #{$ion-primitives-aqua-1200}; - color: $ion-primitives-aqua-1200; -} -.ion-primitives-blue-100 { - --color: #{$ion-primitives-blue-100}; - color: $ion-primitives-blue-100; -} -.ion-primitives-blue-200 { - --color: #{$ion-primitives-blue-200}; - color: $ion-primitives-blue-200; -} -.ion-primitives-blue-300 { - --color: #{$ion-primitives-blue-300}; - color: $ion-primitives-blue-300; -} -.ion-primitives-blue-400 { - --color: #{$ion-primitives-blue-400}; - color: $ion-primitives-blue-400; -} -.ion-primitives-blue-500 { - --color: #{$ion-primitives-blue-500}; - color: $ion-primitives-blue-500; -} -.ion-primitives-blue-600 { - --color: #{$ion-primitives-blue-600}; - color: $ion-primitives-blue-600; -} -.ion-primitives-blue-700 { - --color: #{$ion-primitives-blue-700}; - color: $ion-primitives-blue-700; -} -.ion-primitives-blue-800 { - --color: #{$ion-primitives-blue-800}; - color: $ion-primitives-blue-800; -} -.ion-primitives-blue-900 { - --color: #{$ion-primitives-blue-900}; - color: $ion-primitives-blue-900; -} -.ion-primitives-blue-1000 { - --color: #{$ion-primitives-blue-1000}; - color: $ion-primitives-blue-1000; -} -.ion-primitives-blue-1100 { - --color: #{$ion-primitives-blue-1100}; - color: $ion-primitives-blue-1100; -} -.ion-primitives-blue-1200 { - --color: #{$ion-primitives-blue-1200}; - color: $ion-primitives-blue-1200; -} -.ion-primitives-indigo-100 { - --color: #{$ion-primitives-indigo-100}; - color: $ion-primitives-indigo-100; -} -.ion-primitives-indigo-200 { - --color: #{$ion-primitives-indigo-200}; - color: $ion-primitives-indigo-200; -} -.ion-primitives-indigo-300 { - --color: #{$ion-primitives-indigo-300}; - color: $ion-primitives-indigo-300; -} -.ion-primitives-indigo-400 { - --color: #{$ion-primitives-indigo-400}; - color: $ion-primitives-indigo-400; -} -.ion-primitives-indigo-500 { - --color: #{$ion-primitives-indigo-500}; - color: $ion-primitives-indigo-500; -} -.ion-primitives-indigo-600 { - --color: #{$ion-primitives-indigo-600}; - color: $ion-primitives-indigo-600; -} -.ion-primitives-indigo-700 { - --color: #{$ion-primitives-indigo-700}; - color: $ion-primitives-indigo-700; -} -.ion-primitives-indigo-800 { - --color: #{$ion-primitives-indigo-800}; - color: $ion-primitives-indigo-800; -} -.ion-primitives-indigo-900 { - --color: #{$ion-primitives-indigo-900}; - color: $ion-primitives-indigo-900; -} -.ion-primitives-indigo-1000 { - --color: #{$ion-primitives-indigo-1000}; - color: $ion-primitives-indigo-1000; -} -.ion-primitives-indigo-1100 { - --color: #{$ion-primitives-indigo-1100}; - color: $ion-primitives-indigo-1100; -} -.ion-primitives-indigo-1200 { - --color: #{$ion-primitives-indigo-1200}; - color: $ion-primitives-indigo-1200; -} -.ion-primitives-violet-100 { - --color: #{$ion-primitives-violet-100}; - color: $ion-primitives-violet-100; -} -.ion-primitives-violet-200 { - --color: #{$ion-primitives-violet-200}; - color: $ion-primitives-violet-200; -} -.ion-primitives-violet-300 { - --color: #{$ion-primitives-violet-300}; - color: $ion-primitives-violet-300; -} -.ion-primitives-violet-400 { - --color: #{$ion-primitives-violet-400}; - color: $ion-primitives-violet-400; -} -.ion-primitives-violet-500 { - --color: #{$ion-primitives-violet-500}; - color: $ion-primitives-violet-500; -} -.ion-primitives-violet-600 { - --color: #{$ion-primitives-violet-600}; - color: $ion-primitives-violet-600; -} -.ion-primitives-violet-700 { - --color: #{$ion-primitives-violet-700}; - color: $ion-primitives-violet-700; -} -.ion-primitives-violet-800 { - --color: #{$ion-primitives-violet-800}; - color: $ion-primitives-violet-800; -} -.ion-primitives-violet-900 { - --color: #{$ion-primitives-violet-900}; - color: $ion-primitives-violet-900; -} -.ion-primitives-violet-1000 { - --color: #{$ion-primitives-violet-1000}; - color: $ion-primitives-violet-1000; -} -.ion-primitives-violet-1100 { - --color: #{$ion-primitives-violet-1100}; - color: $ion-primitives-violet-1100; -} -.ion-primitives-violet-1200 { - --color: #{$ion-primitives-violet-1200}; - color: $ion-primitives-violet-1200; -} -.ion-primitives-purple-100 { - --color: #{$ion-primitives-purple-100}; - color: $ion-primitives-purple-100; -} -.ion-primitives-purple-200 { - --color: #{$ion-primitives-purple-200}; - color: $ion-primitives-purple-200; -} -.ion-primitives-purple-300 { - --color: #{$ion-primitives-purple-300}; - color: $ion-primitives-purple-300; -} -.ion-primitives-purple-400 { - --color: #{$ion-primitives-purple-400}; - color: $ion-primitives-purple-400; -} -.ion-primitives-purple-500 { - --color: #{$ion-primitives-purple-500}; - color: $ion-primitives-purple-500; -} -.ion-primitives-purple-600 { - --color: #{$ion-primitives-purple-600}; - color: $ion-primitives-purple-600; -} -.ion-primitives-purple-700 { - --color: #{$ion-primitives-purple-700}; - color: $ion-primitives-purple-700; -} -.ion-primitives-purple-800 { - --color: #{$ion-primitives-purple-800}; - color: $ion-primitives-purple-800; -} -.ion-primitives-purple-900 { - --color: #{$ion-primitives-purple-900}; - color: $ion-primitives-purple-900; -} -.ion-primitives-purple-1000 { - --color: #{$ion-primitives-purple-1000}; - color: $ion-primitives-purple-1000; -} -.ion-primitives-purple-1100 { - --color: #{$ion-primitives-purple-1100}; - color: $ion-primitives-purple-1100; -} -.ion-primitives-purple-1200 { - --color: #{$ion-primitives-purple-1200}; - color: $ion-primitives-purple-1200; -} -.ion-primitives-magenta-100 { - --color: #{$ion-primitives-magenta-100}; - color: $ion-primitives-magenta-100; -} -.ion-primitives-magenta-200 { - --color: #{$ion-primitives-magenta-200}; - color: $ion-primitives-magenta-200; -} -.ion-primitives-magenta-300 { - --color: #{$ion-primitives-magenta-300}; - color: $ion-primitives-magenta-300; -} -.ion-primitives-magenta-400 { - --color: #{$ion-primitives-magenta-400}; - color: $ion-primitives-magenta-400; -} -.ion-primitives-magenta-500 { - --color: #{$ion-primitives-magenta-500}; - color: $ion-primitives-magenta-500; -} -.ion-primitives-magenta-600 { - --color: #{$ion-primitives-magenta-600}; - color: $ion-primitives-magenta-600; -} -.ion-primitives-magenta-700 { - --color: #{$ion-primitives-magenta-700}; - color: $ion-primitives-magenta-700; -} -.ion-primitives-magenta-800 { - --color: #{$ion-primitives-magenta-800}; - color: $ion-primitives-magenta-800; -} -.ion-primitives-magenta-900 { - --color: #{$ion-primitives-magenta-900}; - color: $ion-primitives-magenta-900; -} -.ion-primitives-magenta-1000 { - --color: #{$ion-primitives-magenta-1000}; - color: $ion-primitives-magenta-1000; -} -.ion-primitives-magenta-1100 { - --color: #{$ion-primitives-magenta-1100}; - color: $ion-primitives-magenta-1100; -} -.ion-primitives-magenta-1200 { - --color: #{$ion-primitives-magenta-1200}; - color: $ion-primitives-magenta-1200; -} -.ion-primitives-pink-100 { - --color: #{$ion-primitives-pink-100}; - color: $ion-primitives-pink-100; -} -.ion-primitives-pink-200 { - --color: #{$ion-primitives-pink-200}; - color: $ion-primitives-pink-200; -} -.ion-primitives-pink-300 { - --color: #{$ion-primitives-pink-300}; - color: $ion-primitives-pink-300; -} -.ion-primitives-pink-400 { - --color: #{$ion-primitives-pink-400}; - color: $ion-primitives-pink-400; -} -.ion-primitives-pink-500 { - --color: #{$ion-primitives-pink-500}; - color: $ion-primitives-pink-500; -} -.ion-primitives-pink-600 { - --color: #{$ion-primitives-pink-600}; - color: $ion-primitives-pink-600; -} -.ion-primitives-pink-700 { - --color: #{$ion-primitives-pink-700}; - color: $ion-primitives-pink-700; -} -.ion-primitives-pink-800 { - --color: #{$ion-primitives-pink-800}; - color: $ion-primitives-pink-800; -} -.ion-primitives-pink-900 { - --color: #{$ion-primitives-pink-900}; - color: $ion-primitives-pink-900; -} -.ion-primitives-pink-1000 { - --color: #{$ion-primitives-pink-1000}; - color: $ion-primitives-pink-1000; -} -.ion-primitives-pink-1100 { - --color: #{$ion-primitives-pink-1100}; - color: $ion-primitives-pink-1100; -} -.ion-primitives-pink-1200 { - --color: #{$ion-primitives-pink-1200}; - color: $ion-primitives-pink-1200; -} -.ion-shadow-1 { - --box-shadow: #{$ion-shadow-1}; - box-shadow: $ion-shadow-1; -} -.ion-shadow-2 { - --box-shadow: #{$ion-shadow-2}; - box-shadow: $ion-shadow-2; -} -.ion-shadow-3 { - --box-shadow: #{$ion-shadow-3}; - box-shadow: $ion-shadow-3; -} -.ion-shadow-4 { - --box-shadow: #{$ion-shadow-4}; - box-shadow: $ion-shadow-4; -} -.ion-shadow-5 { - --box-shadow: #{$ion-shadow-5}; - box-shadow: $ion-shadow-5; -} -.ion-shadow-6 { - --box-shadow: #{$ion-shadow-6}; - box-shadow: $ion-shadow-6; -} -.ion-shadow-7 { - --box-shadow: #{$ion-shadow-7}; - box-shadow: $ion-shadow-7; -} - -.ion-no-margin { - --margin-top: #{$ion-space-0}; - --margin-end: #{$ion-space-0}; - --margin-bottom: #{$ion-space-0}; - --margin-start: #{$ion-space-0}; - - @include margin($ion-space-0); -} - -.ion-margin { - --margin-top: #{$ion-space-400}; - --margin-end: #{$ion-space-400}; - --margin-bottom: #{$ion-space-400}; - --margin-start: #{$ion-space-400}; - - @include margin($ion-space-400); -} - -.ion-margin-top { - --margin-top: #{$ion-space-400}; - - @include margin($ion-space-400, null, null, null); -} - -.ion-margin-end { - --margin-end: #{$ion-space-400}; - - @include margin(null, $ion-space-400, null, null); -} - -.ion-margin-bottom { - --margin-bottom: #{$ion-space-400}; - - @include margin(null, null, $ion-space-400, null); -} - -.ion-margin-start { - --margin-start: #{$ion-space-400}; - - @include margin(null, null, null, $ion-space-400); -} - -.ion-margin-vertical { - --margin-top: #{$ion-space-400}; - --margin-bottom: #{$ion-space-400}; - - @include margin($ion-space-400, null, $ion-space-400, null); -} - -.ion-margin-horizontal { - --margin-start: #{$ion-space-400}; - --margin-end: #{$ion-space-400}; - - @include margin(null, $ion-space-400, null, $ion-space-400); -} - -.ion-no-padding { - --padding-top: #{$ion-space-0}; - --padding-end: #{$ion-space-0}; - --padding-bottom: #{$ion-space-0}; - --padding-start: #{$ion-space-0}; - - @include padding($ion-space-0); -} - -.ion-padding { - --padding-top: #{$ion-space-400}; - --padding-end: #{$ion-space-400}; - --padding-bottom: #{$ion-space-400}; - --padding-start: #{$ion-space-400}; - - @include padding($ion-space-400); -} - -.ion-padding-top { - --padding-top: #{$ion-space-400}; - - @include padding($ion-space-400, null, null, null); -} - -.ion-padding-end { - --padding-end: #{$ion-space-400}; - - @include padding(null, $ion-space-400, null, null); -} - -.ion-padding-bottom { - --padding-bottom: #{$ion-space-400}; - - @include padding(null, null, $ion-space-400, null); -} - -.ion-padding-start { - --padding-start: #{$ion-space-400}; - - @include padding(null, null, null, $ion-space-400); -} - -.ion-padding-vertical { - --padding-top: #{$ion-space-400}; - --padding-bottom: #{$ion-space-400}; - - @include padding($ion-space-400, null, $ion-space-400, null); -} - -.ion-padding-horizontal { - --padding-start: #{$ion-space-400}; - --padding-end: #{$ion-space-400}; - - @include padding(null, $ion-space-400, null, $ion-space-400); -} diff --git a/core/src/foundations/ionic.vars.scss b/core/src/foundations/ionic.vars.scss index 11539b58dfa..6fc027105ca 100644 --- a/core/src/foundations/ionic.vars.scss +++ b/core/src/foundations/ionic.vars.scss @@ -1,10 +1,8 @@ -// Do not edit directly, this file was auto-generated. - -@use "../themes/functions.sizes" as font; -$ion-primitives-neutral-100: var(--token-primitives-neutral-100, #f5f5f5); -$ion-primitives-neutral-100-rgb: var(--token-primitives-neutral-100-rgb, 245, 245, 245); -$ion-primitives-neutral-200: var(--token-primitives-neutral-200, #efefef); -$ion-primitives-neutral-200-rgb: var(--token-primitives-neutral-200-rgb, 239, 239, 239); +// Primitives +$ion-primitives-neutral-100: var(--token-primitives-neutral-100, #f3f3f3); +$ion-primitives-neutral-100-rgb: var(--token-primitives-neutral-100-rgb, 243, 243, 243); +$ion-primitives-neutral-200: var(--token-primitives-neutral-200, #eae9e9); +$ion-primitives-neutral-200-rgb: var(--token-primitives-neutral-200-rgb, 234, 233, 233); $ion-primitives-neutral-300: var(--token-primitives-neutral-300, #e0e0e0); $ion-primitives-neutral-300-rgb: var(--token-primitives-neutral-300-rgb, 224, 224, 224); $ion-primitives-neutral-400: var(--token-primitives-neutral-400, #d5d5d5); @@ -29,10 +27,10 @@ $ion-primitives-base-white: var(--token-primitives-base-white, #ffffff); $ion-primitives-base-white-rgb: var(--token-primitives-base-white-rgb, 255, 255, 255); $ion-primitives-base-black: var(--token-primitives-base-black, #111111); $ion-primitives-base-black-rgb: var(--token-primitives-base-black-rgb, 17, 17, 17); -$ion-primitives-red-100: var(--token-primitives-red-100, #feeded); -$ion-primitives-red-100-rgb: var(--token-primitives-red-100-rgb, 254, 237, 237); -$ion-primitives-red-200: var(--token-primitives-red-200, #fde1e1); -$ion-primitives-red-200-rgb: var(--token-primitives-red-200-rgb, 253, 225, 225); +$ion-primitives-red-100: var(--token-primitives-red-100, #fde1e1); +$ion-primitives-red-100-rgb: var(--token-primitives-red-100-rgb, 253, 225, 225); +$ion-primitives-red-200: var(--token-primitives-red-200, #ffd9d9); +$ion-primitives-red-200-rgb: var(--token-primitives-red-200-rgb, 255, 217, 217); $ion-primitives-red-300: var(--token-primitives-red-300, #fcc1c1); $ion-primitives-red-300-rgb: var(--token-primitives-red-300-rgb, 252, 193, 193); $ion-primitives-red-400: var(--token-primitives-red-400, #faa1a1); @@ -53,10 +51,10 @@ $ion-primitives-red-1100: var(--token-primitives-red-1100, #540f0f); $ion-primitives-red-1100-rgb: var(--token-primitives-red-1100-rgb, 84, 15, 15); $ion-primitives-red-1200: var(--token-primitives-red-1200, #330909); $ion-primitives-red-1200-rgb: var(--token-primitives-red-1200-rgb, 51, 9, 9); -$ion-primitives-pumpkin-100: var(--token-primitives-pumpkin-100, #feedea); -$ion-primitives-pumpkin-100-rgb: var(--token-primitives-pumpkin-100-rgb, 254, 237, 234); -$ion-primitives-pumpkin-200: var(--token-primitives-pumpkin-200, #fde0db); -$ion-primitives-pumpkin-200-rgb: var(--token-primitives-pumpkin-200-rgb, 253, 224, 219); +$ion-primitives-pumpkin-100: var(--token-primitives-pumpkin-100, #ffe0db); +$ion-primitives-pumpkin-100-rgb: var(--token-primitives-pumpkin-100-rgb, 255, 224, 219); +$ion-primitives-pumpkin-200: var(--token-primitives-pumpkin-200, #ffd6d0); +$ion-primitives-pumpkin-200-rgb: var(--token-primitives-pumpkin-200-rgb, 255, 214, 208); $ion-primitives-pumpkin-300: var(--token-primitives-pumpkin-300, #fbbdb1); $ion-primitives-pumpkin-300-rgb: var(--token-primitives-pumpkin-300-rgb, 251, 189, 177); $ion-primitives-pumpkin-400: var(--token-primitives-pumpkin-400, #f9947c); @@ -77,10 +75,10 @@ $ion-primitives-pumpkin-1100: var(--token-primitives-pumpkin-1100, #401802); $ion-primitives-pumpkin-1100-rgb: var(--token-primitives-pumpkin-1100-rgb, 64, 24, 2); $ion-primitives-pumpkin-1200: var(--token-primitives-pumpkin-1200, #210c01); $ion-primitives-pumpkin-1200-rgb: var(--token-primitives-pumpkin-1200-rgb, 33, 12, 1); -$ion-primitives-orange-100: var(--token-primitives-orange-100, #fff1ea); -$ion-primitives-orange-100-rgb: var(--token-primitives-orange-100-rgb, 255, 241, 234); -$ion-primitives-orange-200: var(--token-primitives-orange-200, #ffe8db); -$ion-primitives-orange-200-rgb: var(--token-primitives-orange-200-rgb, 255, 232, 219); +$ion-primitives-orange-100: var(--token-primitives-orange-100, #ffe8db); +$ion-primitives-orange-100-rgb: var(--token-primitives-orange-100-rgb, 255, 232, 219); +$ion-primitives-orange-200: var(--token-primitives-orange-200, #ffe0d0); +$ion-primitives-orange-200-rgb: var(--token-primitives-orange-200-rgb, 255, 224, 208); $ion-primitives-orange-300: var(--token-primitives-orange-300, #ffcfb1); $ion-primitives-orange-300-rgb: var(--token-primitives-orange-300-rgb, 255, 207, 177); $ion-primitives-orange-400: var(--token-primitives-orange-400, #ffb37b); @@ -101,10 +99,10 @@ $ion-primitives-orange-1100: var(--token-primitives-orange-1100, #422700); $ion-primitives-orange-1100-rgb: var(--token-primitives-orange-1100-rgb, 66, 39, 0); $ion-primitives-orange-1200: var(--token-primitives-orange-1200, #221400); $ion-primitives-orange-1200-rgb: var(--token-primitives-orange-1200-rgb, 34, 20, 0); -$ion-primitives-yellow-100: var(--token-primitives-yellow-100, #fff9ea); -$ion-primitives-yellow-100-rgb: var(--token-primitives-yellow-100-rgb, 255, 249, 234); -$ion-primitives-yellow-200: var(--token-primitives-yellow-200, #fff5db); -$ion-primitives-yellow-200-rgb: var(--token-primitives-yellow-200-rgb, 255, 245, 219); +$ion-primitives-yellow-100: var(--token-primitives-yellow-100, #fff3d5); +$ion-primitives-yellow-100-rgb: var(--token-primitives-yellow-100-rgb, 255, 243, 213); +$ion-primitives-yellow-200: var(--token-primitives-yellow-200, #fff0c7); +$ion-primitives-yellow-200-rgb: var(--token-primitives-yellow-200-rgb, 255, 240, 199); $ion-primitives-yellow-300: var(--token-primitives-yellow-300, #ffebb1); $ion-primitives-yellow-300-rgb: var(--token-primitives-yellow-300-rgb, 255, 235, 177); $ion-primitives-yellow-400: var(--token-primitives-yellow-400, #ffe07b); @@ -125,10 +123,10 @@ $ion-primitives-yellow-1100: var(--token-primitives-yellow-1100, #533802); $ion-primitives-yellow-1100-rgb: var(--token-primitives-yellow-1100-rgb, 83, 56, 2); $ion-primitives-yellow-1200: var(--token-primitives-yellow-1200, #2c1e02); $ion-primitives-yellow-1200-rgb: var(--token-primitives-yellow-1200-rgb, 44, 30, 2); -$ion-primitives-lime-100: var(--token-primitives-lime-100, #f3faea); -$ion-primitives-lime-100-rgb: var(--token-primitives-lime-100-rgb, 243, 250, 234); -$ion-primitives-lime-200: var(--token-primitives-lime-200, #eaf7db); -$ion-primitives-lime-200-rgb: var(--token-primitives-lime-200-rgb, 234, 247, 219); +$ion-primitives-lime-100: var(--token-primitives-lime-100, #ebfcd4); +$ion-primitives-lime-100-rgb: var(--token-primitives-lime-100-rgb, 235, 252, 212); +$ion-primitives-lime-200: var(--token-primitives-lime-200, #e4f7cb); +$ion-primitives-lime-200-rgb: var(--token-primitives-lime-200-rgb, 228, 247, 203); $ion-primitives-lime-300: var(--token-primitives-lime-300, #d3efb2); $ion-primitives-lime-300-rgb: var(--token-primitives-lime-300-rgb, 211, 239, 178); $ion-primitives-lime-400: var(--token-primitives-lime-400, #bbe77d); @@ -149,10 +147,10 @@ $ion-primitives-lime-1100: var(--token-primitives-lime-1100, #2a3a06); $ion-primitives-lime-1100-rgb: var(--token-primitives-lime-1100-rgb, 42, 58, 6); $ion-primitives-lime-1200: var(--token-primitives-lime-1200, #151e03); $ion-primitives-lime-1200-rgb: var(--token-primitives-lime-1200-rgb, 21, 30, 3); -$ion-primitives-green-100: var(--token-primitives-green-100, #ebf9ec); -$ion-primitives-green-100-rgb: var(--token-primitives-green-100-rgb, 235, 249, 236); -$ion-primitives-green-200: var(--token-primitives-green-200, #dcf5de); -$ion-primitives-green-200-rgb: var(--token-primitives-green-200-rgb, 220, 245, 222); +$ion-primitives-green-100: var(--token-primitives-green-100, #e2f9e4); +$ion-primitives-green-100-rgb: var(--token-primitives-green-100-rgb, 226, 249, 228); +$ion-primitives-green-200: var(--token-primitives-green-200, #d1f7d4); +$ion-primitives-green-200-rgb: var(--token-primitives-green-200-rgb, 209, 247, 212); $ion-primitives-green-300: var(--token-primitives-green-300, #b3ebb7); $ion-primitives-green-300-rgb: var(--token-primitives-green-300-rgb, 179, 235, 183); $ion-primitives-green-400: var(--token-primitives-green-400, #7fe089); @@ -173,10 +171,10 @@ $ion-primitives-green-1100: var(--token-primitives-green-1100, #093811); $ion-primitives-green-1100-rgb: var(--token-primitives-green-1100-rgb, 9, 56, 17); $ion-primitives-green-1200: var(--token-primitives-green-1200, #051d09); $ion-primitives-green-1200-rgb: var(--token-primitives-green-1200-rgb, 5, 29, 9); -$ion-primitives-teal-100: var(--token-primitives-teal-100, #eaf8f5); -$ion-primitives-teal-100-rgb: var(--token-primitives-teal-100-rgb, 234, 248, 245); -$ion-primitives-teal-200: var(--token-primitives-teal-200, #dbf3ee); -$ion-primitives-teal-200-rgb: var(--token-primitives-teal-200-rgb, 219, 243, 238); +$ion-primitives-teal-100: var(--token-primitives-teal-100, #d5f9f1); +$ion-primitives-teal-100-rgb: var(--token-primitives-teal-100-rgb, 213, 249, 241); +$ion-primitives-teal-200: var(--token-primitives-teal-200, #c7f1e8); +$ion-primitives-teal-200-rgb: var(--token-primitives-teal-200-rgb, 199, 241, 232); $ion-primitives-teal-300: var(--token-primitives-teal-300, #b1e7dd); $ion-primitives-teal-300-rgb: var(--token-primitives-teal-300-rgb, 177, 231, 221); $ion-primitives-teal-400: var(--token-primitives-teal-400, #7bdbca); @@ -197,10 +195,10 @@ $ion-primitives-teal-1100: var(--token-primitives-teal-1100, #003630); $ion-primitives-teal-1100-rgb: var(--token-primitives-teal-1100-rgb, 0, 54, 48); $ion-primitives-teal-1200: var(--token-primitives-teal-1200, #001c19); $ion-primitives-teal-1200-rgb: var(--token-primitives-teal-1200-rgb, 0, 28, 25); -$ion-primitives-aqua-100: var(--token-primitives-aqua-100, #ebf9fe); -$ion-primitives-aqua-100-rgb: var(--token-primitives-aqua-100-rgb, 235, 249, 254); -$ion-primitives-aqua-200: var(--token-primitives-aqua-200, #dcf4fd); -$ion-primitives-aqua-200-rgb: var(--token-primitives-aqua-200-rgb, 220, 244, 253); +$ion-primitives-aqua-100: var(--token-primitives-aqua-100, #d9f5ff); +$ion-primitives-aqua-100-rgb: var(--token-primitives-aqua-100-rgb, 217, 245, 255); +$ion-primitives-aqua-200: var(--token-primitives-aqua-200, #cbeffc); +$ion-primitives-aqua-200-rgb: var(--token-primitives-aqua-200-rgb, 203, 239, 252); $ion-primitives-aqua-300: var(--token-primitives-aqua-300, #b3e9fc); $ion-primitives-aqua-300-rgb: var(--token-primitives-aqua-300-rgb, 179, 233, 252); $ion-primitives-aqua-400: var(--token-primitives-aqua-400, #80defa); @@ -221,10 +219,10 @@ $ion-primitives-aqua-1100: var(--token-primitives-aqua-1100, #0a3741); $ion-primitives-aqua-1100-rgb: var(--token-primitives-aqua-1100-rgb, 10, 55, 65); $ion-primitives-aqua-1200: var(--token-primitives-aqua-1200, #051c21); $ion-primitives-aqua-1200-rgb: var(--token-primitives-aqua-1200-rgb, 5, 28, 33); -$ion-primitives-blue-100: var(--token-primitives-blue-100, #f2f4fd); -$ion-primitives-blue-100-rgb: var(--token-primitives-blue-100-rgb, 242, 244, 253); -$ion-primitives-blue-200: var(--token-primitives-blue-200, #e9ecfc); -$ion-primitives-blue-200-rgb: var(--token-primitives-blue-200-rgb, 233, 236, 252); +$ion-primitives-blue-100: var(--token-primitives-blue-100, #e9ecfc); +$ion-primitives-blue-100-rgb: var(--token-primitives-blue-100-rgb, 233, 236, 252); +$ion-primitives-blue-200: var(--token-primitives-blue-200, #e4e8ff); +$ion-primitives-blue-200-rgb: var(--token-primitives-blue-200-rgb, 228, 232, 255); $ion-primitives-blue-300: var(--token-primitives-blue-300, #d0d7fa); $ion-primitives-blue-300-rgb: var(--token-primitives-blue-300-rgb, 208, 215, 250); $ion-primitives-blue-400: var(--token-primitives-blue-400, #b5c0f7); @@ -245,10 +243,10 @@ $ion-primitives-blue-1100: var(--token-primitives-blue-1100, #09358a); $ion-primitives-blue-1100-rgb: var(--token-primitives-blue-1100-rgb, 9, 53, 138); $ion-primitives-blue-1200: var(--token-primitives-blue-1200, #072561); $ion-primitives-blue-1200-rgb: var(--token-primitives-blue-1200-rgb, 7, 37, 97); -$ion-primitives-indigo-100: var(--token-primitives-indigo-100, #f3f2fb); -$ion-primitives-indigo-100-rgb: var(--token-primitives-indigo-100-rgb, 243, 242, 251); -$ion-primitives-indigo-200: var(--token-primitives-indigo-200, #eae9f9); -$ion-primitives-indigo-200-rgb: var(--token-primitives-indigo-200-rgb, 234, 233, 249); +$ion-primitives-indigo-100: var(--token-primitives-indigo-100, #ebe8ff); +$ion-primitives-indigo-100-rgb: var(--token-primitives-indigo-100-rgb, 235, 232, 255); +$ion-primitives-indigo-200: var(--token-primitives-indigo-200, #e6e2fe); +$ion-primitives-indigo-200-rgb: var(--token-primitives-indigo-200-rgb, 230, 226, 254); $ion-primitives-indigo-300: var(--token-primitives-indigo-300, #d3d1f2); $ion-primitives-indigo-300-rgb: var(--token-primitives-indigo-300-rgb, 211, 209, 242); $ion-primitives-indigo-400: var(--token-primitives-indigo-400, #bab5eb); @@ -269,10 +267,10 @@ $ion-primitives-indigo-1100: var(--token-primitives-indigo-1100, #26107b); $ion-primitives-indigo-1100-rgb: var(--token-primitives-indigo-1100-rgb, 38, 16, 123); $ion-primitives-indigo-1200: var(--token-primitives-indigo-1200, #1a0b57); $ion-primitives-indigo-1200-rgb: var(--token-primitives-indigo-1200-rgb, 26, 11, 87); -$ion-primitives-violet-100: var(--token-primitives-violet-100, #f5f2fe); -$ion-primitives-violet-100-rgb: var(--token-primitives-violet-100-rgb, 245, 242, 254); -$ion-primitives-violet-200: var(--token-primitives-violet-200, #eee9fd); -$ion-primitives-violet-200-rgb: var(--token-primitives-violet-200-rgb, 238, 233, 253); +$ion-primitives-violet-100: var(--token-primitives-violet-100, #ece6ff); +$ion-primitives-violet-100-rgb: var(--token-primitives-violet-100-rgb, 236, 230, 255); +$ion-primitives-violet-200: var(--token-primitives-violet-200, #e5defc); +$ion-primitives-violet-200-rgb: var(--token-primitives-violet-200-rgb, 229, 222, 252); $ion-primitives-violet-300: var(--token-primitives-violet-300, #dcd1fb); $ion-primitives-violet-300-rgb: var(--token-primitives-violet-300-rgb, 220, 209, 251); $ion-primitives-violet-400: var(--token-primitives-violet-400, #c9b6f9); @@ -293,10 +291,10 @@ $ion-primitives-violet-1100: var(--token-primitives-violet-1100, #48128c); $ion-primitives-violet-1100-rgb: var(--token-primitives-violet-1100-rgb, 72, 18, 140); $ion-primitives-violet-1200: var(--token-primitives-violet-1200, #330d63); $ion-primitives-violet-1200-rgb: var(--token-primitives-violet-1200-rgb, 51, 13, 99); -$ion-primitives-purple-100: var(--token-primitives-purple-100, #f9f3fe); -$ion-primitives-purple-100-rgb: var(--token-primitives-purple-100-rgb, 249, 243, 254); -$ion-primitives-purple-200: var(--token-primitives-purple-200, #f5eafd); -$ion-primitives-purple-200-rgb: var(--token-primitives-purple-200-rgb, 245, 234, 253); +$ion-primitives-purple-100: var(--token-primitives-purple-100, #f5eafd); +$ion-primitives-purple-100-rgb: var(--token-primitives-purple-100-rgb, 245, 234, 253); +$ion-primitives-purple-200: var(--token-primitives-purple-200, #f2e2ff); +$ion-primitives-purple-200-rgb: var(--token-primitives-purple-200-rgb, 242, 226, 255); $ion-primitives-purple-300: var(--token-primitives-purple-300, #e9d3fa); $ion-primitives-purple-300-rgb: var(--token-primitives-purple-300-rgb, 233, 211, 250); $ion-primitives-purple-400: var(--token-primitives-purple-400, #deb9f8); @@ -317,10 +315,10 @@ $ion-primitives-purple-1100: var(--token-primitives-purple-1100, #6a238b); $ion-primitives-purple-1100-rgb: var(--token-primitives-purple-1100-rgb, 106, 35, 139); $ion-primitives-purple-1200: var(--token-primitives-purple-1200, #4b1862); $ion-primitives-purple-1200-rgb: var(--token-primitives-purple-1200-rgb, 75, 24, 98); -$ion-primitives-magenta-100: var(--token-primitives-magenta-100, #fdf3fb); -$ion-primitives-magenta-100-rgb: var(--token-primitives-magenta-100-rgb, 253, 243, 251); -$ion-primitives-magenta-200: var(--token-primitives-magenta-200, #fcebf8); -$ion-primitives-magenta-200-rgb: var(--token-primitives-magenta-200-rgb, 252, 235, 248); +$ion-primitives-magenta-100: var(--token-primitives-magenta-100, #ffecfb); +$ion-primitives-magenta-100-rgb: var(--token-primitives-magenta-100-rgb, 255, 236, 251); +$ion-primitives-magenta-200: var(--token-primitives-magenta-200, #ffe5fa); +$ion-primitives-magenta-200-rgb: var(--token-primitives-magenta-200-rgb, 255, 229, 250); $ion-primitives-magenta-300: var(--token-primitives-magenta-300, #f9d4f1); $ion-primitives-magenta-300-rgb: var(--token-primitives-magenta-300-rgb, 249, 212, 241); $ion-primitives-magenta-400: var(--token-primitives-magenta-400, #f6bcea); @@ -341,10 +339,10 @@ $ion-primitives-magenta-1100: var(--token-primitives-magenta-1100, #892b7a); $ion-primitives-magenta-1100-rgb: var(--token-primitives-magenta-1100-rgb, 137, 43, 122); $ion-primitives-magenta-1200: var(--token-primitives-magenta-1200, #611e56); $ion-primitives-magenta-1200-rgb: var(--token-primitives-magenta-1200-rgb, 97, 30, 86); -$ion-primitives-pink-100: var(--token-primitives-pink-100, #fef3f5); -$ion-primitives-pink-100-rgb: var(--token-primitives-pink-100-rgb, 254, 243, 245); -$ion-primitives-pink-200: var(--token-primitives-pink-200, #fdeaee); -$ion-primitives-pink-200-rgb: var(--token-primitives-pink-200-rgb, 253, 234, 238); +$ion-primitives-pink-100: var(--token-primitives-pink-100, #fdeaee); +$ion-primitives-pink-100-rgb: var(--token-primitives-pink-100-rgb, 253, 234, 238); +$ion-primitives-pink-200: var(--token-primitives-pink-200, #ffe3e9); +$ion-primitives-pink-200-rgb: var(--token-primitives-pink-200-rgb, 255, 227, 233); $ion-primitives-pink-300: var(--token-primitives-pink-300, #fad3dc); $ion-primitives-pink-300-rgb: var(--token-primitives-pink-300-rgb, 250, 211, 220); $ion-primitives-pink-400: var(--token-primitives-pink-400, #f8b9c9); @@ -365,10 +363,46 @@ $ion-primitives-pink-1100: var(--token-primitives-pink-1100, #8b2248); $ion-primitives-pink-1100-rgb: var(--token-primitives-pink-1100-rgb, 139, 34, 72); $ion-primitives-pink-1200: var(--token-primitives-pink-1200, #621833); $ion-primitives-pink-1200-rgb: var(--token-primitives-pink-1200-rgb, 98, 24, 51); + +// Scale +$ion-scale-0: var(--token-scale-0, 0px); +$ion-scale-100: var(--token-scale-100, 4px); +$ion-scale-150: var(--token-scale-150, 6px); +$ion-scale-200: var(--token-scale-200, 8px); +$ion-scale-250: var(--token-scale-250, 10px); +$ion-scale-300: var(--token-scale-300, 12px); +$ion-scale-400: var(--token-scale-400, 16px); +$ion-scale-500: var(--token-scale-500, 20px); +$ion-scale-600: var(--token-scale-600, 24px); +$ion-scale-700: var(--token-scale-700, 28px); +$ion-scale-800: var(--token-scale-800, 32px); +$ion-scale-900: var(--token-scale-900, 36px); +$ion-scale-1000: var(--token-scale-1000, 40px); +$ion-scale-1100: var(--token-scale-1100, 44px); +$ion-scale-1200: var(--token-scale-1200, 48px); +$ion-scale-1400: var(--token-scale-1400, 56px); +$ion-scale-1600: var(--token-scale-1600, 64px); +$ion-scale-1800: var(--token-scale-1800, 72px); +$ion-scale-2000: var(--token-scale-2000, 80px); +$ion-scale-2400: var(--token-scale-2400, 96px); +$ion-scale-2800: var(--token-scale-2800, 112px); +$ion-scale-3200: var(--token-scale-3200, 128px); +$ion-scale-3400: var(--token-scale-3400, 136px); +$ion-scale-3600: var(--token-scale-3600, 144px); +$ion-scale-4000: var(--token-scale-4000, 160px); +$ion-scale-5000: var(--token-scale-5000, 200px); +$ion-scale-6200: var(--token-scale-6200, 248px); +$ion-scale-7400: var(--token-scale-7400, 296px); +$ion-scale-9000: var(--token-scale-9000, 360px); +$ion-scale-025: var(--token-scale-025, 1px); +$ion-scale-050: var(--token-scale-050, 2px); +$ion-scale-075: var(--token-scale-075, 3px); + +// Semantics $ion-semantics-primary-100: var(--token-semantics-primary-100, $ion-primitives-blue-100); -$ion-semantics-primary-100-rgb: var(--token-semantics-primary-100-rgb, 242, 244, 253); +$ion-semantics-primary-100-rgb: var(--token-semantics-primary-100-rgb, 233, 236, 252); $ion-semantics-primary-200: var(--token-semantics-primary-200, $ion-primitives-blue-200); -$ion-semantics-primary-200-rgb: var(--token-semantics-primary-200-rgb, 233, 236, 252); +$ion-semantics-primary-200-rgb: var(--token-semantics-primary-200-rgb, 228, 232, 255); $ion-semantics-primary-300: var(--token-semantics-primary-300, $ion-primitives-blue-300); $ion-semantics-primary-300-rgb: var(--token-semantics-primary-300-rgb, 208, 215, 250); $ion-semantics-primary-400: var(--token-semantics-primary-400, $ion-primitives-blue-400); @@ -392,9 +426,9 @@ $ion-semantics-primary-1200-rgb: var(--token-semantics-primary-1200-rgb, 7, 37, $ion-semantics-primary-base: var(--token-semantics-primary-base, $ion-semantics-primary-700); $ion-semantics-primary-base-rgb: var(--token-semantics-primary-base-rgb, 16, 92, 239); $ion-semantics-info-100: var(--token-semantics-info-100, $ion-primitives-blue-100); -$ion-semantics-info-100-rgb: var(--token-semantics-info-100-rgb, 242, 244, 253); +$ion-semantics-info-100-rgb: var(--token-semantics-info-100-rgb, 233, 236, 252); $ion-semantics-info-200: var(--token-semantics-info-200, $ion-primitives-blue-200); -$ion-semantics-info-200-rgb: var(--token-semantics-info-200-rgb, 233, 236, 252); +$ion-semantics-info-200-rgb: var(--token-semantics-info-200-rgb, 228, 232, 255); $ion-semantics-info-300: var(--token-semantics-info-300, $ion-primitives-blue-300); $ion-semantics-info-300-rgb: var(--token-semantics-info-300-rgb, 208, 215, 250); $ion-semantics-info-400: var(--token-semantics-info-400, $ion-primitives-blue-400); @@ -418,9 +452,9 @@ $ion-semantics-info-1200-rgb: var(--token-semantics-info-1200-rgb, 7, 37, 97); $ion-semantics-info-base: var(--token-semantics-info-base, $ion-semantics-info-700); $ion-semantics-info-base-rgb: var(--token-semantics-info-base-rgb, 16, 92, 239); $ion-semantics-success-100: var(--token-semantics-success-100, $ion-primitives-green-100); -$ion-semantics-success-100-rgb: var(--token-semantics-success-100-rgb, 235, 249, 236); +$ion-semantics-success-100-rgb: var(--token-semantics-success-100-rgb, 226, 249, 228); $ion-semantics-success-200: var(--token-semantics-success-200, $ion-primitives-green-200); -$ion-semantics-success-200-rgb: var(--token-semantics-success-200-rgb, 220, 245, 222); +$ion-semantics-success-200-rgb: var(--token-semantics-success-200-rgb, 209, 247, 212); $ion-semantics-success-300: var(--token-semantics-success-300, $ion-primitives-green-300); $ion-semantics-success-300-rgb: var(--token-semantics-success-300-rgb, 179, 235, 183); $ion-semantics-success-400: var(--token-semantics-success-400, $ion-primitives-green-400); @@ -444,9 +478,9 @@ $ion-semantics-success-1200-rgb: var(--token-semantics-success-1200-rgb, 5, 29, $ion-semantics-success-base: var(--token-semantics-success-base, $ion-semantics-success-700); $ion-semantics-success-base-rgb: var(--token-semantics-success-base-rgb, 27, 164, 51); $ion-semantics-danger-100: var(--token-semantics-danger-100, $ion-primitives-red-100); -$ion-semantics-danger-100-rgb: var(--token-semantics-danger-100-rgb, 254, 237, 237); +$ion-semantics-danger-100-rgb: var(--token-semantics-danger-100-rgb, 253, 225, 225); $ion-semantics-danger-200: var(--token-semantics-danger-200, $ion-primitives-red-200); -$ion-semantics-danger-200-rgb: var(--token-semantics-danger-200-rgb, 253, 225, 225); +$ion-semantics-danger-200-rgb: var(--token-semantics-danger-200-rgb, 255, 217, 217); $ion-semantics-danger-300: var(--token-semantics-danger-300, $ion-primitives-red-300); $ion-semantics-danger-300-rgb: var(--token-semantics-danger-300-rgb, 252, 193, 193); $ion-semantics-danger-400: var(--token-semantics-danger-400, $ion-primitives-red-400); @@ -470,9 +504,9 @@ $ion-semantics-danger-1200-rgb: var(--token-semantics-danger-1200-rgb, 51, 9, 9) $ion-semantics-danger-base: var(--token-semantics-danger-base, $ion-semantics-danger-700); $ion-semantics-danger-base-rgb: var(--token-semantics-danger-base-rgb, 229, 41, 41); $ion-semantics-warning-100: var(--token-semantics-warning-100, $ion-primitives-yellow-100); -$ion-semantics-warning-100-rgb: var(--token-semantics-warning-100-rgb, 255, 249, 234); +$ion-semantics-warning-100-rgb: var(--token-semantics-warning-100-rgb, 255, 243, 213); $ion-semantics-warning-200: var(--token-semantics-warning-200, $ion-primitives-yellow-200); -$ion-semantics-warning-200-rgb: var(--token-semantics-warning-200-rgb, 255, 245, 219); +$ion-semantics-warning-200-rgb: var(--token-semantics-warning-200-rgb, 255, 240, 199); $ion-semantics-warning-300: var(--token-semantics-warning-300, $ion-primitives-yellow-300); $ion-semantics-warning-300-rgb: var(--token-semantics-warning-300-rgb, 255, 235, 177); $ion-semantics-warning-400: var(--token-semantics-warning-400, $ion-primitives-yellow-400); @@ -495,93 +529,64 @@ $ion-semantics-warning-1200: var(--token-semantics-warning-1200, $ion-primitives $ion-semantics-warning-1200-rgb: var(--token-semantics-warning-1200-rgb, 44, 30, 2); $ion-semantics-warning-base: var(--token-semantics-warning-base, $ion-semantics-warning-500); $ion-semantics-warning-base-rgb: var(--token-semantics-warning-base-rgb, 255, 214, 0); -$ion-scale-0: var(--token-scale-0, 0px); -$ion-scale-100: var(--token-scale-100, 4px); -$ion-scale-150: var(--token-scale-150, 6px); -$ion-scale-200: var(--token-scale-200, 8px); -$ion-scale-250: var(--token-scale-250, 10px); -$ion-scale-300: var(--token-scale-300, 12px); -$ion-scale-400: var(--token-scale-400, 16px); -$ion-scale-500: var(--token-scale-500, 20px); -$ion-scale-600: var(--token-scale-600, 24px); -$ion-scale-700: var(--token-scale-700, 28px); -$ion-scale-800: var(--token-scale-800, 32px); -$ion-scale-900: var(--token-scale-900, 36px); -$ion-scale-1000: var(--token-scale-1000, 40px); -$ion-scale-1100: var(--token-scale-1100, 44px); -$ion-scale-1200: var(--token-scale-1200, 48px); -$ion-scale-1400: var(--token-scale-1400, 56px); -$ion-scale-1600: var(--token-scale-1600, 64px); -$ion-scale-1800: var(--token-scale-1800, 72px); -$ion-scale-2000: var(--token-scale-2000, 80px); -$ion-scale-2400: var(--token-scale-2400, 96px); -$ion-scale-2800: var(--token-scale-2800, 112px); -$ion-scale-3200: var(--token-scale-3200, 128px); -$ion-scale-3400: var(--token-scale-3400, 136px); -$ion-scale-3600: var(--token-scale-3600, 144px); -$ion-scale-4000: var(--token-scale-4000, 160px); -$ion-scale-5000: var(--token-scale-5000, 200px); -$ion-scale-6200: var(--token-scale-6200, 248px); -$ion-scale-7400: var(--token-scale-7400, 296px); -$ion-scale-9000: var(--token-scale-9000, 360px); -$ion-scale-025: var(--token-scale-025, 1px); -$ion-scale-050: var(--token-scale-050, 2px); -$ion-scale-075: var(--token-scale-075, 3px); -$ion-border-default: var(--token-border-default, $ion-primitives-neutral-400); -$ion-border-default-rgb: var(--token-border-default-rgb, 213, 213, 213); -$ion-border-boldest: var(--token-border-boldest, $ion-primitives-neutral-1200); -$ion-border-boldest-rgb: var(--token-border-boldest-rgb, 36, 36, 36); -$ion-border-subtle: var(--token-border-subtle, $ion-primitives-neutral-100); -$ion-border-subtle-rgb: var(--token-border-subtle-rgb, 245, 245, 245); -$ion-border-subtlest: var(--token-border-subtlest, $ion-primitives-base-white); -$ion-border-subtlest-rgb: var(--token-border-subtlest-rgb, 255, 255, 255); -$ion-border-primary: var(--token-border-primary, $ion-semantics-primary-base); -$ion-border-primary-rgb: var(--token-border-primary-rgb, 16, 92, 239); -$ion-border-success: var(--token-border-success, $ion-semantics-success-900); -$ion-border-success-rgb: var(--token-border-success-rgb, 18, 111, 35); -$ion-border-warning: var(--token-border-warning, $ion-semantics-warning-900); -$ion-border-warning-rgb: var(--token-border-warning-rgb, 150, 101, 3); -$ion-border-disabled: var(--token-border-disabled, $ion-primitives-neutral-300); -$ion-border-disabled-rgb: var(--token-border-disabled-rgb, 224, 224, 224); -$ion-border-focus-0: var(--token-border-focus-0, none); -$ion-border-focus-default: var(--token-border-focus-default, $ion-primitives-blue-400); -$ion-border-focus-default-rgb: var(--token-border-focus-default-rgb, 181, 192, 247); -$ion-border-focus-error: var(--token-border-focus-error, $ion-primitives-red-400); -$ion-border-focus-error-rgb: var(--token-border-focus-error-rgb, 250, 161, 161); -$ion-border-danger-default: var(--token-border-danger-default, $ion-semantics-danger-800); -$ion-border-danger-default-rgb: var(--token-border-danger-default-rgb, 191, 34, 34); -$ion-border-danger-press: var(--token-border-danger-press, $ion-semantics-danger-1000); -$ion-border-danger-press-rgb: var(--token-border-danger-press-rgb, 118, 21, 21); -$ion-border-input-default: var(--token-border-input-default, $ion-primitives-neutral-500); -$ion-border-input-default-rgb: var(--token-border-input-default-rgb, 162, 162, 162); -$ion-border-input-press: var(--token-border-input-press, $ion-primitives-neutral-700); -$ion-border-input-press-rgb: var(--token-border-input-press-rgb, 119, 119, 119); -$ion-border-input-read-only: var(--token-border-input-read-only, $ion-primitives-neutral-500); -$ion-border-input-read-only-rgb: var(--token-border-input-read-only-rgb, 162, 162, 162); -$ion-border-style-none: var(--token-border-style-none, none); -$ion-border-style-solid: var(--token-border-style-solid, solid); -$ion-border-style-dashed: var(--token-border-style-dashed, dashed); -$ion-border-style-dotted: var(--token-border-style-dotted, dotted); -$ion-border-size-0: var(--token-border-size-0, $ion-scale-0); -$ion-border-size-025: var(--token-border-size-025, $ion-scale-025); -$ion-border-size-050: var(--token-border-size-050, $ion-scale-050); -$ion-border-size-075: var(--token-border-size-075, $ion-scale-075); -$ion-border-radius-0: var(--token-border-radius-0, $ion-scale-0); -$ion-border-radius-100: var(--token-border-radius-100, $ion-scale-100); -$ion-border-radius-200: var(--token-border-radius-200, $ion-scale-200); -$ion-border-radius-300: var(--token-border-radius-300, $ion-scale-300); -$ion-border-radius-400: var(--token-border-radius-400, $ion-scale-400); -$ion-border-radius-500: var(--token-border-radius-500, $ion-scale-500); -$ion-border-radius-800: var(--token-border-radius-800, $ion-scale-800); -$ion-border-radius-1000: var(--token-border-radius-1000, $ion-scale-1000); -$ion-border-radius-full: var(--token-border-radius-full, 999px); -$ion-border-radius-025: var(--token-border-radius-025, $ion-scale-050); + +// Text +$ion-text-default: var(--token-text-default, $ion-primitives-neutral-1200); +$ion-text-default-rgb: var(--token-text-default-rgb, 36, 36, 36); +$ion-text-subtle: var(--token-text-subtle, $ion-primitives-neutral-1000); +$ion-text-subtle-rgb: var(--token-text-subtle-rgb, 59, 59, 59); +$ion-text-subtlest: var(--token-text-subtlest, $ion-primitives-neutral-800); +$ion-text-subtlest-rgb: var(--token-text-subtlest-rgb, 98, 98, 98); +$ion-text-primary: var(--token-text-primary, $ion-semantics-primary-900); +$ion-text-primary-rgb: var(--token-text-primary-rgb, 13, 75, 195); +$ion-text-disabled: var(--token-text-disabled, $ion-primitives-neutral-500); +$ion-text-disabled-rgb: var(--token-text-disabled-rgb, 162, 162, 162); +$ion-text-danger: var(--token-text-danger, $ion-semantics-danger-900); +$ion-text-danger-rgb: var(--token-text-danger-rgb, 153, 27, 27); +$ion-text-info: var(--token-text-info, $ion-semantics-info-900); +$ion-text-info-rgb: var(--token-text-info-rgb, 13, 75, 195); +$ion-text-warning: var(--token-text-warning, $ion-semantics-warning-1000); +$ion-text-warning-rgb: var(--token-text-warning-rgb, 112, 75, 2); +$ion-text-success: var(--token-text-success, $ion-semantics-success-900); +$ion-text-success-rgb: var(--token-text-success-rgb, 18, 111, 35); +$ion-text-link-default: var(--token-text-link-default, $ion-semantics-primary-900); +$ion-text-link-default-rgb: var(--token-text-link-default-rgb, 13, 75, 195); +$ion-text-link-press: var(--token-text-link-press, $ion-semantics-primary-1100); +$ion-text-link-press-rgb: var(--token-text-link-press-rgb, 9, 53, 138); +$ion-text-link-visited: var(--token-text-link-visited, $ion-semantics-primary-1100); +$ion-text-link-visited-rgb: var(--token-text-link-visited-rgb, 9, 53, 138); +$ion-text-inverse: var(--token-text-inverse, $ion-primitives-base-white); +$ion-text-inverse-rgb: var(--token-text-inverse-rgb, 255, 255, 255); +$ion-text-select: var(--token-text-select, $ion-semantics-primary-800); +$ion-text-select-rgb: var(--token-text-select-rgb, 15, 84, 218); +$ion-text-extended-pumpkin: var(--token-text-extended-pumpkin, $ion-primitives-pumpkin-900); +$ion-text-extended-pumpkin-rgb: var(--token-text-extended-pumpkin-rgb, 128, 48, 4); +$ion-text-extended-orange: var(--token-text-extended-orange, $ion-primitives-orange-900); +$ion-text-extended-orange-rgb: var(--token-text-extended-orange-rgb, 132, 77, 0); +$ion-text-extended-lime: var(--token-text-extended-lime, $ion-primitives-lime-1000); +$ion-text-extended-lime-rgb: var(--token-text-extended-lime-rgb, 62, 87, 9); +$ion-text-extended-teal: var(--token-text-extended-teal, $ion-primitives-teal-900); +$ion-text-extended-teal-rgb: var(--token-text-extended-teal-rgb, 0, 107, 95); +$ion-text-extended-aqua: var(--token-text-extended-aqua, $ion-primitives-aqua-900); +$ion-text-extended-aqua-rgb: var(--token-text-extended-aqua-rgb, 20, 109, 129); +$ion-text-extended-indigo: var(--token-text-extended-indigo, $ion-primitives-indigo-900); +$ion-text-extended-indigo-rgb: var(--token-text-extended-indigo-rgb, 53, 22, 174); +$ion-text-extended-violet: var(--token-text-extended-violet, $ion-primitives-violet-900); +$ion-text-extended-violet-rgb: var(--token-text-extended-violet-rgb, 101, 26, 197); +$ion-text-extended-purple: var(--token-text-extended-purple, $ion-primitives-purple-1000); +$ion-text-extended-purple-rgb: var(--token-text-extended-purple-rgb, 129, 42, 170); +$ion-text-extended-magenta: var(--token-text-extended-magenta, $ion-primitives-magenta-1100); +$ion-text-extended-magenta-rgb: var(--token-text-extended-magenta-rgb, 137, 43, 122); +$ion-text-extended-pink: var(--token-text-extended-pink, $ion-primitives-pink-1000); +$ion-text-extended-pink-rgb: var(--token-text-extended-pink-rgb, 170, 42, 88); + +// Bg $ion-bg-primary-base-default: var(--token-bg-primary-base-default, $ion-semantics-primary-base); $ion-bg-primary-base-default-rgb: var(--token-bg-primary-base-default-rgb, 16, 92, 239); $ion-bg-primary-base-press: var(--token-bg-primary-base-press, $ion-semantics-primary-900); $ion-bg-primary-base-press-rgb: var(--token-bg-primary-base-press-rgb, 13, 75, 195); $ion-bg-primary-subtle-default: var(--token-bg-primary-subtle-default, $ion-semantics-primary-100); -$ion-bg-primary-subtle-default-rgb: var(--token-bg-primary-subtle-default-rgb, 242, 244, 253); +$ion-bg-primary-subtle-default-rgb: var(--token-bg-primary-subtle-default-rgb, 233, 236, 252); $ion-bg-primary-subtle-press: var(--token-bg-primary-subtle-press, $ion-semantics-primary-300); $ion-bg-primary-subtle-press-rgb: var(--token-bg-primary-subtle-press-rgb, 208, 215, 250); $ion-bg-danger-base-default: var(--token-bg-danger-base-default, $ion-semantics-danger-800); @@ -589,7 +594,7 @@ $ion-bg-danger-base-default-rgb: var(--token-bg-danger-base-default-rgb, 191, 34 $ion-bg-danger-base-press: var(--token-bg-danger-base-press, $ion-semantics-danger-1000); $ion-bg-danger-base-press-rgb: var(--token-bg-danger-base-press-rgb, 118, 21, 21); $ion-bg-danger-subtle-default: var(--token-bg-danger-subtle-default, $ion-semantics-danger-100); -$ion-bg-danger-subtle-default-rgb: var(--token-bg-danger-subtle-default-rgb, 254, 237, 237); +$ion-bg-danger-subtle-default-rgb: var(--token-bg-danger-subtle-default-rgb, 253, 225, 225); $ion-bg-danger-subtle-press: var(--token-bg-danger-subtle-press, $ion-semantics-danger-300); $ion-bg-danger-subtle-press-rgb: var(--token-bg-danger-subtle-press-rgb, 252, 193, 193); $ion-bg-success-base-default: var(--token-bg-success-base-default, $ion-semantics-success-900); @@ -597,7 +602,7 @@ $ion-bg-success-base-default-rgb: var(--token-bg-success-base-default-rgb, 18, 1 $ion-bg-success-base-press: var(--token-bg-success-base-press, $ion-semantics-success-1100); $ion-bg-success-base-press-rgb: var(--token-bg-success-base-press-rgb, 9, 56, 17); $ion-bg-success-subtle-default: var(--token-bg-success-subtle-default, $ion-semantics-success-100); -$ion-bg-success-subtle-default-rgb: var(--token-bg-success-subtle-default-rgb, 235, 249, 236); +$ion-bg-success-subtle-default-rgb: var(--token-bg-success-subtle-default-rgb, 226, 249, 228); $ion-bg-success-subtle-press: var(--token-bg-success-subtle-press, $ion-semantics-success-300); $ion-bg-success-subtle-press-rgb: var(--token-bg-success-subtle-press-rgb, 179, 235, 183); $ion-bg-info-base-default: var(--token-bg-info-base-default, $ion-semantics-info-900); @@ -605,7 +610,7 @@ $ion-bg-info-base-default-rgb: var(--token-bg-info-base-default-rgb, 13, 75, 195 $ion-bg-info-base-press: var(--token-bg-info-base-press, $ion-semantics-info-1100); $ion-bg-info-base-press-rgb: var(--token-bg-info-base-press-rgb, 9, 53, 138); $ion-bg-info-subtle-default: var(--token-bg-info-subtle-default, $ion-semantics-info-100); -$ion-bg-info-subtle-default-rgb: var(--token-bg-info-subtle-default-rgb, 242, 244, 253); +$ion-bg-info-subtle-default-rgb: var(--token-bg-info-subtle-default-rgb, 233, 236, 252); $ion-bg-info-subtle-press: var(--token-bg-info-subtle-press, $ion-semantics-info-300); $ion-bg-info-subtle-press-rgb: var(--token-bg-info-subtle-press-rgb, 208, 215, 250); $ion-bg-warning-base-default: var(--token-bg-warning-base-default, $ion-semantics-warning-500); @@ -613,13 +618,13 @@ $ion-bg-warning-base-default-rgb: var(--token-bg-warning-base-default-rgb, 255, $ion-bg-warning-base-press: var(--token-bg-warning-base-press, $ion-semantics-warning-700); $ion-bg-warning-base-press-rgb: var(--token-bg-warning-base-press-rgb, 223, 156, 0); $ion-bg-warning-subtle-default: var(--token-bg-warning-subtle-default, $ion-semantics-warning-200); -$ion-bg-warning-subtle-default-rgb: var(--token-bg-warning-subtle-default-rgb, 255, 245, 219); +$ion-bg-warning-subtle-default-rgb: var(--token-bg-warning-subtle-default-rgb, 255, 240, 199); $ion-bg-warning-subtle-press: var(--token-bg-warning-subtle-press, $ion-semantics-warning-400); $ion-bg-warning-subtle-press-rgb: var(--token-bg-warning-subtle-press-rgb, 255, 224, 123); $ion-bg-body: var(--token-bg-body, $ion-primitives-base-white); $ion-bg-body-rgb: var(--token-bg-body-rgb, 255, 255, 255); $ion-bg-neutral-subtle-default: var(--token-bg-neutral-subtle-default, $ion-primitives-neutral-200); -$ion-bg-neutral-subtle-default-rgb: var(--token-bg-neutral-subtle-default-rgb, 239, 239, 239); +$ion-bg-neutral-subtle-default-rgb: var(--token-bg-neutral-subtle-default-rgb, 234, 233, 233); $ion-bg-neutral-subtle-press: var(--token-bg-neutral-subtle-press, $ion-primitives-neutral-400); $ion-bg-neutral-subtle-press-rgb: var(--token-bg-neutral-subtle-press-rgb, 213, 213, 213); $ion-bg-neutral-base-default: var(--token-bg-neutral-base-default, $ion-primitives-neutral-500); @@ -629,7 +634,7 @@ $ion-bg-neutral-base-press-rgb: var(--token-bg-neutral-base-press-rgb, 119, 119, $ion-bg-neutral-subtlest-default: var(--token-bg-neutral-subtlest-default, $ion-primitives-base-white); $ion-bg-neutral-subtlest-default-rgb: var(--token-bg-neutral-subtlest-default-rgb, 255, 255, 255); $ion-bg-neutral-subtlest-press: var(--token-bg-neutral-subtlest-press, $ion-primitives-neutral-200); -$ion-bg-neutral-subtlest-press-rgb: var(--token-bg-neutral-subtlest-press-rgb, 239, 239, 239); +$ion-bg-neutral-subtlest-press-rgb: var(--token-bg-neutral-subtlest-press-rgb, 234, 233, 233); $ion-bg-neutral-bold-default: var(--token-bg-neutral-bold-default, $ion-primitives-neutral-1000); $ion-bg-neutral-bold-default-rgb: var(--token-bg-neutral-bold-default-rgb, 59, 59, 59); $ion-bg-neutral-bold-press: var(--token-bg-neutral-bold-press, $ion-primitives-neutral-1200); @@ -645,13 +650,13 @@ $ion-bg-surface-inverse-rgb: var(--token-bg-surface-inverse-rgb, 255, 255, 255); $ion-bg-input-default: var(--token-bg-input-default, $ion-primitives-base-white); $ion-bg-input-default-rgb: var(--token-bg-input-default-rgb, 255, 255, 255); $ion-bg-input-read-only: var(--token-bg-input-read-only, $ion-primitives-neutral-100); -$ion-bg-input-read-only-rgb: var(--token-bg-input-read-only-rgb, 245, 245, 245); +$ion-bg-input-read-only-rgb: var(--token-bg-input-read-only-rgb, 243, 243, 243); $ion-bg-input-press: var(--token-bg-input-press, $ion-primitives-neutral-200); -$ion-bg-input-press-rgb: var(--token-bg-input-press-rgb, 239, 239, 239); +$ion-bg-input-press-rgb: var(--token-bg-input-press-rgb, 234, 233, 233); $ion-bg-input-disabled: var(--token-bg-input-disabled, $ion-primitives-neutral-100); -$ion-bg-input-disabled-rgb: var(--token-bg-input-disabled-rgb, 245, 245, 245); +$ion-bg-input-disabled-rgb: var(--token-bg-input-disabled-rgb, 243, 243, 243); $ion-bg-input-bold-default: var(--token-bg-input-bold-default, $ion-primitives-neutral-200); -$ion-bg-input-bold-default-rgb: var(--token-bg-input-bold-default-rgb, 239, 239, 239); +$ion-bg-input-bold-default-rgb: var(--token-bg-input-bold-default-rgb, 234, 233, 233); $ion-bg-input-bold-press: var(--token-bg-input-bold-press, $ion-primitives-neutral-400); $ion-bg-input-bold-press-rgb: var(--token-bg-input-bold-press-rgb, 213, 213, 213); $ion-bg-input-bold-read-only: var(--token-bg-input-bold-read-only, $ion-primitives-neutral-300); @@ -659,7 +664,7 @@ $ion-bg-input-bold-read-only-rgb: var(--token-bg-input-bold-read-only-rgb, 224, $ion-bg-input-bold-disabled: var(--token-bg-input-bold-disabled, $ion-primitives-neutral-300); $ion-bg-input-bold-disabled-rgb: var(--token-bg-input-bold-disabled-rgb, 224, 224, 224); $ion-bg-select-default: var(--token-bg-select-default, $ion-semantics-primary-100); -$ion-bg-select-default-rgb: var(--token-bg-select-default-rgb, 242, 244, 253); +$ion-bg-select-default-rgb: var(--token-bg-select-default-rgb, 233, 236, 252); $ion-bg-select-press: var(--token-bg-select-press, $ion-semantics-primary-300); $ion-bg-select-press-rgb: var(--token-bg-select-press-rgb, 208, 215, 250); $ion-bg-extended-pumpkin-base-default: var(--token-bg-extended-pumpkin-base-default, $ion-primitives-pumpkin-700); @@ -667,7 +672,7 @@ $ion-bg-extended-pumpkin-base-default-rgb: var(--token-bg-extended-pumpkin-base- $ion-bg-extended-pumpkin-base-press: var(--token-bg-extended-pumpkin-base-press, $ion-primitives-pumpkin-900); $ion-bg-extended-pumpkin-base-press-rgb: var(--token-bg-extended-pumpkin-base-press-rgb, 128, 48, 4); $ion-bg-extended-pumpkin-subtle-default: var(--token-bg-extended-pumpkin-subtle-default, $ion-primitives-pumpkin-100); -$ion-bg-extended-pumpkin-subtle-default-rgb: var(--token-bg-extended-pumpkin-subtle-default-rgb, 254, 237, 234); +$ion-bg-extended-pumpkin-subtle-default-rgb: var(--token-bg-extended-pumpkin-subtle-default-rgb, 255, 224, 219); $ion-bg-extended-pumpkin-subtle-press: var(--token-bg-extended-pumpkin-subtle-press, $ion-primitives-pumpkin-300); $ion-bg-extended-pumpkin-subtle-press-rgb: var(--token-bg-extended-pumpkin-subtle-press-rgb, 251, 189, 177); $ion-bg-extended-orange-base-default: var(--token-bg-extended-orange-base-default, $ion-primitives-orange-800); @@ -675,7 +680,7 @@ $ion-bg-extended-orange-base-default-rgb: var(--token-bg-extended-orange-base-de $ion-bg-extended-orange-base-press: var(--token-bg-extended-orange-base-press, $ion-primitives-orange-1000); $ion-bg-extended-orange-base-press-rgb: var(--token-bg-extended-orange-base-press-rgb, 99, 58, 0); $ion-bg-extended-orange-subtle-default: var(--token-bg-extended-orange-subtle-default, $ion-primitives-orange-100); -$ion-bg-extended-orange-subtle-default-rgb: var(--token-bg-extended-orange-subtle-default-rgb, 255, 241, 234); +$ion-bg-extended-orange-subtle-default-rgb: var(--token-bg-extended-orange-subtle-default-rgb, 255, 232, 219); $ion-bg-extended-orange-subtle-press: var(--token-bg-extended-orange-subtle-press, $ion-primitives-orange-300); $ion-bg-extended-orange-subtle-press-rgb: var(--token-bg-extended-orange-subtle-press-rgb, 255, 207, 177); $ion-bg-extended-lime-base-default: var(--token-bg-extended-lime-base-default, $ion-primitives-lime-900); @@ -683,7 +688,7 @@ $ion-bg-extended-lime-base-default-rgb: var(--token-bg-extended-lime-base-defaul $ion-bg-extended-lime-base-press: var(--token-bg-extended-lime-base-press, $ion-primitives-lime-1100); $ion-bg-extended-lime-base-press-rgb: var(--token-bg-extended-lime-base-press-rgb, 42, 58, 6); $ion-bg-extended-lime-subtle-default: var(--token-bg-extended-lime-subtle-default, $ion-primitives-lime-100); -$ion-bg-extended-lime-subtle-default-rgb: var(--token-bg-extended-lime-subtle-default-rgb, 243, 250, 234); +$ion-bg-extended-lime-subtle-default-rgb: var(--token-bg-extended-lime-subtle-default-rgb, 235, 252, 212); $ion-bg-extended-lime-subtle-press: var(--token-bg-extended-lime-subtle-press, $ion-primitives-lime-300); $ion-bg-extended-lime-subtle-press-rgb: var(--token-bg-extended-lime-subtle-press-rgb, 211, 239, 178); $ion-bg-extended-teal-base-default: var(--token-bg-extended-teal-base-default, $ion-primitives-teal-800); @@ -691,7 +696,7 @@ $ion-bg-extended-teal-base-default-rgb: var(--token-bg-extended-teal-base-defaul $ion-bg-extended-teal-base-press: var(--token-bg-extended-teal-base-press, $ion-primitives-teal-1000); $ion-bg-extended-teal-base-press-rgb: var(--token-bg-extended-teal-base-press-rgb, 0, 81, 71); $ion-bg-extended-teal-subtle-default: var(--token-bg-extended-teal-subtle-default, $ion-primitives-teal-100); -$ion-bg-extended-teal-subtle-default-rgb: var(--token-bg-extended-teal-subtle-default-rgb, 234, 248, 245); +$ion-bg-extended-teal-subtle-default-rgb: var(--token-bg-extended-teal-subtle-default-rgb, 213, 249, 241); $ion-bg-extended-teal-subtle-press: var(--token-bg-extended-teal-subtle-press, $ion-primitives-teal-300); $ion-bg-extended-teal-subtle-press-rgb: var(--token-bg-extended-teal-subtle-press-rgb, 177, 231, 221); $ion-bg-extended-aqua-base-default: var(--token-bg-extended-aqua-base-default, $ion-primitives-aqua-900); @@ -699,7 +704,7 @@ $ion-bg-extended-aqua-base-default-rgb: var(--token-bg-extended-aqua-base-defaul $ion-bg-extended-aqua-base-press: var(--token-bg-extended-aqua-base-press, $ion-primitives-aqua-1100); $ion-bg-extended-aqua-base-press-rgb: var(--token-bg-extended-aqua-base-press-rgb, 10, 55, 65); $ion-bg-extended-aqua-subtle-default: var(--token-bg-extended-aqua-subtle-default, $ion-primitives-aqua-100); -$ion-bg-extended-aqua-subtle-default-rgb: var(--token-bg-extended-aqua-subtle-default-rgb, 235, 249, 254); +$ion-bg-extended-aqua-subtle-default-rgb: var(--token-bg-extended-aqua-subtle-default-rgb, 217, 245, 255); $ion-bg-extended-aqua-subtle-press: var(--token-bg-extended-aqua-subtle-press, $ion-primitives-aqua-300); $ion-bg-extended-aqua-subtle-press-rgb: var(--token-bg-extended-aqua-subtle-press-rgb, 179, 233, 252); $ion-bg-extended-indigo-base-default: var(--token-bg-extended-indigo-base-default, $ion-primitives-indigo-700); @@ -707,7 +712,7 @@ $ion-bg-extended-indigo-base-default-rgb: var(--token-bg-extended-indigo-base-de $ion-bg-extended-indigo-base-press: var(--token-bg-extended-indigo-base-press, $ion-primitives-indigo-900); $ion-bg-extended-indigo-base-press-rgb: var(--token-bg-extended-indigo-base-press-rgb, 53, 22, 174); $ion-bg-extended-indigo-subtle-default: var(--token-bg-extended-indigo-subtle-default, $ion-primitives-indigo-100); -$ion-bg-extended-indigo-subtle-default-rgb: var(--token-bg-extended-indigo-subtle-default-rgb, 243, 242, 251); +$ion-bg-extended-indigo-subtle-default-rgb: var(--token-bg-extended-indigo-subtle-default-rgb, 235, 232, 255); $ion-bg-extended-indigo-subtle-press: var(--token-bg-extended-indigo-subtle-press, $ion-primitives-indigo-300); $ion-bg-extended-indigo-subtle-press-rgb: var(--token-bg-extended-indigo-subtle-press-rgb, 211, 209, 242); $ion-bg-extended-violet-base-default: var(--token-bg-extended-violet-base-default, $ion-primitives-violet-700); @@ -715,7 +720,7 @@ $ion-bg-extended-violet-base-default-rgb: var(--token-bg-extended-violet-base-de $ion-bg-extended-violet-base-press: var(--token-bg-extended-violet-base-press, $ion-primitives-violet-900); $ion-bg-extended-violet-base-press-rgb: var(--token-bg-extended-violet-base-press-rgb, 101, 26, 197); $ion-bg-extended-violet-subtle-default: var(--token-bg-extended-violet-subtle-default, $ion-primitives-violet-100); -$ion-bg-extended-violet-subtle-default-rgb: var(--token-bg-extended-violet-subtle-default-rgb, 245, 242, 254); +$ion-bg-extended-violet-subtle-default-rgb: var(--token-bg-extended-violet-subtle-default-rgb, 236, 230, 255); $ion-bg-extended-violet-subtle-press: var(--token-bg-extended-violet-subtle-press, $ion-primitives-violet-300); $ion-bg-extended-violet-subtle-press-rgb: var(--token-bg-extended-violet-subtle-press-rgb, 220, 209, 251); $ion-bg-extended-purple-base-default: var(--token-bg-extended-purple-base-default, $ion-primitives-purple-800); @@ -723,7 +728,7 @@ $ion-bg-extended-purple-base-default-rgb: var(--token-bg-extended-purple-base-de $ion-bg-extended-purple-base-press: var(--token-bg-extended-purple-base-press, $ion-primitives-purple-1000); $ion-bg-extended-purple-base-press-rgb: var(--token-bg-extended-purple-base-press-rgb, 129, 42, 170); $ion-bg-extended-purple-subtle-default: var(--token-bg-extended-purple-subtle-default, $ion-primitives-purple-100); -$ion-bg-extended-purple-subtle-default-rgb: var(--token-bg-extended-purple-subtle-default-rgb, 249, 243, 254); +$ion-bg-extended-purple-subtle-default-rgb: var(--token-bg-extended-purple-subtle-default-rgb, 245, 234, 253); $ion-bg-extended-purple-subtle-press: var(--token-bg-extended-purple-subtle-press, $ion-primitives-purple-300); $ion-bg-extended-purple-subtle-press-rgb: var(--token-bg-extended-purple-subtle-press-rgb, 233, 211, 250); $ion-bg-extended-magenta-base-default: var(--token-bg-extended-magenta-base-default, $ion-primitives-magenta-900); @@ -731,7 +736,7 @@ $ion-bg-extended-magenta-base-default-rgb: var(--token-bg-extended-magenta-base- $ion-bg-extended-magenta-base-press: var(--token-bg-extended-magenta-base-press, $ion-primitives-magenta-1100); $ion-bg-extended-magenta-base-press-rgb: var(--token-bg-extended-magenta-base-press-rgb, 137, 43, 122); $ion-bg-extended-magenta-subtle-default: var(--token-bg-extended-magenta-subtle-default, $ion-primitives-magenta-100); -$ion-bg-extended-magenta-subtle-default-rgb: var(--token-bg-extended-magenta-subtle-default-rgb, 253, 243, 251); +$ion-bg-extended-magenta-subtle-default-rgb: var(--token-bg-extended-magenta-subtle-default-rgb, 255, 236, 251); $ion-bg-extended-magenta-subtle-press: var(--token-bg-extended-magenta-subtle-press, $ion-primitives-magenta-300); $ion-bg-extended-magenta-subtle-press-rgb: var(--token-bg-extended-magenta-subtle-press-rgb, 249, 212, 241); $ion-bg-extended-pink-base-default: var(--token-bg-extended-pink-base-default, $ion-primitives-pink-900); @@ -739,57 +744,11 @@ $ion-bg-extended-pink-base-default-rgb: var(--token-bg-extended-pink-base-defaul $ion-bg-extended-pink-base-press: var(--token-bg-extended-pink-base-press, $ion-primitives-pink-1100); $ion-bg-extended-pink-base-press-rgb: var(--token-bg-extended-pink-base-press-rgb, 139, 34, 72); $ion-bg-extended-pink-subtle-default: var(--token-bg-extended-pink-subtle-default, $ion-primitives-pink-100); -$ion-bg-extended-pink-subtle-default-rgb: var(--token-bg-extended-pink-subtle-default-rgb, 254, 243, 245); +$ion-bg-extended-pink-subtle-default-rgb: var(--token-bg-extended-pink-subtle-default-rgb, 253, 234, 238); $ion-bg-extended-pink-subtle-press: var(--token-bg-extended-pink-subtle-press, $ion-primitives-pink-300); $ion-bg-extended-pink-subtle-press-rgb: var(--token-bg-extended-pink-subtle-press-rgb, 250, 211, 220); -$ion-text-default: var(--token-text-default, $ion-primitives-neutral-1200); -$ion-text-default-rgb: var(--token-text-default-rgb, 36, 36, 36); -$ion-text-subtle: var(--token-text-subtle, $ion-primitives-neutral-1000); -$ion-text-subtle-rgb: var(--token-text-subtle-rgb, 59, 59, 59); -$ion-text-subtlest: var(--token-text-subtlest, $ion-primitives-neutral-800); -$ion-text-subtlest-rgb: var(--token-text-subtlest-rgb, 98, 98, 98); -$ion-text-primary: var(--token-text-primary, $ion-semantics-primary-900); -$ion-text-primary-rgb: var(--token-text-primary-rgb, 13, 75, 195); -$ion-text-disabled: var(--token-text-disabled, $ion-primitives-neutral-500); -$ion-text-disabled-rgb: var(--token-text-disabled-rgb, 162, 162, 162); -$ion-text-danger: var(--token-text-danger, $ion-semantics-danger-900); -$ion-text-danger-rgb: var(--token-text-danger-rgb, 153, 27, 27); -$ion-text-info: var(--token-text-info, $ion-semantics-info-900); -$ion-text-info-rgb: var(--token-text-info-rgb, 13, 75, 195); -$ion-text-warning: var(--token-text-warning, $ion-semantics-warning-1000); -$ion-text-warning-rgb: var(--token-text-warning-rgb, 112, 75, 2); -$ion-text-success: var(--token-text-success, $ion-semantics-success-900); -$ion-text-success-rgb: var(--token-text-success-rgb, 18, 111, 35); -$ion-text-link-default: var(--token-text-link-default, $ion-semantics-primary-base); -$ion-text-link-default-rgb: var(--token-text-link-default-rgb, 16, 92, 239); -$ion-text-link-press: var(--token-text-link-press, $ion-semantics-primary-800); -$ion-text-link-press-rgb: var(--token-text-link-press-rgb, 15, 84, 218); -$ion-text-link-visited: var(--token-text-link-visited, $ion-semantics-primary-900); -$ion-text-link-visited-rgb: var(--token-text-link-visited-rgb, 13, 75, 195); -$ion-text-inverse: var(--token-text-inverse, $ion-primitives-base-white); -$ion-text-inverse-rgb: var(--token-text-inverse-rgb, 255, 255, 255); -$ion-text-select: var(--token-text-select, $ion-semantics-primary-800); -$ion-text-select-rgb: var(--token-text-select-rgb, 15, 84, 218); -$ion-text-extended-pumpkin: var(--token-text-extended-pumpkin, $ion-primitives-pumpkin-900); -$ion-text-extended-pumpkin-rgb: var(--token-text-extended-pumpkin-rgb, 128, 48, 4); -$ion-text-extended-orange: var(--token-text-extended-orange, $ion-primitives-orange-900); -$ion-text-extended-orange-rgb: var(--token-text-extended-orange-rgb, 132, 77, 0); -$ion-text-extended-lime: var(--token-text-extended-lime, $ion-primitives-lime-1000); -$ion-text-extended-lime-rgb: var(--token-text-extended-lime-rgb, 62, 87, 9); -$ion-text-extended-teal: var(--token-text-extended-teal, $ion-primitives-teal-900); -$ion-text-extended-teal-rgb: var(--token-text-extended-teal-rgb, 0, 107, 95); -$ion-text-extended-aqua: var(--token-text-extended-aqua, $ion-primitives-aqua-900); -$ion-text-extended-aqua-rgb: var(--token-text-extended-aqua-rgb, 20, 109, 129); -$ion-text-extended-indigo: var(--token-text-extended-indigo, $ion-primitives-indigo-900); -$ion-text-extended-indigo-rgb: var(--token-text-extended-indigo-rgb, 53, 22, 174); -$ion-text-extended-violet: var(--token-text-extended-violet, $ion-primitives-violet-900); -$ion-text-extended-violet-rgb: var(--token-text-extended-violet-rgb, 101, 26, 197); -$ion-text-extended-purple: var(--token-text-extended-purple, $ion-primitives-purple-1000); -$ion-text-extended-purple-rgb: var(--token-text-extended-purple-rgb, 129, 42, 170); -$ion-text-extended-magenta: var(--token-text-extended-magenta, $ion-primitives-magenta-1100); -$ion-text-extended-magenta-rgb: var(--token-text-extended-magenta-rgb, 137, 43, 122); -$ion-text-extended-pink: var(--token-text-extended-pink, $ion-primitives-pink-1000); -$ion-text-extended-pink-rgb: var(--token-text-extended-pink-rgb, 170, 42, 88); + +// Icon $ion-icon-default: var(--token-icon-default, $ion-primitives-neutral-1200); $ion-icon-default-rgb: var(--token-icon-default-rgb, 36, 36, 36); $ion-icon-subtle: var(--token-icon-subtle, $ion-primitives-neutral-1000); @@ -813,11 +772,11 @@ $ion-icon-warning-rgb: var(--token-icon-warning-rgb, 112, 75, 2); $ion-icon-inverse: var(--token-icon-inverse, $ion-primitives-base-white); $ion-icon-inverse-rgb: var(--token-icon-inverse-rgb, 255, 255, 255); $ion-icon-link-default: var(--token-icon-link-default, $ion-text-link-default); -$ion-icon-link-default-rgb: var(--token-icon-link-default-rgb, 16, 92, 239); +$ion-icon-link-default-rgb: var(--token-icon-link-default-rgb, 13, 75, 195); $ion-icon-link-press: var(--token-icon-link-press, $ion-text-link-press); -$ion-icon-link-press-rgb: var(--token-icon-link-press-rgb, 15, 84, 218); +$ion-icon-link-press-rgb: var(--token-icon-link-press-rgb, 9, 53, 138); $ion-icon-link-visited: var(--token-icon-link-visited, $ion-text-link-visited); -$ion-icon-link-visited-rgb: var(--token-icon-link-visited-rgb, 13, 75, 195); +$ion-icon-link-visited-rgb: var(--token-icon-link-visited-rgb, 9, 53, 138); $ion-icon-extended-pumpkin: var(--token-icon-extended-pumpkin, $ion-primitives-pumpkin-900); $ion-icon-extended-pumpkin-rgb: var(--token-icon-extended-pumpkin-rgb, 128, 48, 4); $ion-icon-extended-orange: var(--token-icon-extended-orange, $ion-primitives-orange-900); @@ -838,41 +797,63 @@ $ion-icon-extended-magenta: var(--token-icon-extended-magenta, $ion-primitives-m $ion-icon-extended-magenta-rgb: var(--token-icon-extended-magenta-rgb, 137, 43, 122); $ion-icon-extended-pink: var(--token-icon-extended-pink, $ion-primitives-pink-1000); $ion-icon-extended-pink-rgb: var(--token-icon-extended-pink-rgb, 170, 42, 88); + +// State $ion-state-disabled: var(--token-state-disabled, rgba(255, 255, 255, 0.6)); $ion-state-press: var(--token-state-press, rgba(36, 36, 36, 0.08)); -$ion-elevation-1: var(--token-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07)); -$ion-elevation-2: var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08)); -$ion-elevation-3: var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16)); -$ion-elevation-4: var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18)); -$ion-backdrop: var(--token-backdrop, [object Object]); -$ion-space-0: var(--token-space-0, $ion-scale-0); -$ion-space-100: var(--token-space-100, $ion-scale-100); -$ion-space-150: var(--token-space-150, $ion-scale-150); -$ion-space-200: var(--token-space-200, $ion-scale-200); -$ion-space-250: var(--token-space-250, $ion-scale-250); -$ion-space-300: var(--token-space-300, $ion-scale-300); -$ion-space-400: var(--token-space-400, $ion-scale-400); -$ion-space-500: var(--token-space-500, $ion-scale-500); -$ion-space-600: var(--token-space-600, $ion-scale-600); -$ion-space-700: var(--token-space-700, $ion-scale-700); -$ion-space-800: var(--token-space-800, $ion-scale-800); -$ion-space-900: var(--token-space-900, $ion-scale-900); -$ion-space-1000: var(--token-space-1000, $ion-scale-1000); -$ion-space-1200: var(--token-space-1200, $ion-scale-1200); -$ion-space-050: var(--token-space-050, $ion-scale-050); -$ion-transition-curve-linear: var(--token-transition-curve-linear, linear); -$ion-transition-curve-quick: var(--token-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1)); -$ion-transition-curve-base: var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1)); -$ion-transition-curve-expressive: var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)); -$ion-transition-curve-bounce: var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38)); -$ion-transition-time-0: var(--token-transition-time-0, 0ms); -$ion-transition-time-100: var(--token-transition-time-100, 100ms); -$ion-transition-time-150: var(--token-transition-time-150, 150ms); -$ion-transition-time-200: var(--token-transition-time-200, 200ms); -$ion-transition-time-300: var(--token-transition-time-300, 300ms); -$ion-transition-time-500: var(--token-transition-time-500, 500ms); -$ion-transition-time-1000: var(--token-transition-time-1000, 1000ms); -$ion-transition-time-1500: var(--token-transition-time-1500, 1500ms); + +// Border +$ion-border-default: var(--token-border-default, $ion-primitives-neutral-400); +$ion-border-default-rgb: var(--token-border-default-rgb, 213, 213, 213); +$ion-border-boldest: var(--token-border-boldest, $ion-primitives-neutral-1200); +$ion-border-boldest-rgb: var(--token-border-boldest-rgb, 36, 36, 36); +$ion-border-subtle: var(--token-border-subtle, $ion-primitives-neutral-100); +$ion-border-subtle-rgb: var(--token-border-subtle-rgb, 243, 243, 243); +$ion-border-subtlest: var(--token-border-subtlest, $ion-primitives-base-white); +$ion-border-subtlest-rgb: var(--token-border-subtlest-rgb, 255, 255, 255); +$ion-border-primary: var(--token-border-primary, $ion-semantics-primary-base); +$ion-border-primary-rgb: var(--token-border-primary-rgb, 16, 92, 239); +$ion-border-success: var(--token-border-success, $ion-semantics-success-900); +$ion-border-success-rgb: var(--token-border-success-rgb, 18, 111, 35); +$ion-border-warning: var(--token-border-warning, $ion-semantics-warning-900); +$ion-border-warning-rgb: var(--token-border-warning-rgb, 150, 101, 3); +$ion-border-disabled: var(--token-border-disabled, $ion-primitives-neutral-300); +$ion-border-disabled-rgb: var(--token-border-disabled-rgb, 224, 224, 224); +$ion-border-focus-0: var(--token-border-focus-0, none); +$ion-border-focus-default: var(--token-border-focus-default, $ion-primitives-blue-400); +$ion-border-focus-default-rgb: var(--token-border-focus-default-rgb, 181, 192, 247); +$ion-border-focus-error: var(--token-border-focus-error, $ion-primitives-red-400); +$ion-border-focus-error-rgb: var(--token-border-focus-error-rgb, 250, 161, 161); +$ion-border-danger-default: var(--token-border-danger-default, $ion-semantics-danger-800); +$ion-border-danger-default-rgb: var(--token-border-danger-default-rgb, 191, 34, 34); +$ion-border-danger-press: var(--token-border-danger-press, $ion-semantics-danger-1000); +$ion-border-danger-press-rgb: var(--token-border-danger-press-rgb, 118, 21, 21); +$ion-border-input-default: var(--token-border-input-default, $ion-primitives-neutral-600); +$ion-border-input-default-rgb: var(--token-border-input-default-rgb, 140, 140, 140); +$ion-border-input-press: var(--token-border-input-press, $ion-primitives-neutral-800); +$ion-border-input-press-rgb: var(--token-border-input-press-rgb, 98, 98, 98); +$ion-border-input-read-only: var(--token-border-input-read-only, $ion-primitives-neutral-800); +$ion-border-input-read-only-rgb: var(--token-border-input-read-only-rgb, 98, 98, 98); +$ion-border-style-none: var(--token-border-style-none, none); +$ion-border-style-solid: var(--token-border-style-solid, solid); +$ion-border-style-dashed: var(--token-border-style-dashed, dashed); +$ion-border-style-dotted: var(--token-border-style-dotted, dotted); +$ion-border-size-0: var(--token-border-size-0, $ion-scale-0); +$ion-border-size-025: var(--token-border-size-025, $ion-scale-025); +$ion-border-size-050: var(--token-border-size-050, $ion-scale-050); +$ion-border-size-075: var(--token-border-size-075, $ion-scale-075); +$ion-border-radius-0: var(--token-border-radius-0, $ion-scale-0); +$ion-border-radius-100: var(--token-border-radius-100, $ion-scale-100); +$ion-border-radius-200: var(--token-border-radius-200, $ion-scale-200); +$ion-border-radius-300: var(--token-border-radius-300, $ion-scale-300); +$ion-border-radius-400: var(--token-border-radius-400, $ion-scale-400); +$ion-border-radius-500: var(--token-border-radius-500, $ion-scale-500); +$ion-border-radius-800: var(--token-border-radius-800, $ion-scale-800); +$ion-border-radius-1000: var(--token-border-radius-1000, $ion-scale-1000); +$ion-border-radius-full: var(--token-border-radius-full, 999px); +$ion-border-radius-025: var(--token-border-radius-025, $ion-scale-050); + +// Font $ion-font-family: var( --token-font-family, -apple-system, @@ -895,18 +876,18 @@ $ion-font-weight-semi-bold: var(--token-font-weight-semi-bold, 600); $ion-font-weight-bold: var(--token-font-weight-bold, 700); $ion-font-weight-extra-bold: var(--token-font-weight-extra-bold, 800); $ion-font-weight-black: var(--token-font-weight-black, 900); -$ion-font-size-275: var(--token-font-size-275, font.px-to-rem(11)); -$ion-font-size-300: var(--token-font-size-300, font.px-to-rem(12)); -$ion-font-size-350: var(--token-font-size-350, font.px-to-rem(14)); -$ion-font-size-400: var(--token-font-size-400, font.px-to-rem(16)); -$ion-font-size-450: var(--token-font-size-450, font.px-to-rem(18)); -$ion-font-size-500: var(--token-font-size-500, font.px-to-rem(20)); -$ion-font-size-550: var(--token-font-size-550, font.px-to-rem(22)); -$ion-font-size-600: var(--token-font-size-600, font.px-to-rem(24)); -$ion-font-size-650: var(--token-font-size-650, font.px-to-rem(26)); -$ion-font-size-700: var(--token-font-size-700, font.px-to-rem(28)); -$ion-font-size-800: var(--token-font-size-800, font.px-to-rem(32)); -$ion-font-size-900: var(--token-font-size-900, font.px-to-rem(36)); +$ion-font-size-275: var(--token-font-size-275, 11px); +$ion-font-size-300: var(--token-font-size-300, 12px); +$ion-font-size-350: var(--token-font-size-350, 14px); +$ion-font-size-400: var(--token-font-size-400, 16px); +$ion-font-size-450: var(--token-font-size-450, 18px); +$ion-font-size-500: var(--token-font-size-500, 20px); +$ion-font-size-550: var(--token-font-size-550, 22px); +$ion-font-size-600: var(--token-font-size-600, 24px); +$ion-font-size-650: var(--token-font-size-650, 26px); +$ion-font-size-700: var(--token-font-size-700, 28px); +$ion-font-size-800: var(--token-font-size-800, 32px); +$ion-font-size-900: var(--token-font-size-900, 36px); $ion-font-letter-spacing-0: var(--token-font-letter-spacing-0, 0%); $ion-font-letter-spacing-1: var(--token-font-letter-spacing-1, 1%); $ion-font-letter-spacing-2: var(--token-font-letter-spacing-2, 1.5%); @@ -920,6 +901,55 @@ $ion-font-line-height-900: var(--token-font-line-height-900, $ion-scale-900); $ion-font-line-height-1100: var(--token-font-line-height-1100, $ion-scale-1100); $ion-font-line-height-1200: var(--token-font-line-height-1200, $ion-scale-1200); $ion-font-line-height-full: var(--token-font-line-height-full, 100%); + +// Space +$ion-space-0: var(--token-space-0, $ion-scale-0); +$ion-space-100: var(--token-space-100, $ion-scale-100); +$ion-space-150: var(--token-space-150, $ion-scale-150); +$ion-space-200: var(--token-space-200, $ion-scale-200); +$ion-space-250: var(--token-space-250, $ion-scale-250); +$ion-space-300: var(--token-space-300, $ion-scale-300); +$ion-space-400: var(--token-space-400, $ion-scale-400); +$ion-space-500: var(--token-space-500, $ion-scale-500); +$ion-space-600: var(--token-space-600, $ion-scale-600); +$ion-space-700: var(--token-space-700, $ion-scale-700); +$ion-space-800: var(--token-space-800, $ion-scale-800); +$ion-space-900: var(--token-space-900, $ion-scale-900); +$ion-space-1000: var(--token-space-1000, $ion-scale-1000); +$ion-space-1200: var(--token-space-1200, $ion-scale-1200); +$ion-space-050: var(--token-space-050, $ion-scale-050); + +// Shadow +$ion-shadow-1: var(--token-shadow-1, rgba(0, 0, 0, 0.04)); +$ion-shadow-2: var(--token-shadow-2, rgba(0, 0, 0, 0.05)); +$ion-shadow-3: var(--token-shadow-3, rgba(0, 0, 0, 0.07)); +$ion-shadow-4: var(--token-shadow-4, rgba(0, 0, 0, 0.08)); +$ion-shadow-5: var(--token-shadow-5, rgba(0, 0, 0, 0.12)); +$ion-shadow-6: var(--token-shadow-6, rgba(0, 0, 0, 0.16)); +$ion-shadow-7: var(--token-shadow-7, rgba(0, 0, 0, 0.18)); + +// Elevation +$ion-elevation-1: var(--token-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07)); +$ion-elevation-2: var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08)); +$ion-elevation-3: var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16)); +$ion-elevation-4: var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18)); + +// Transition +$ion-transition-curve-linear: var(--token-transition-curve-linear, linear); +$ion-transition-curve-quick: var(--token-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1)); +$ion-transition-curve-base: var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1)); +$ion-transition-curve-expressive: var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)); +$ion-transition-curve-bounce: var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38)); +$ion-transition-time-0: var(--token-transition-time-0, 0ms); +$ion-transition-time-100: var(--token-transition-time-100, 100ms); +$ion-transition-time-150: var(--token-transition-time-150, 150ms); +$ion-transition-time-200: var(--token-transition-time-200, 200ms); +$ion-transition-time-300: var(--token-transition-time-300, 300ms); +$ion-transition-time-500: var(--token-transition-time-500, 500ms); +$ion-transition-time-1000: var(--token-transition-time-1000, 1000ms); +$ion-transition-time-1500: var(--token-transition-time-1500, 1500ms); + +// Z-index $ion-z-index-0: var(--token-z-index-0, 0); $ion-z-index-100: var(--token-z-index-100, 100); $ion-z-index-200: var(--token-z-index-200, 200); @@ -928,6 +958,8 @@ $ion-z-index-400: var(--token-z-index-400, 400); $ion-z-index-500: var(--token-z-index-500, 500); $ion-z-index-bottom: var(--token-z-index-bottom, -99999); $ion-z-index-top: var(--token-z-index-top, 99999); + +// Rectangular $ion-rectangular-2xs: var(--token-rectangular-2xs, $ion-border-radius-0); $ion-rectangular-xs: var(--token-rectangular-xs, $ion-border-radius-0); $ion-rectangular-sm: var(--token-rectangular-sm, $ion-border-radius-0); @@ -935,6 +967,8 @@ $ion-rectangular-md: var(--token-rectangular-md, $ion-border-radius-0); $ion-rectangular-lg: var(--token-rectangular-lg, $ion-border-radius-0); $ion-rectangular-xl: var(--token-rectangular-xl, $ion-border-radius-0); $ion-rectangular-2xl: var(--token-rectangular-2xl, $ion-border-radius-0); + +// Round $ion-round-2xs: var(--token-round-2xs, $ion-border-radius-full); $ion-round-xs: var(--token-round-xs, $ion-border-radius-full); $ion-round-sm: var(--token-round-sm, $ion-border-radius-full); @@ -942,6 +976,8 @@ $ion-round-md: var(--token-round-md, $ion-border-radius-full); $ion-round-lg: var(--token-round-lg, $ion-border-radius-300); $ion-round-xl: var(--token-round-xl, $ion-border-radius-400); $ion-round-2xl: var(--token-round-2xl, $ion-border-radius-1000); + +// Soft $ion-soft-2xs: var(--token-soft-2xs, $ion-border-radius-100); $ion-soft-xs: var(--token-soft-xs, $ion-border-radius-200); $ion-soft-sm: var(--token-soft-sm, $ion-border-radius-300); @@ -949,13 +985,8 @@ $ion-soft-md: var(--token-soft-md, $ion-border-radius-400); $ion-soft-lg: var(--token-soft-lg, $ion-border-radius-200); $ion-soft-xl: var(--token-soft-xl, $ion-border-radius-200); $ion-soft-2xl: var(--token-soft-2xl, $ion-border-radius-400); -$ion-shadow-1: var(--token-shadow-1, rgba(0, 0, 0, 0.04)); -$ion-shadow-2: var(--token-shadow-2, rgba(0, 0, 0, 0.05)); -$ion-shadow-3: var(--token-shadow-3, rgba(0, 0, 0, 0.07)); -$ion-shadow-4: var(--token-shadow-4, rgba(0, 0, 0, 0.08)); -$ion-shadow-5: var(--token-shadow-5, rgba(0, 0, 0, 0.12)); -$ion-shadow-6: var(--token-shadow-6, rgba(0, 0, 0, 0.16)); -$ion-shadow-7: var(--token-shadow-7, rgba(0, 0, 0, 0.18)); + +// Typography $ion-display-sm-regular: ( font-size: $ion-font-size-800, diff --git a/core/src/utils/test/playwright/page/utils/set-content.ts b/core/src/utils/test/playwright/page/utils/set-content.ts index 57b91cd33a6..04bc3249413 100644 --- a/core/src/utils/test/playwright/page/utils/set-content.ts +++ b/core/src/utils/test/playwright/page/utils/set-content.ts @@ -43,6 +43,7 @@ export const setContent = async (page: Page, html: string, testInfo: TestInfo, o theme === 'ionic' ? ` + ` : ` @@ -56,6 +57,7 @@ export const setContent = async (page: Page, html: string, testInfo: TestInfo, o theme === 'ionic' ? ` + ` : `