diff --git a/core/package-lock.json b/core/package-lock.json index a3a3545596..92433ef97d 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 e16c09a6fb..3956fcfaf9 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 1fe2acdf71..dfb4363548 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 1153422bd1..0000000000 --- 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 aa5784de17..0000000000 --- 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 ecff0caf36..7d153e9104 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 ce01e78c5d..cbc4cc53f8 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 0bdadef0d5..29a077bda9 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 a44fb366b3..e99711a247 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 9de6c65076..d0fe9beeac 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 be3a2b6c0f..71df2b193d 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 ee42c239a1..5a6873dbcb 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 484feb80ba..89e6da6b2b 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 449725116b..82ff0f7149 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 bc69b933c9..a1640ceb7b 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 4e8b48085e..412a485311 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 2c7f170904..158f36f684 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 b361efbfa4..75c274af6a 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 24be2a99d0..d38b3fcfe1 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 34097f83c4..feb95d330d 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 727c9de455..b5dc2b2f37 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 87c76a158a..db01efe8ad 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 0bd619dff5..6b63aafe0a 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 6ed1f528b8..937fab56f5 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 ab172730f8..a551bd722e 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 2be222c043..57dd61101d 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 4c3da349a2..00fa5b80c9 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 44e6464af4..8ffa32ea79 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 6aeafec5af..d5a82b93b4 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 464a41975e..52c99484d4 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 e90d4d572f..29b5e428eb 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 466e5eafab..bdd8f5472a 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 d78844f379..f006afeae0 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 f6c410726d..0335a89c75 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 edabdcdaab..3011ad7ffb 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 6fd094c6ef..2ccf89b406 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 f2d9e4cb74..69057d229d 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 28061244d0..bcede2825e 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 d21d7595a8..041f0a1483 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 f5e7a8fb0d..e4e3d707ee 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 9698c28af0..35541b4d92 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 d4374657d0..51dc770f78 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 139c4dd3a0..13ad26d810 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 2dcad14c93..2c67cc6cae 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 81f5d88304..e3ad545ace 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 5fe8da2ec7..48dd58e73a 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 0403297fe3..bff9b9c171 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 de3ff6aa97..7f17a8ef35 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 e9ad5db2d8..39316471b7 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 eedcde7aa8..93b77dd3ba 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 8e532a5d9d..b8c245cf40 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 187ba9f98c..41030ed167 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 7513057203..5235c41446 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 fb2e0c18eb..f6db0e44c4 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 5fa0c2b1e3..5275dfb545 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 eb738ffa58..05e7d3c3de 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 a7db584790..6081b6318a 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 1df6e2bc9c..e465b18598 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 0e6fff63b0..867d9166db 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 062f7bf115..c1d6e6f84c 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 e40963b3d5..777110c727 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 b8246c687e..3ee7f0a39f 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 71f9df5a90..668554ff6d 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 f283f3d595..50ea58540b 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 7a01c920dc..ade09aa1fe 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 a29c092851..b5ad8870ac 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 d0c7c3e93a..0da6b45359 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 7ad8fc6097..4624a04161 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 67a54ed394..719522f95f 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 05b95f3eaa..906b295517 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 05b95f3eaa..906b295517 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 76d0b57772..ac7f6d5ddf 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 76d0b57772..ac7f6d5ddf 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 c2026c3d8b..545badf50d 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 9146b8d59d..dc03f07116 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 73dc6f2f7e..4d744cb3c8 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 9e2bc58437..81676cb8e3 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 757ad51a07..81dc9a11ee 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 9dfc8a220d..d7943a8784 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 48c53ad289..9b871b692c 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 fd00c3dd0a..7c9ccc965e 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 63fdbe0f51..1fa48e3da9 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 6df723defb..2568ea5cfe 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 a4dcb45a8d..b6c4e81329 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 904fada1a8..cdd772f104 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 63fdbe0f51..1fa48e3da9 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 6df723defb..2568ea5cfe 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 a4dcb45a8d..b6c4e81329 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 1572c407b1..b5eeb5847b 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 f894a60148..3367531f71 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 0553ece934..b328ec1c7b 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 544163c0f4..462dd5a1fb 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 93418b6128..0ef08c6309 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 1b2461a22a..e9adf29fc8 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 49b27fd5f4..7c3a54ffbd 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 5be2f9dfe8..f707007352 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 c03c0e8d2c..6262d4cf87 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 e7d8db33df..65c32cb307 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 77a18e4c8d..bf42e6c647 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 643614b877..01eeb6b757 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 a01b7c4be2..65b69fe484 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 03ec4781b5..48194d0098 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 996aac9b93..15e16e760f 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 4bc53cefe4..ceecef9eff 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 4d07039873..7d1a3f0606 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 254d6a5981..5c1b037b70 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 69772bf559..3f31876f80 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 87501de5e8..4b61d2d4d3 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 9ac509f2ab..ef1ca9775f 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 4ae35fdf23..b24eed4d59 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 a7b17f215e..e4b3d34756 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 132da8c984..94ad7268b5 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 18f2fb4ef0..5b3eafbf60 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 3d43f91ef2..8debd646a6 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 1b417b28cb..e647426366 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 f5584adfe0..031fb9c9e1 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 7a7840d6eb..eca317c0d5 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 bd50e20d71..fc9b4b2470 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 a0f18e12bb..8ddf0ebff8 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 cb26d17361..d98339b82d 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 42acbffe1c..6d905e5084 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 7bc9cd7f0e..61f45399a9 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 56346f6f39..07c57f38f6 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 ab1d1f0717..2a54186c89 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 dad19ffe86..d06b0e1960 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 5a34a7d17e..c3d6c330d5 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 0d10bf70ff..34922b5e33 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 ead66d915d..7f11a7e52c 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 6b7f2fbc89..c8025ed3b4 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 93d77d7452..9379f6ff12 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 b5ffccf63a..eece8be526 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 c4b921ebb2..cb1c20db56 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 00d705e980..bf6b3af5e0 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 7a4f0c855c..3b5af72669 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 e9c9846fc4..59bc762220 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 19005552b8..99173c1388 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 913e6fdb2c..0387680c4a 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 4880e6597d..76390df3bd 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 bd43b6ff15..f9c7916cd0 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 597c27b7ef..ac6a121d1a 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 ec7903597c..ee07ef00ab 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 df376af948..bcc3c7ef70 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 c8f47793a2..7f6dafe616 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 a9716777bf..7719696446 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 67213eef5a..c9923b2522 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 1af7d4b2c7..26f193201b 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 fb27b662bc..66649ae143 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 27028e75e1..8fea883230 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 8159c2e050..c90559f604 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 e0c00a5352..4a0be206d9 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 0889f1863c..1cc08e6329 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 0bebbf3117..18aa5e332b 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 c4a2afb8e8..dc4b5cce56 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 55ea1d1100..dc3a8e6e0c 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 a3241d9bf0..25b1b630d5 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 7d127a580f..87d3556b5c 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 afdd54288a..69282a8c9e 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 c97ef7e068..551e9edbaf 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 dbf3416186..1478aee4ec 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 f65a719ea9..50a06aa063 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 0ff82c5ea0..336602306e 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 a517730186..1a8a244515 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 15512806e8..724f7f6564 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 98d476298f..a94cfec19c 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 9f2aaaa0a7..6c53f6f4f1 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 121c068b41..66f7fe81a8 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 58c735b3a8..3f4e06ee49 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 30b62b02c9..ccbb1433ae 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 7d0f32da3a..1012684c62 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 7704262d1d..5d53122d55 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 8557b2c8a6..912ccaacbe 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 0ce9bbc73a..1218787e55 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 95dd5aa3b4..5436e4673a 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 803b60636a..e112ff9128 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 c549ddb29b..40ef31c118 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 8b525b0f51..a04b24dcd4 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 2a374b9153..5c161f8b05 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 867f6571b5..e1f2661907 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 7c5d9d67d3..7480d35471 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 00504c00e2..78f3548782 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 32c191eb4d..3eb9cdef64 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 96bf43bf17..af70dea5f2 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 920400ff4d..923b3d6564 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 bcea37e76b..3aa84f083f 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 854a9bf5e9..b374a1c0ab 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 743fb675d5..2f8a02a4b2 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 482d2c6b38..4cc278a7ce 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 b80a47d2df..3f1d8e35c0 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 86ce705c23..e616318d53 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 449ba805cd..e3bb72f497 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 683bd122a5..981446caf3 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 2b2379feb9..8075d4c1c3 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 189a8ee93c..efd8c67afb 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 41a4347879..19a61f131e 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 6df11f2435..319de57b44 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 998aeb1f26..c26c74fcef 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 1e336b62a5..fcc896c694 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 68259c3cfc..df67df53f2 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 1833e34643..c08a821fb0 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 b0b4ad107a..f6688c9ac6 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 e29bc5ec2c..58f32662f6 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 a19ca027a5..de3292cc2c 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 aff43a8305..32110d1855 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 9e4a42480a..8a6a28d100 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 ba26d7db4c..d3b9a4cf24 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 ecb9474a69..e61913135c 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 26b7119c7c..feb9772df5 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 0353655c15..6a51e71732 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 f0c8ea98ec..91cc083d38 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 73b35be022..2cdbbe42e8 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 1150dd7bbf..60b8b26c66 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 61ec26ce3c..ca09ce686e 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 c5d243c3ae..87e0fef983 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 24e379aa4c..57ceda4f05 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 f0164571bf..49eb363a38 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 26b7119c7c..feb9772df5 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 0353655c15..6a51e71732 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 f0c8ea98ec..91cc083d38 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 4f799fdfdc..df5b9fbec9 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 bbe37ae176..5802a7ee53 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 1044c99d07..f0ecfd908f 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 bdb92b61a1..0ebcad066c 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 d1bf812f1e..73b8618969 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 389802f8ef..196f008523 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 d5f0e2e0ba..6382a5b27e 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 f44d119de9..44ac4a3542 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 06c9aa5187..2c71c829b9 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 e3602eaab2..1087667a5e 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 31ce2afd45..cbd8bf099c 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 6f3f68f1ae..c2a1f1ed8d 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 d7c0c23331..bb4bca2d52 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 4da8594637..a2c47ce52e 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 2cb8643c10..be501ee0b2 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 0f11bf6374..285c86be95 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 b6f9b12413..ffd50838a0 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 9dfc62264c..a5796821cd 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 39a8a60c14..f753955845 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 ccf1a15500..aab439c518 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 0fb9a9c670..cc3f793b99 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 447b5d3558..efab3d3aaf 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 39b4ab082a..66bd2a998a 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 407b028aaf..c965e08695 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 57fa59f23f..4c8a0b8a16 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 dfd4ff699b..1f19013ca6 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 f627963464..f8b32a5cdd 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 2bee650245..952c4a7d15 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 4729f8199e..c424abd720 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 a993b2c97f..48b443029f 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 72e1a19125..21c0343f04 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 1ffbd9ecc7..b78c67efcd 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 63d32f8a09..a408c4c240 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 774749fcc0..f18b5a944e 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 18f970a12a..d101337784 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 1b86a2b5db..d3f7b22e27 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 26034da0c1..52b6cefadd 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 fe3c8449ce..f72f28998d 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 a4c09af8ab..2e00430ae3 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 9cbd6869bb..66f50cf47d 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 5c1aca878b..ba94d7bc50 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 78610eda1e..bec761ea62 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 d20f9e029a..7ba73e882e 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 9cbd6869bb..66f50cf47d 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 5c1aca878b..ba94d7bc50 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 78610eda1e..bec761ea62 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 5e027ab1c5..456bfb2f0e 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 fa2bad0156..c48e1d7cac 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 e6c37a95a1..91eb9c0f04 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 cb30e653b2..9883765f43 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 b5a65a0d2d..7401ec4d5b 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 3e8c0b9cdf..e36ce3efeb 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 87d0f52f7b..aff9a0f2e4 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 a1ed542b7a..632b83ac45 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 cb30e653b2..9883765f43 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 b5a65a0d2d..7401ec4d5b 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 3e8c0b9cdf..e36ce3efeb 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 0f44ab4775..f7f6097bd6 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 b493bc89d9..7cc07c9bd9 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 840976c10b..d9d7455f7c 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 b762ee2ef9..98ae027696 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 4721d3b341..35683b2772 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 7b3f702e2c..d5b9e79428 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 713cd208b7..3e4c35483f 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 8bee4a347f..2abbd84d01 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 fcd8b09997..7b325e7001 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 eb0cff741a..35b600aa51 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 541ef91fee..bf1c8e9487 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 7debc61f2d..a0244f9280 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 f4d6e332ba..10db59edea 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 9855a1a63b..2345eb1e8e 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 0d1dd66e07..3238ad30d6 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 e011cfd8e4..d8b0b1be5f 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 6f9c17e886..4658befce7 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 6cf45a2b1c..1d9f26f939 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 c0a63e623c..2a7de98660 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 87d0ab1c77..a0c5c4ad75 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 2a91c927f3..19a1994cf3 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 5661741c8c..51e024b791 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 73b0a549c7..3337b5f3f8 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 1a7bf79dac..24ed51ce32 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 bca8ac9cd4..f0237784e2 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 39221bd24a..15cc4151ca 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 b4bfd4b1c5..d89b21f146 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 5a696ccb3e..982df14d2d 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 635c427bc4..f09842ae05 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 7632f97b03..5cd393da5f 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 c015ed0f57..163cd74682 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 6de819368c..d04eb3cda2 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 8a78dbe853..6ad118c084 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 2e7a4860ff..92d4d81a06 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 4a16c59cc6..207cfc3689 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 fe315a1bce..3b8697b196 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 21cf1600fc..ea08431df0 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 6f02f79791..1bdf0306ba 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 1e7df56a8b..2363e1bc0d 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 fdadcce116..6ca62bdd10 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 e8ae37408b..72ae83f87c 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 8142f77c11..c4e13cf4ad 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 54b5dcd659..87b1455219 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 fde8ea0f00..4655b303eb 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 2c767431ff..2ad1839589 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 9bfcd71d0d..42913e876f 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 d9d3ab20bb..c8140c39a1 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 4dd853f838..7363f7e975 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 f965ca56f3..b7002e6a01 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 a0fcd70943..86a7b32ab7 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 c16fb99d94..ac24b27ff9 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 07292af0c9..ea2820cb71 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 1a5ddae0f8..183ad49255 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 d752f80566..25f088ae04 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 8c3761af79..1bf92fb575 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 ce8f0fddd9..e6b513d917 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 163ae8355f..e719be155a 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 a4c40dfd08..14ef345630 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 4cb845e0a0..b27ac9d472 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 50e5de3f31..f56ed6928b 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 53e377e2eb..e61e513512 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 e880de8b9c..5dbf0d9b4f 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 d5e25bd231..48f3b106d2 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 6367193719..b751c18f07 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 b00779bd49..9cb0f31768 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 dcf9d346da..b3d4d0124b 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 a5acd5db6a..5393a1e318 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 9136523f55..cb4ad0cff5 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 6aebe4972b..e758665cd9 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 726f7ca33d..2c17084be8 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 f2d776d044..3d380e0558 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 24556a5889..a271917395 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 0fcd3628ab..b10d675a49 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 56969878ee..e84da3bbef 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 a7b286accd..b1fe1685dc 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 c077219fda..b09411bf2b 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 8e3ea9c3f1..737c087649 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 c1294cb2bc..111784067b 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 8e645f1281..deb67886d3 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 9edde69436..65c3f85e11 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 d671fe37da..e9a6d65c93 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 6b7504b529..a8dc722943 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 dc5de01469..3385990c16 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 381030d4c3..cfa4e1443d 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 2114ec6c28..7cfaefeeac 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 e3cd427469..1aba91904f 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 104f336bcd..1e8f8cd373 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 90e3cf290e..e1d21c049b 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 2f375a2d0f..0b1b531839 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 e1d3433588..c1336bcfaa 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 d3ae6538e0..a9f9b299ee 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 c490be182e..fac70f51ac 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 358871b2f0..12a8e46080 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 965ba1a0d6..f03b570eff 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 55b34ab1cc..7cc6f5b5ae 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 3f51c2caa6..442995f7f1 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 d93ef08c31..a702fb84e5 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 9f4b1c22d9..285454d20d 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 5c78811872..caa3140ba8 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 585d7411fd..3a3302cc96 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 32236156d2..e5a8a49482 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 ad644ce13a..8fe3c427fe 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 e45b306f27..241250fee5 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 3b5a73dc7e..e3d9e64a73 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 e5f90c870c..f313e556d5 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 ebc2ae2858..0d591d6d83 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 5863b119b5..d9a4a3debd 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 097bb36dff..11a6401272 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 827f21d97e..a97cb04a89 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 c91b7cfa18..83518fb1f7 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 cbddcd39c7..e06525b7a1 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 17ef1c0a83..f7f079362d 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 277d229c1e..ef12ffcc63 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 a7cdfff27c..fbdf08442b 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 7149488913..4ad457bb0a 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 48ab19f073..f24a885323 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 47b20bbe85..6eb3e0d2b5 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 74934869e0..7bc076a20d 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 4aba9999d7..a1253d9355 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 dc239bb06b..303b43b595 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 d3ea351dd9..6961244376 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 2868c197b6..26419a019d 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 a286b224a5..baee190f0c 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 a71ece23e2..c01630f5f6 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 b3669b2e6e..08b3989807 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 b7d0d826a5..fd3a0bb3da 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 3918ea3f6d..147e9c241a 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 7662685bfe..0000000000 --- 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 8ce38c17fd..0000000000 --- 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 3207fb77c7..0000000000 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 659e5531f0..0000000000 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 53b7a5ce4d..0000000000 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 633b9d0972..0000000000 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 d9f1ee5998..0000000000 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 166b4da9b6..0000000000 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 f641e18ba6..0000000000 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 e9d7ddfee7..0000000000 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 bff3adf366..0000000000 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 7ceec618f9..0000000000 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 c0cc835bb1..0000000000 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 a49051e4b8..0000000000 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 d956b7193f..0000000000 --- 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 2904bbcb35..0000000000 --- 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 8e3e26ee8a..0000000000 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 cdfb789ae2..0000000000 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 dd4febbf39..0000000000 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 261372cccd..77f965758a 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 54b9db180a..0000000000 --- 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 11539b58df..6fc027105c 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,136 +363,8 @@ $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); -$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-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-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); -$ion-semantics-primary-400-rgb: var(--token-semantics-primary-400-rgb, 181, 192, 247); -$ion-semantics-primary-500: var(--token-semantics-primary-500, $ion-primitives-blue-500); -$ion-semantics-primary-500-rgb: var(--token-semantics-primary-500-rgb, 148, 165, 244); -$ion-semantics-primary-600: var(--token-semantics-primary-600, $ion-primitives-blue-600); -$ion-semantics-primary-600-rgb: var(--token-semantics-primary-600-rgb, 105, 134, 242); -$ion-semantics-primary-700: var(--token-semantics-primary-700, $ion-primitives-blue-700); -$ion-semantics-primary-700-rgb: var(--token-semantics-primary-700-rgb, 16, 92, 239); -$ion-semantics-primary-800: var(--token-semantics-primary-800, $ion-primitives-blue-800); -$ion-semantics-primary-800-rgb: var(--token-semantics-primary-800-rgb, 15, 84, 218); -$ion-semantics-primary-900: var(--token-semantics-primary-900, $ion-primitives-blue-900); -$ion-semantics-primary-900-rgb: var(--token-semantics-primary-900-rgb, 13, 75, 195); -$ion-semantics-primary-1000: var(--token-semantics-primary-1000, $ion-primitives-blue-1000); -$ion-semantics-primary-1000-rgb: var(--token-semantics-primary-1000-rgb, 11, 65, 169); -$ion-semantics-primary-1100: var(--token-semantics-primary-1100, $ion-primitives-blue-1100); -$ion-semantics-primary-1100-rgb: var(--token-semantics-primary-1100-rgb, 9, 53, 138); -$ion-semantics-primary-1200: var(--token-semantics-primary-1200, $ion-primitives-blue-1200); -$ion-semantics-primary-1200-rgb: var(--token-semantics-primary-1200-rgb, 7, 37, 97); -$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-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-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); -$ion-semantics-info-400-rgb: var(--token-semantics-info-400-rgb, 181, 192, 247); -$ion-semantics-info-500: var(--token-semantics-info-500, $ion-primitives-blue-500); -$ion-semantics-info-500-rgb: var(--token-semantics-info-500-rgb, 148, 165, 244); -$ion-semantics-info-600: var(--token-semantics-info-600, $ion-primitives-blue-600); -$ion-semantics-info-600-rgb: var(--token-semantics-info-600-rgb, 105, 134, 242); -$ion-semantics-info-700: var(--token-semantics-info-700, $ion-primitives-blue-700); -$ion-semantics-info-700-rgb: var(--token-semantics-info-700-rgb, 16, 92, 239); -$ion-semantics-info-800: var(--token-semantics-info-800, $ion-primitives-blue-800); -$ion-semantics-info-800-rgb: var(--token-semantics-info-800-rgb, 15, 84, 218); -$ion-semantics-info-900: var(--token-semantics-info-900, $ion-primitives-blue-900); -$ion-semantics-info-900-rgb: var(--token-semantics-info-900-rgb, 13, 75, 195); -$ion-semantics-info-1000: var(--token-semantics-info-1000, $ion-primitives-blue-1000); -$ion-semantics-info-1000-rgb: var(--token-semantics-info-1000-rgb, 11, 65, 169); -$ion-semantics-info-1100: var(--token-semantics-info-1100, $ion-primitives-blue-1100); -$ion-semantics-info-1100-rgb: var(--token-semantics-info-1100-rgb, 9, 53, 138); -$ion-semantics-info-1200: var(--token-semantics-info-1200, $ion-primitives-blue-1200); -$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-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-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); -$ion-semantics-success-400-rgb: var(--token-semantics-success-400-rgb, 127, 224, 137); -$ion-semantics-success-500: var(--token-semantics-success-500, $ion-primitives-green-500); -$ion-semantics-success-500-rgb: var(--token-semantics-success-500-rgb, 35, 214, 67); -$ion-semantics-success-600: var(--token-semantics-success-600, $ion-primitives-green-600); -$ion-semantics-success-600-rgb: var(--token-semantics-success-600-rgb, 31, 189, 59); -$ion-semantics-success-700: var(--token-semantics-success-700, $ion-primitives-green-700); -$ion-semantics-success-700-rgb: var(--token-semantics-success-700-rgb, 27, 164, 51); -$ion-semantics-success-800: var(--token-semantics-success-800, $ion-primitives-green-800); -$ion-semantics-success-800-rgb: var(--token-semantics-success-800-rgb, 23, 138, 43); -$ion-semantics-success-900: var(--token-semantics-success-900, $ion-primitives-green-900); -$ion-semantics-success-900-rgb: var(--token-semantics-success-900-rgb, 18, 111, 35); -$ion-semantics-success-1000: var(--token-semantics-success-1000, $ion-primitives-green-1000); -$ion-semantics-success-1000-rgb: var(--token-semantics-success-1000-rgb, 14, 83, 26); -$ion-semantics-success-1100: var(--token-semantics-success-1100, $ion-primitives-green-1100); -$ion-semantics-success-1100-rgb: var(--token-semantics-success-1100-rgb, 9, 56, 17); -$ion-semantics-success-1200: var(--token-semantics-success-1200, $ion-primitives-green-1200); -$ion-semantics-success-1200-rgb: var(--token-semantics-success-1200-rgb, 5, 29, 9); -$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-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-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); -$ion-semantics-danger-400-rgb: var(--token-semantics-danger-400-rgb, 250, 161, 161); -$ion-semantics-danger-500: var(--token-semantics-danger-500, $ion-primitives-red-500); -$ion-semantics-danger-500-rgb: var(--token-semantics-danger-500-rgb, 249, 125, 125); -$ion-semantics-danger-600: var(--token-semantics-danger-600, $ion-primitives-red-600); -$ion-semantics-danger-600-rgb: var(--token-semantics-danger-600-rgb, 248, 81, 81); -$ion-semantics-danger-700: var(--token-semantics-danger-700, $ion-primitives-red-700); -$ion-semantics-danger-700-rgb: var(--token-semantics-danger-700-rgb, 229, 41, 41); -$ion-semantics-danger-800: var(--token-semantics-danger-800, $ion-primitives-red-800); -$ion-semantics-danger-800-rgb: var(--token-semantics-danger-800-rgb, 191, 34, 34); -$ion-semantics-danger-900: var(--token-semantics-danger-900, $ion-primitives-red-900); -$ion-semantics-danger-900-rgb: var(--token-semantics-danger-900-rgb, 153, 27, 27); -$ion-semantics-danger-1000: var(--token-semantics-danger-1000, $ion-primitives-red-1000); -$ion-semantics-danger-1000-rgb: var(--token-semantics-danger-1000-rgb, 118, 21, 21); -$ion-semantics-danger-1100: var(--token-semantics-danger-1100, $ion-primitives-red-1100); -$ion-semantics-danger-1100-rgb: var(--token-semantics-danger-1100-rgb, 84, 15, 15); -$ion-semantics-danger-1200: var(--token-semantics-danger-1200, $ion-primitives-red-1200); -$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-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-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); -$ion-semantics-warning-400-rgb: var(--token-semantics-warning-400-rgb, 255, 224, 123); -$ion-semantics-warning-500: var(--token-semantics-warning-500, $ion-primitives-yellow-500); -$ion-semantics-warning-500-rgb: var(--token-semantics-warning-500-rgb, 255, 214, 0); -$ion-semantics-warning-600: var(--token-semantics-warning-600, $ion-primitives-yellow-600); -$ion-semantics-warning-600-rgb: var(--token-semantics-warning-600-rgb, 249, 189, 10); -$ion-semantics-warning-700: var(--token-semantics-warning-700, $ion-primitives-yellow-700); -$ion-semantics-warning-700-rgb: var(--token-semantics-warning-700-rgb, 223, 156, 0); -$ion-semantics-warning-800: var(--token-semantics-warning-800, $ion-primitives-yellow-800); -$ion-semantics-warning-800-rgb: var(--token-semantics-warning-800-rgb, 186, 130, 0); -$ion-semantics-warning-900: var(--token-semantics-warning-900, $ion-primitives-yellow-900); -$ion-semantics-warning-900-rgb: var(--token-semantics-warning-900-rgb, 150, 101, 3); -$ion-semantics-warning-1000: var(--token-semantics-warning-1000, $ion-primitives-yellow-1000); -$ion-semantics-warning-1000-rgb: var(--token-semantics-warning-1000-rgb, 112, 75, 2); -$ion-semantics-warning-1100: var(--token-semantics-warning-1100, $ion-primitives-yellow-1100); -$ion-semantics-warning-1100-rgb: var(--token-semantics-warning-1100-rgb, 83, 56, 2); -$ion-semantics-warning-1200: var(--token-semantics-warning-1200, $ion-primitives-yellow-1200); -$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); + +// 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); @@ -527,221 +397,140 @@ $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); -$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-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); -$ion-bg-danger-base-default-rgb: var(--token-bg-danger-base-default-rgb, 191, 34, 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-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); -$ion-bg-success-base-default-rgb: var(--token-bg-success-base-default-rgb, 18, 111, 35); -$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-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); -$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-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); -$ion-bg-warning-base-default-rgb: var(--token-bg-warning-base-default-rgb, 255, 214, 0); -$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-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-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); -$ion-bg-neutral-base-default-rgb: var(--token-bg-neutral-base-default-rgb, 162, 162, 162); -$ion-bg-neutral-base-press: var(--token-bg-neutral-base-press, $ion-primitives-neutral-700); -$ion-bg-neutral-base-press-rgb: var(--token-bg-neutral-base-press-rgb, 119, 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-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); -$ion-bg-neutral-bold-press-rgb: var(--token-bg-neutral-bold-press-rgb, 36, 36, 36); -$ion-bg-neutral-boldest-default: var(--token-bg-neutral-boldest-default, $ion-primitives-neutral-1200); -$ion-bg-neutral-boldest-default-rgb: var(--token-bg-neutral-boldest-default-rgb, 36, 36, 36); -$ion-bg-neutral-boldest-press: var(--token-bg-neutral-boldest-press, $ion-primitives-base-black); -$ion-bg-neutral-boldest-press-rgb: var(--token-bg-neutral-boldest-press-rgb, 17, 17, 17); -$ion-bg-surface-default: var(--token-bg-surface-default, $ion-primitives-base-white); -$ion-bg-surface-default-rgb: var(--token-bg-surface-default-rgb, 255, 255, 255); -$ion-bg-surface-inverse: var(--token-bg-surface-inverse, $ion-primitives-base-white); -$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-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-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-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-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); -$ion-bg-input-bold-read-only-rgb: var(--token-bg-input-bold-read-only-rgb, 224, 224, 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-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); -$ion-bg-extended-pumpkin-base-default-rgb: var(--token-bg-extended-pumpkin-base-default-rgb, 189, 71, 5); -$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-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); -$ion-bg-extended-orange-base-default-rgb: var(--token-bg-extended-orange-base-default-rgb, 164, 95, 0); -$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-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); -$ion-bg-extended-lime-base-default-rgb: var(--token-bg-extended-lime-base-default-rgb, 83, 115, 12); -$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-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); -$ion-bg-extended-teal-base-default-rgb: var(--token-bg-extended-teal-base-default-rgb, 0, 133, 118); -$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-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); -$ion-bg-extended-aqua-base-default-rgb: var(--token-bg-extended-aqua-base-default-rgb, 20, 109, 129); -$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-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); -$ion-bg-extended-indigo-base-default-rgb: var(--token-bg-extended-indigo-base-default-rgb, 65, 27, 213); -$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-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); -$ion-bg-extended-violet-base-default-rgb: var(--token-bg-extended-violet-base-default-rgb, 124, 32, 242); -$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-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); -$ion-bg-extended-purple-base-default-rgb: var(--token-bg-extended-purple-base-default-rgb, 167, 55, 220); -$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-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); -$ion-bg-extended-magenta-base-default-rgb: var(--token-bg-extended-magenta-base-default-rgb, 193, 60, 172); -$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-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); -$ion-bg-extended-pink-base-default-rgb: var(--token-bg-extended-pink-base-default-rgb, 197, 48, 102); -$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-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); + +// 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, 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, 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); +$ion-semantics-primary-400-rgb: var(--token-semantics-primary-400-rgb, 181, 192, 247); +$ion-semantics-primary-500: var(--token-semantics-primary-500, $ion-primitives-blue-500); +$ion-semantics-primary-500-rgb: var(--token-semantics-primary-500-rgb, 148, 165, 244); +$ion-semantics-primary-600: var(--token-semantics-primary-600, $ion-primitives-blue-600); +$ion-semantics-primary-600-rgb: var(--token-semantics-primary-600-rgb, 105, 134, 242); +$ion-semantics-primary-700: var(--token-semantics-primary-700, $ion-primitives-blue-700); +$ion-semantics-primary-700-rgb: var(--token-semantics-primary-700-rgb, 16, 92, 239); +$ion-semantics-primary-800: var(--token-semantics-primary-800, $ion-primitives-blue-800); +$ion-semantics-primary-800-rgb: var(--token-semantics-primary-800-rgb, 15, 84, 218); +$ion-semantics-primary-900: var(--token-semantics-primary-900, $ion-primitives-blue-900); +$ion-semantics-primary-900-rgb: var(--token-semantics-primary-900-rgb, 13, 75, 195); +$ion-semantics-primary-1000: var(--token-semantics-primary-1000, $ion-primitives-blue-1000); +$ion-semantics-primary-1000-rgb: var(--token-semantics-primary-1000-rgb, 11, 65, 169); +$ion-semantics-primary-1100: var(--token-semantics-primary-1100, $ion-primitives-blue-1100); +$ion-semantics-primary-1100-rgb: var(--token-semantics-primary-1100-rgb, 9, 53, 138); +$ion-semantics-primary-1200: var(--token-semantics-primary-1200, $ion-primitives-blue-1200); +$ion-semantics-primary-1200-rgb: var(--token-semantics-primary-1200-rgb, 7, 37, 97); +$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, 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, 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); +$ion-semantics-info-400-rgb: var(--token-semantics-info-400-rgb, 181, 192, 247); +$ion-semantics-info-500: var(--token-semantics-info-500, $ion-primitives-blue-500); +$ion-semantics-info-500-rgb: var(--token-semantics-info-500-rgb, 148, 165, 244); +$ion-semantics-info-600: var(--token-semantics-info-600, $ion-primitives-blue-600); +$ion-semantics-info-600-rgb: var(--token-semantics-info-600-rgb, 105, 134, 242); +$ion-semantics-info-700: var(--token-semantics-info-700, $ion-primitives-blue-700); +$ion-semantics-info-700-rgb: var(--token-semantics-info-700-rgb, 16, 92, 239); +$ion-semantics-info-800: var(--token-semantics-info-800, $ion-primitives-blue-800); +$ion-semantics-info-800-rgb: var(--token-semantics-info-800-rgb, 15, 84, 218); +$ion-semantics-info-900: var(--token-semantics-info-900, $ion-primitives-blue-900); +$ion-semantics-info-900-rgb: var(--token-semantics-info-900-rgb, 13, 75, 195); +$ion-semantics-info-1000: var(--token-semantics-info-1000, $ion-primitives-blue-1000); +$ion-semantics-info-1000-rgb: var(--token-semantics-info-1000-rgb, 11, 65, 169); +$ion-semantics-info-1100: var(--token-semantics-info-1100, $ion-primitives-blue-1100); +$ion-semantics-info-1100-rgb: var(--token-semantics-info-1100-rgb, 9, 53, 138); +$ion-semantics-info-1200: var(--token-semantics-info-1200, $ion-primitives-blue-1200); +$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, 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, 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); +$ion-semantics-success-400-rgb: var(--token-semantics-success-400-rgb, 127, 224, 137); +$ion-semantics-success-500: var(--token-semantics-success-500, $ion-primitives-green-500); +$ion-semantics-success-500-rgb: var(--token-semantics-success-500-rgb, 35, 214, 67); +$ion-semantics-success-600: var(--token-semantics-success-600, $ion-primitives-green-600); +$ion-semantics-success-600-rgb: var(--token-semantics-success-600-rgb, 31, 189, 59); +$ion-semantics-success-700: var(--token-semantics-success-700, $ion-primitives-green-700); +$ion-semantics-success-700-rgb: var(--token-semantics-success-700-rgb, 27, 164, 51); +$ion-semantics-success-800: var(--token-semantics-success-800, $ion-primitives-green-800); +$ion-semantics-success-800-rgb: var(--token-semantics-success-800-rgb, 23, 138, 43); +$ion-semantics-success-900: var(--token-semantics-success-900, $ion-primitives-green-900); +$ion-semantics-success-900-rgb: var(--token-semantics-success-900-rgb, 18, 111, 35); +$ion-semantics-success-1000: var(--token-semantics-success-1000, $ion-primitives-green-1000); +$ion-semantics-success-1000-rgb: var(--token-semantics-success-1000-rgb, 14, 83, 26); +$ion-semantics-success-1100: var(--token-semantics-success-1100, $ion-primitives-green-1100); +$ion-semantics-success-1100-rgb: var(--token-semantics-success-1100-rgb, 9, 56, 17); +$ion-semantics-success-1200: var(--token-semantics-success-1200, $ion-primitives-green-1200); +$ion-semantics-success-1200-rgb: var(--token-semantics-success-1200-rgb, 5, 29, 9); +$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, 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, 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); +$ion-semantics-danger-400-rgb: var(--token-semantics-danger-400-rgb, 250, 161, 161); +$ion-semantics-danger-500: var(--token-semantics-danger-500, $ion-primitives-red-500); +$ion-semantics-danger-500-rgb: var(--token-semantics-danger-500-rgb, 249, 125, 125); +$ion-semantics-danger-600: var(--token-semantics-danger-600, $ion-primitives-red-600); +$ion-semantics-danger-600-rgb: var(--token-semantics-danger-600-rgb, 248, 81, 81); +$ion-semantics-danger-700: var(--token-semantics-danger-700, $ion-primitives-red-700); +$ion-semantics-danger-700-rgb: var(--token-semantics-danger-700-rgb, 229, 41, 41); +$ion-semantics-danger-800: var(--token-semantics-danger-800, $ion-primitives-red-800); +$ion-semantics-danger-800-rgb: var(--token-semantics-danger-800-rgb, 191, 34, 34); +$ion-semantics-danger-900: var(--token-semantics-danger-900, $ion-primitives-red-900); +$ion-semantics-danger-900-rgb: var(--token-semantics-danger-900-rgb, 153, 27, 27); +$ion-semantics-danger-1000: var(--token-semantics-danger-1000, $ion-primitives-red-1000); +$ion-semantics-danger-1000-rgb: var(--token-semantics-danger-1000-rgb, 118, 21, 21); +$ion-semantics-danger-1100: var(--token-semantics-danger-1100, $ion-primitives-red-1100); +$ion-semantics-danger-1100-rgb: var(--token-semantics-danger-1100-rgb, 84, 15, 15); +$ion-semantics-danger-1200: var(--token-semantics-danger-1200, $ion-primitives-red-1200); +$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, 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, 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); +$ion-semantics-warning-400-rgb: var(--token-semantics-warning-400-rgb, 255, 224, 123); +$ion-semantics-warning-500: var(--token-semantics-warning-500, $ion-primitives-yellow-500); +$ion-semantics-warning-500-rgb: var(--token-semantics-warning-500-rgb, 255, 214, 0); +$ion-semantics-warning-600: var(--token-semantics-warning-600, $ion-primitives-yellow-600); +$ion-semantics-warning-600-rgb: var(--token-semantics-warning-600-rgb, 249, 189, 10); +$ion-semantics-warning-700: var(--token-semantics-warning-700, $ion-primitives-yellow-700); +$ion-semantics-warning-700-rgb: var(--token-semantics-warning-700-rgb, 223, 156, 0); +$ion-semantics-warning-800: var(--token-semantics-warning-800, $ion-primitives-yellow-800); +$ion-semantics-warning-800-rgb: var(--token-semantics-warning-800-rgb, 186, 130, 0); +$ion-semantics-warning-900: var(--token-semantics-warning-900, $ion-primitives-yellow-900); +$ion-semantics-warning-900-rgb: var(--token-semantics-warning-900-rgb, 150, 101, 3); +$ion-semantics-warning-1000: var(--token-semantics-warning-1000, $ion-primitives-yellow-1000); +$ion-semantics-warning-1000-rgb: var(--token-semantics-warning-1000-rgb, 112, 75, 2); +$ion-semantics-warning-1100: var(--token-semantics-warning-1100, $ion-primitives-yellow-1100); +$ion-semantics-warning-1100-rgb: var(--token-semantics-warning-1100-rgb, 83, 56, 2); +$ion-semantics-warning-1200: var(--token-semantics-warning-1200, $ion-primitives-yellow-1200); +$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); + +// 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); @@ -760,12 +549,12 @@ $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-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); @@ -790,6 +579,176 @@ $ion-text-extended-magenta: var(--token-text-extended-magenta, $ion-primitives-m $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, 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); +$ion-bg-danger-base-default-rgb: var(--token-bg-danger-base-default-rgb, 191, 34, 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, 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); +$ion-bg-success-base-default-rgb: var(--token-bg-success-base-default-rgb, 18, 111, 35); +$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, 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); +$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, 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); +$ion-bg-warning-base-default-rgb: var(--token-bg-warning-base-default-rgb, 255, 214, 0); +$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, 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, 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); +$ion-bg-neutral-base-default-rgb: var(--token-bg-neutral-base-default-rgb, 162, 162, 162); +$ion-bg-neutral-base-press: var(--token-bg-neutral-base-press, $ion-primitives-neutral-700); +$ion-bg-neutral-base-press-rgb: var(--token-bg-neutral-base-press-rgb, 119, 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, 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); +$ion-bg-neutral-bold-press-rgb: var(--token-bg-neutral-bold-press-rgb, 36, 36, 36); +$ion-bg-neutral-boldest-default: var(--token-bg-neutral-boldest-default, $ion-primitives-neutral-1200); +$ion-bg-neutral-boldest-default-rgb: var(--token-bg-neutral-boldest-default-rgb, 36, 36, 36); +$ion-bg-neutral-boldest-press: var(--token-bg-neutral-boldest-press, $ion-primitives-base-black); +$ion-bg-neutral-boldest-press-rgb: var(--token-bg-neutral-boldest-press-rgb, 17, 17, 17); +$ion-bg-surface-default: var(--token-bg-surface-default, $ion-primitives-base-white); +$ion-bg-surface-default-rgb: var(--token-bg-surface-default-rgb, 255, 255, 255); +$ion-bg-surface-inverse: var(--token-bg-surface-inverse, $ion-primitives-base-white); +$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, 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, 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, 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, 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); +$ion-bg-input-bold-read-only-rgb: var(--token-bg-input-bold-read-only-rgb, 224, 224, 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, 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); +$ion-bg-extended-pumpkin-base-default-rgb: var(--token-bg-extended-pumpkin-base-default-rgb, 189, 71, 5); +$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, 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); +$ion-bg-extended-orange-base-default-rgb: var(--token-bg-extended-orange-base-default-rgb, 164, 95, 0); +$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, 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); +$ion-bg-extended-lime-base-default-rgb: var(--token-bg-extended-lime-base-default-rgb, 83, 115, 12); +$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, 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); +$ion-bg-extended-teal-base-default-rgb: var(--token-bg-extended-teal-base-default-rgb, 0, 133, 118); +$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, 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); +$ion-bg-extended-aqua-base-default-rgb: var(--token-bg-extended-aqua-base-default-rgb, 20, 109, 129); +$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, 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); +$ion-bg-extended-indigo-base-default-rgb: var(--token-bg-extended-indigo-base-default-rgb, 65, 27, 213); +$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, 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); +$ion-bg-extended-violet-base-default-rgb: var(--token-bg-extended-violet-base-default-rgb, 124, 32, 242); +$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, 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); +$ion-bg-extended-purple-base-default-rgb: var(--token-bg-extended-purple-base-default-rgb, 167, 55, 220); +$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, 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); +$ion-bg-extended-magenta-base-default-rgb: var(--token-bg-extended-magenta-base-default-rgb, 193, 60, 172); +$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, 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); +$ion-bg-extended-pink-base-default-rgb: var(--token-bg-extended-pink-base-default-rgb, 197, 48, 102); +$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, 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); + +// 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 57b91cd33a..04bc324941 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' ? ` + ` : `