diff --git a/.yarn/cache/@tef-novum-webview-bridge-npm-3.27.0-c4c0055150-acbbb406bc.zip b/.yarn/cache/@tef-novum-webview-bridge-npm-3.27.0-c4c0055150-acbbb406bc.zip deleted file mode 100644 index a830b9d50c..0000000000 Binary files a/.yarn/cache/@tef-novum-webview-bridge-npm-3.27.0-c4c0055150-acbbb406bc.zip and /dev/null differ diff --git a/.yarn/cache/@tef-novum-webview-bridge-npm-3.39.0-84e5fb1c44-a4edadce1f.zip b/.yarn/cache/@tef-novum-webview-bridge-npm-3.39.0-84e5fb1c44-a4edadce1f.zip new file mode 100644 index 0000000000..1bd4aeaa87 Binary files /dev/null and b/.yarn/cache/@tef-novum-webview-bridge-npm-3.39.0-84e5fb1c44-a4edadce1f.zip differ diff --git a/CHANGELOG.md b/CHANGELOG.md index ff5a374381..870921fcd6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,10 @@ +## [15.20.1](https://github.com/Telefonica/mistica-web/compare/v15.20.0...v15.20.1) (2024-09-12) + + +### Bug Fixes + +* **confirm:** make destructive mode work with webview bridge ([#1237](https://github.com/Telefonica/mistica-web/issues/1237)) ([0dc1787](https://github.com/Telefonica/mistica-web/commit/0dc1787d627fd3cf370769366719d87cdf03d3e9)) + # [15.20.0](https://github.com/Telefonica/mistica-web/compare/v15.19.0...v15.20.0) (2024-09-06) diff --git a/css/blau.css b/css/blau.css index 16ee21aa4a..e54d1f25f7 100644 --- a/css/blau.css +++ b/css/blau.css @@ -228,9 +228,10 @@ --mistica-font-weight-tabsLabel: 500; --mistica-font-weight-link: 500; --mistica-font-weight-title1: 500; - --mistica-font-size-title2: 1.25rem; - --mistica-line-height-title2: 1.5rem; --mistica-font-weight-title2: 300; + --mistica-font-size-title3: 1.25rem; + --mistica-line-height-title3: 1.5rem; + --mistica-font-weight-title3: 300; --mistica-font-weight-indicator: 500; --mistica-font-weight-navigationBar: 500; } @@ -683,7 +684,7 @@ --mistica-font-size-tabsLabel: 1.125rem; --mistica-line-height-tabsLabel: 1.5rem; - --mistica-font-size-title2: 1.75rem; - --mistica-line-height-title2: 2rem; + --mistica-font-size-title3: 1.75rem; + --mistica-line-height-title3: 2rem; } } diff --git a/css/mistica-common.css b/css/mistica-common.css index 3333a4f6f1..142600498d 100644 --- a/css/mistica-common.css +++ b/css/mistica-common.css @@ -85,6 +85,11 @@ line-height: var(--mistica-line-height-title2); font-weight: var(--mistica-font-weight-title2); } +.mistica-text-title3 { + font-size: var(--mistica-font-size-title3); + line-height: var(--mistica-line-height-title3); + font-weight: var(--mistica-font-weight-title3); +} .mistica-text-indicator { font-size: var(--mistica-font-size-indicator); line-height: var(--mistica-line-height-indicator); diff --git a/css/movistar.css b/css/movistar.css index 88ee45be18..a7a6a6e1f8 100644 --- a/css/movistar.css +++ b/css/movistar.css @@ -242,9 +242,10 @@ --mistica-font-weight-tabsLabel: 500; --mistica-font-weight-link: 500; --mistica-font-weight-title1: 500; - --mistica-font-size-title2: 1.25rem; - --mistica-line-height-title2: 1.5rem; --mistica-font-weight-title2: 700; + --mistica-font-size-title3: 1.25rem; + --mistica-line-height-title3: 1.5rem; + --mistica-font-weight-title3: 700; --mistica-font-weight-indicator: 500; --mistica-font-weight-navigationBar: 500; } @@ -700,7 +701,7 @@ --mistica-font-size-tabsLabel: 1.125rem; --mistica-line-height-tabsLabel: 1.5rem; - --mistica-font-size-title2: 1.75rem; - --mistica-line-height-title2: 2rem; + --mistica-font-size-title3: 1.75rem; + --mistica-line-height-title3: 2rem; } } diff --git a/css/o2-new.css b/css/o2-new.css index b7a17f77e0..560e857606 100644 --- a/css/o2-new.css +++ b/css/o2-new.css @@ -242,9 +242,10 @@ --mistica-font-weight-tabsLabel: 500; --mistica-font-weight-link: 500; --mistica-font-weight-title1: 500; - --mistica-font-size-title2: 1.25rem; - --mistica-line-height-title2: 1.5rem; --mistica-font-weight-title2: 700; + --mistica-font-size-title3: 1.25rem; + --mistica-line-height-title3: 1.5rem; + --mistica-font-weight-title3: 700; --mistica-font-weight-indicator: 500; --mistica-font-weight-navigationBar: 500; } @@ -704,7 +705,7 @@ --mistica-font-size-tabsLabel: 1.125rem; --mistica-line-height-tabsLabel: 1.5rem; - --mistica-font-size-title2: 1.75rem; - --mistica-line-height-title2: 2rem; + --mistica-font-size-title3: 1.75rem; + --mistica-line-height-title3: 2rem; } } diff --git a/css/o2.css b/css/o2.css index 6ea27024bf..466d930df4 100644 --- a/css/o2.css +++ b/css/o2.css @@ -228,9 +228,10 @@ --mistica-font-weight-tabsLabel: 500; --mistica-font-weight-link: 500; --mistica-font-weight-title1: 500; - --mistica-font-size-title2: 1.25rem; - --mistica-line-height-title2: 1.5rem; --mistica-font-weight-title2: 300; + --mistica-font-size-title3: 1.25rem; + --mistica-line-height-title3: 1.5rem; + --mistica-font-weight-title3: 300; --mistica-font-weight-indicator: 500; --mistica-font-weight-navigationBar: 500; } @@ -680,7 +681,7 @@ --mistica-font-size-tabsLabel: 1.125rem; --mistica-line-height-tabsLabel: 1.5rem; - --mistica-font-size-title2: 1.75rem; - --mistica-line-height-title2: 2rem; + --mistica-font-size-title3: 1.75rem; + --mistica-line-height-title3: 2rem; } } diff --git a/css/telefonica.css b/css/telefonica.css index 41742ed16c..108c7c8091 100644 --- a/css/telefonica.css +++ b/css/telefonica.css @@ -229,9 +229,10 @@ --mistica-font-weight-tabsLabel: 500; --mistica-font-weight-link: 500; --mistica-font-weight-title1: 500; - --mistica-font-size-title2: 1.25rem; - --mistica-line-height-title2: 1.5rem; --mistica-font-weight-title2: 400; + --mistica-font-size-title3: 1.25rem; + --mistica-line-height-title3: 1.5rem; + --mistica-font-weight-title3: 400; --mistica-font-weight-indicator: 500; --mistica-font-weight-navigationBar: 500; } @@ -696,7 +697,7 @@ --mistica-font-size-tabsLabel: 1.125rem; --mistica-line-height-tabsLabel: 1.5rem; - --mistica-font-size-title2: 1.75rem; - --mistica-line-height-title2: 2rem; + --mistica-font-size-title3: 1.75rem; + --mistica-line-height-title3: 2rem; } } diff --git a/css/tu.css b/css/tu.css index b3698e2787..69e45ec487 100644 --- a/css/tu.css +++ b/css/tu.css @@ -231,9 +231,10 @@ --mistica-font-weight-tabsLabel: 500; --mistica-font-weight-link: 500; --mistica-font-weight-title1: 500; - --mistica-font-size-title2: 1.25rem; - --mistica-line-height-title2: 1.5rem; --mistica-font-weight-title2: 500; + --mistica-font-size-title3: 1.25rem; + --mistica-line-height-title3: 1.5rem; + --mistica-font-weight-title3: 500; --mistica-font-weight-indicator: 500; --mistica-font-weight-navigationBar: 500; } @@ -683,7 +684,7 @@ --mistica-font-size-tabsLabel: 1.125rem; --mistica-line-height-tabsLabel: 1.5rem; - --mistica-font-size-title2: 1.75rem; - --mistica-line-height-title2: 2rem; + --mistica-font-size-title3: 1.75rem; + --mistica-line-height-title3: 2rem; } } diff --git a/css/vivo-new.css b/css/vivo-new.css index d1d788ff38..f234313fad 100644 --- a/css/vivo-new.css +++ b/css/vivo-new.css @@ -223,9 +223,10 @@ --mistica-font-weight-tabsLabel: 400; --mistica-font-weight-link: 400; --mistica-font-weight-title1: 400; - --mistica-font-size-title2: 1.125rem; - --mistica-line-height-title2: 1.5rem; --mistica-font-weight-title2: 400; + --mistica-font-size-title3: 1.125rem; + --mistica-line-height-title3: 1.5rem; + --mistica-font-weight-title3: 400; --mistica-font-weight-indicator: 400; --mistica-font-weight-navigationBar: 400; } @@ -684,7 +685,7 @@ --mistica-font-size-tabsLabel: 1.125rem; --mistica-line-height-tabsLabel: 1.5rem; - --mistica-font-size-title2: 1.25rem; - --mistica-line-height-title2: 1.75rem; + --mistica-font-size-title3: 1.25rem; + --mistica-line-height-title3: 1.75rem; } } diff --git a/css/vivo.css b/css/vivo.css index f274eff422..68d780a612 100644 --- a/css/vivo.css +++ b/css/vivo.css @@ -224,9 +224,10 @@ --mistica-font-weight-tabsLabel: 500; --mistica-font-weight-link: 500; --mistica-font-weight-title1: 500; - --mistica-font-size-title2: 1.25rem; - --mistica-line-height-title2: 1.5rem; --mistica-font-weight-title2: 300; + --mistica-font-size-title3: 1.25rem; + --mistica-line-height-title3: 1.5rem; + --mistica-font-weight-title3: 300; --mistica-font-weight-indicator: 500; --mistica-font-weight-navigationBar: 500; } @@ -676,7 +677,7 @@ --mistica-font-size-tabsLabel: 1.125rem; --mistica-line-height-tabsLabel: 1.5rem; - --mistica-font-size-title2: 1.75rem; - --mistica-line-height-title2: 2rem; + --mistica-font-size-title3: 1.75rem; + --mistica-line-height-title3: 2rem; } } diff --git a/package.json b/package.json index 7d3ec4ca23..315f17f72b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@telefonica/mistica", - "version": "15.20.0", + "version": "15.20.1", "license": "MIT", "repository": { "type": "git", @@ -145,7 +145,7 @@ }, "dependencies": { "@juggle/resize-observer": "^3.3.1", - "@tef-novum/webview-bridge": "^3.27.0", + "@tef-novum/webview-bridge": "^3.39.0", "@telefonica/libphonenumber": "^2.9.0", "@vanilla-extract/css": "^1.15.2", "@vanilla-extract/dynamic": "^2.1.1", diff --git a/playroom/snippets.tsx b/playroom/snippets.tsx index e6c9ceb028..799e8d435c 100644 --- a/playroom/snippets.tsx +++ b/playroom/snippets.tsx @@ -1350,6 +1350,14 @@ const titlesSnippets: Array = [ name: 'Title3 (with link)', code: ' {}} withChevron bleedRight bleedY>Link}>Some title', }, + { + name: 'Title4', + code: 'Some title', + }, + { + name: 'Title4 (with link)', + code: ' {}} withChevron bleedRight bleedY>Link}>Some title', + }, ].map((snippet) => ({...snippet, group: 'Titles'})); const tagSnippets: Array = ['promo', 'active', 'inactive', 'success', 'warning', 'error'].map( @@ -1907,7 +1915,7 @@ const exampleScreens: Array = [ ))} /> - Save money in technology + Save money in technology = [ /> - Save money in technology + Save money in technology { - This is an example of private story + This is an example of private story Private stories are only available in dev and CI builds, not in production. diff --git a/src/__private_stories__/skin-components-story.tsx b/src/__private_stories__/skin-components-story.tsx index e957a3194c..ac0122d5b4 100644 --- a/src/__private_stories__/skin-components-story.tsx +++ b/src/__private_stories__/skin-components-story.tsx @@ -41,6 +41,7 @@ import { Title1, Title2, Title3, + Title4, IconButton, Hero, Table, @@ -328,6 +329,7 @@ export const Default: StoryComponent = ({variant}) => { Title 1 Title 2 Title 3 + Title 4 {/** Tag */} diff --git a/src/__private_stories__/text-preset-vars-story.tsx b/src/__private_stories__/text-preset-vars-story.tsx index cd34500edc..8202d19209 100644 --- a/src/__private_stories__/text-preset-vars-story.tsx +++ b/src/__private_stories__/text-preset-vars-story.tsx @@ -31,12 +31,13 @@ export const Default: StoryComponent = () => { button link title1 + title2 - title2 + title3 indicator { return ( - Tooltip inside a fixed container with overflow hidden + Tooltip inside a fixed container with overflow hidden If the container has fixed position and overflow hidden, the tooltip should be visible and appear next to the target. @@ -66,7 +66,7 @@ export const MovingTarget: StoryComponent = () => { return ( - Tooltip with moving target + Tooltip with moving target The tooltip should follow the target position while it's open. Try focusing the target with the keyboard to keep it open. @@ -110,7 +110,7 @@ export const MultipleTooltips: StoryComponent = () => { return ( - Interaction between multiple tooltips + Interaction between multiple tooltips There will always be at most one active tooltip. Try opening different tooltips with mouse hover and keyboard focus. diff --git a/src/__private_stories__/video-intersection-observer-story.tsx b/src/__private_stories__/video-intersection-observer-story.tsx index e0f02a7468..520cadce85 100644 --- a/src/__private_stories__/video-intersection-observer-story.tsx +++ b/src/__private_stories__/video-intersection-observer-story.tsx @@ -4,7 +4,7 @@ import beachImg from '../__stories__/images/beach.jpg'; import Video from '../video'; import {useIsInViewport} from '../hooks'; import Stack from '../stack'; -import {Title2} from '../title'; +import {Title3} from '../title'; import {Text3} from '../text'; import {vars} from '../skins/skin-contract.css'; @@ -29,7 +29,7 @@ export const Default: StoryComponent = () => { return ( - Video component with intersection observer + Video component with intersection observer As you scroll down, the video should start playing automatically as soon as 50% of its height becomes visible in the viewport. When 50% of the video leaves the viewport, the diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-filled-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-filled-1-snap.png index 6ab1a500ca..4fee19b8c1 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-filled-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-filled-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-light-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-light-1-snap.png index 700912af1f..8fde9300c4 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-light-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-light-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-regular-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-regular-1-snap.png index 66e44e92db..1907485d44 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-regular-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-blau-regular-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-filled-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-filled-1-snap.png index 3695703d85..6f7d0081df 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-filled-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-filled-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-light-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-light-1-snap.png index b7d9945c74..0525ff0f45 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-light-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-light-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-regular-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-regular-1-snap.png index 0800f8a20c..78cb474e1a 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-regular-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-regular-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-filled-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-filled-1-snap.png index d381826c2a..ebb1fb977e 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-filled-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-filled-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-light-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-light-1-snap.png index 918ef87a1b..8ef0317fd2 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-light-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-light-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-regular-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-regular-1-snap.png index 76c3cf7186..9904efa164 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-regular-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-o-2-regular-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-4-snap.png index 98a3303fef..fe283d9531 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-alternative-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-alternative-4-snap.png index 0dee13c41d..e8c60e73ba 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-alternative-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-alternative-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-dark-mode-4-snap.png index 9e1f393a87..a4948396ab 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-inverse-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-inverse-4-snap.png index 226997c986..d0b537346a 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-inverse-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-inverse-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-inverse-and-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-inverse-and-dark-mode-4-snap.png index c3395a222a..91cb8f889c 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-inverse-and-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-blau-inverse-and-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-4-snap.png index 9ad5b3cabb..e94b989e5f 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-4-snap.png index d214ffe95f..f12b9c31c7 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-4-snap.png index a2140ac146..efc74a302d 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-4-snap.png index 1bb43dcb26..d6ffdf8a2f 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-4-snap.png index 0f66099845..1a320177aa 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-4-snap.png index c17b28f036..98405e135a 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-alternative-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-alternative-4-snap.png index 8fc17d5a5e..c3887c041e 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-alternative-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-alternative-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-dark-mode-4-snap.png index 2a8f28132c..9cef80c58a 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-inverse-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-inverse-4-snap.png index ce5dd3b9fb..343189e45e 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-inverse-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-inverse-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-inverse-and-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-inverse-and-dark-mode-4-snap.png index 5b567c6cbb..7e96556c4e 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-inverse-and-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-inverse-and-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-4-snap.png index 127a4e8e58..27ae8609ba 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-4-snap.png index 758dc8b6cf..e37167cb23 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-dark-mode-4-snap.png index a0192dd80c..614256ed07 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-4-snap.png index e1c3621a05..683c4e3418 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-and-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-and-dark-mode-4-snap.png index 6ab0e54c25..ef8a0c4fa8 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-and-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-and-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-4-snap.png index f9242e51f2..85ce797461 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-alternative-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-alternative-4-snap.png index 254def0c82..de23ec9e50 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-alternative-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-alternative-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-dark-mode-4-snap.png index 44fe48f701..b8e250b3f7 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-inverse-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-inverse-4-snap.png index e9c3a69458..29316561b2 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-inverse-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-inverse-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-inverse-and-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-inverse-and-dark-mode-4-snap.png index 46446e7124..cc3dc8c4b2 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-inverse-and-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-telefonica-inverse-and-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-4-snap.png index d5cb53cf44..23b39616be 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-alternative-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-alternative-4-snap.png index 8931cb44ac..771f06b7af 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-alternative-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-alternative-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-dark-mode-4-snap.png index 72f4d875b8..6115289938 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-4-snap.png index 98a34b9749..e7c05dd7ce 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-and-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-and-dark-mode-4-snap.png index 119a084185..ea007613b8 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-and-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-and-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-4-snap.png index 08defc5bad..c03031569d 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-alternative-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-alternative-4-snap.png index 223a543653..fdae8228a4 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-alternative-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-alternative-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-4-snap.png index 6906bb419c..bb3f879b66 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-4-snap.png index b7a13b3dee..af769f762c 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-4-snap.png index 6a22e1e778..755dda7069 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-vivo-new-inverse-and-dark-mode-4-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-desktop-1-snap.png index a57beb5c2d..aed34a7241 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-mobile-ios-1-snap.png index cc7b255413..f53a83f8c2 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-o-2-new-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-o-2-new-desktop-1-snap.png index cd406bb498..94eab2b54c 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-o-2-new-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-o-2-new-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-o-2-new-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-o-2-new-mobile-ios-1-snap.png index 7724ca6352..7775640b03 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-o-2-new-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-o-2-new-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-desktop-1-snap.png index 764a503595..885efdc7c0 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-mobile-ios-1-snap.png index c17be68961..d68bf19184 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-vivo-new-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-icon-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-icon-desktop-1-snap.png index abe39ff0f6..01f2444b2a 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-icon-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-icon-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-icon-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-icon-mobile-ios-1-snap.png index f18b4ffc86..a63ab54e2c 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-icon-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-icon-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-and-long-text-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-and-long-text-desktop-1-snap.png index 0efe666d20..fc91631acf 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-and-long-text-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-and-long-text-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-and-long-text-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-and-long-text-mobile-ios-1-snap.png index 571b50ddd0..d0a1e6c800 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-and-long-text-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-and-long-text-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-desktop-1-snap.png index 80c42740f2..6422d48584 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-mobile-ios-1-snap.png index 1e53b76373..1b59302a07 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-with-link-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-without-link-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-without-link-desktop-1-snap.png index 2e1fcfedab..2653ff0450 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-without-link-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-without-link-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-without-link-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-without-link-mobile-ios-1-snap.png index b9e78ede18..cd4c22a718 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-without-link-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-2-without-link-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-icon-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-icon-desktop-1-snap.png index 0eae8cd25d..abe39ff0f6 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-icon-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-icon-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-icon-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-icon-mobile-ios-1-snap.png index 843cedbd3b..f18b4ffc86 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-icon-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-icon-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-and-long-text-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-and-long-text-desktop-1-snap.png index b25c833419..0efe666d20 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-and-long-text-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-and-long-text-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-and-long-text-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-and-long-text-mobile-ios-1-snap.png index 0b54b2815d..571b50ddd0 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-and-long-text-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-and-long-text-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-desktop-1-snap.png index f39539d8c3..80c42740f2 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-mobile-ios-1-snap.png index a46223787d..1e53b76373 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-with-link-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-without-link-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-without-link-desktop-1-snap.png index 32ce0dc9c7..2e1fcfedab 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-without-link-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-without-link-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-without-link-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-without-link-mobile-ios-1-snap.png index 836632a875..b9e78ede18 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-without-link-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-3-without-link-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-icon-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-icon-desktop-1-snap.png new file mode 100644 index 0000000000..0eae8cd25d Binary files /dev/null and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-icon-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-icon-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-icon-mobile-ios-1-snap.png new file mode 100644 index 0000000000..843cedbd3b Binary files /dev/null and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-icon-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-and-long-text-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-and-long-text-desktop-1-snap.png new file mode 100644 index 0000000000..b25c833419 Binary files /dev/null and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-and-long-text-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-and-long-text-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-and-long-text-mobile-ios-1-snap.png new file mode 100644 index 0000000000..0b54b2815d Binary files /dev/null and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-and-long-text-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-desktop-1-snap.png new file mode 100644 index 0000000000..f39539d8c3 Binary files /dev/null and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-mobile-ios-1-snap.png new file mode 100644 index 0000000000..a46223787d Binary files /dev/null and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-with-link-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-without-link-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-without-link-desktop-1-snap.png new file mode 100644 index 0000000000..32ce0dc9c7 Binary files /dev/null and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-without-link-desktop-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-without-link-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-without-link-mobile-ios-1-snap.png new file mode 100644 index 0000000000..836632a875 Binary files /dev/null and b/src/__screenshot_tests__/__image_snapshots__/title-screenshot-test-tsx-title-4-without-link-mobile-ios-1-snap.png differ diff --git a/src/__screenshot_tests__/title-screenshot-test.tsx b/src/__screenshot_tests__/title-screenshot-test.tsx index a7215d14a2..259343a61a 100644 --- a/src/__screenshot_tests__/title-screenshot-test.tsx +++ b/src/__screenshot_tests__/title-screenshot-test.tsx @@ -6,6 +6,7 @@ const COMPONENT_TYPES = [ {component: 'Title1', storyName: 'title-1'}, {component: 'Title2', storyName: 'title-2'}, {component: 'Title3', storyName: 'title-3'}, + {component: 'Title4', storyName: 'title-4'}, ]; const CASE_NAMES = ['without-link', 'with-link', 'with-link-and-long-text', 'with-icon'] as const; const DEVICES = ['DESKTOP', 'MOBILE_IOS'] as const; diff --git a/src/__stories__/accordion-story.tsx b/src/__stories__/accordion-story.tsx index 79536fab8d..c20d437ed1 100644 --- a/src/__stories__/accordion-story.tsx +++ b/src/__stories__/accordion-story.tsx @@ -7,7 +7,7 @@ import { BoxedAccordion, BoxedAccordionItem, Circle, - IconLikeFilled, + IconThumbUpFilled, IconMobileDeviceRegular, Image, Placeholder, @@ -48,7 +48,7 @@ const Template: StoryComponent = ({title, subtitle, sin title={title} subtitle={subtitle} content={content} - asset={} + asset={} {...(type === 'boxed' && {isInverse: inverse})} dataAttributes={{testid: 'accordion-item-2'}} /> diff --git a/src/__stories__/list-story.tsx b/src/__stories__/list-story.tsx index a3f180fe1e..ceebca7ec1 100644 --- a/src/__stories__/list-story.tsx +++ b/src/__stories__/list-story.tsx @@ -9,7 +9,7 @@ import { skinVars, Placeholder, Tag, - IconLikeFilled, + IconThumbUpFilled, IconMobileDeviceRegular, Image, Text3, @@ -247,7 +247,7 @@ const Template: StoryComponent = ({ {...getControlProps(row++)} /> } + asset={} headline={headline && {headline}} title={title} subtitle={subtitle} diff --git a/src/__stories__/title-story.tsx b/src/__stories__/title-story.tsx index e86736030f..722da30867 100644 --- a/src/__stories__/title-story.tsx +++ b/src/__stories__/title-story.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import {Title1, Title2, Title3, ButtonLink, IconInformationRegular, skinVars} from '..'; +import {Title1, Title2, Title3, Title4, ButtonLink, IconInformationRegular, skinVars} from '..'; import type {TitleProps} from '../title'; import type {HeadingType} from '../utils/types'; @@ -58,7 +58,7 @@ type Args = {title: string; right: 'link' | 'icon' | 'undefined'; linkText: stri export const Title1Story: StoryComponent = ({title, right, linkText}) => ( = ({title, right, linkText}) => ( export const Title2Story: StoryComponent = ({title, right, linkText}) => ( = ({title, right, linkText}) => ( export const Title3Story: StoryComponent = ({title, right, linkText}) => ( = ({title, right, linkText}) => ( /> ); +export const Title4Story: StoryComponent = ({title, right, linkText}) => ( + +); + Title1Story.storyName = 'Title1'; Title2Story.storyName = 'Title2'; Title3Story.storyName = 'Title3'; +Title4Story.storyName = 'Title4'; diff --git a/src/__stories__/video-story.tsx b/src/__stories__/video-story.tsx index e36cda61f8..eff90eeda6 100644 --- a/src/__stories__/video-story.tsx +++ b/src/__stories__/video-story.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import {Stack, ButtonPrimary, Inline, Title2, Video, Text3} from '..'; +import {Stack, ButtonPrimary, Inline, Video, Text3, Title3} from '..'; import beachVideo from './videos/beach.mp4'; import beachImg from './images/beach.jpg'; @@ -82,7 +82,7 @@ export const Default: StoryComponent = ({ return ( - Video component issues/limitations + Video component issues/limitations 1. Using automatic aspect ratio (`aspectRatio={0}`), if the poster and video have different aspect ratios, the video size will resize when playing/stopping the video. This diff --git a/src/__tests__/snackbar-test.tsx b/src/__tests__/snackbar-test.tsx index 57fc714d32..85351bf368 100644 --- a/src/__tests__/snackbar-test.tsx +++ b/src/__tests__/snackbar-test.tsx @@ -130,7 +130,7 @@ test('Snackbar always has dismiss button if it does not have action button and d test('nativeMessage is called when webview bridge is available', async () => { jest.spyOn(bridge, 'isWebViewBridgeAvailable').mockReturnValue(true); - const nativeMessageMock = jest.spyOn(bridge, 'nativeMessage').mockResolvedValue(); + const nativeMessageMock = jest.spyOn(bridge, 'nativeMessage').mockResolvedValue({action: 'DISMISS'}); const onCloseSpy = jest.fn(); @@ -155,7 +155,7 @@ test('nativeMessage is called when webview bridge is available', async () => { test('nativeMessage is called with duration PERSISTENT when duration is Infinity', async () => { jest.spyOn(bridge, 'isWebViewBridgeAvailable').mockReturnValue(true); - const nativeMessageMock = jest.spyOn(bridge, 'nativeMessage').mockResolvedValue(); + const nativeMessageMock = jest.spyOn(bridge, 'nativeMessage').mockResolvedValue({action: 'DISMISS'}); const onCloseSpy = jest.fn(); @@ -188,7 +188,7 @@ test('nativeMessage should be called once, even if the component re-renders', as jest.spyOn(bridge, 'isWebViewBridgeAvailable').mockReturnValue(true); const onCloseMock = jest.fn(); - const nativeMessageMock = jest.spyOn(bridge, 'nativeMessage').mockResolvedValue(); + const nativeMessageMock = jest.spyOn(bridge, 'nativeMessage').mockResolvedValue({action: 'DISMISS'}); const ComponentWithSnackbar = ({onClose}: {onClose: () => unknown}) => { const [count, setCount] = React.useState(0); diff --git a/src/community/__stories__/index-story.tsx b/src/community/__stories__/index-story.tsx index 6581c05213..499bdc153a 100644 --- a/src/community/__stories__/index-story.tsx +++ b/src/community/__stories__/index-story.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import {ResponsiveLayout, Box, Title2, Stack, Text2} from '../..'; +import {ResponsiveLayout, Box, Stack, Text2, Title3} from '../..'; export default { title: 'Community/Welcome', @@ -19,7 +19,7 @@ export const Default: StoryComponent = () => { - Welcome to Mística Community + Welcome to Mística Community Mística Community is a place to share components which are built with Mística diff --git a/src/dialog.tsx b/src/dialog.tsx index ee73540ee8..0ba25da430 100644 --- a/src/dialog.tsx +++ b/src/dialog.tsx @@ -162,6 +162,7 @@ const showNativeDialog = ({ title, acceptText, cancelText, + destructive, onAccept, onCancel, onDestroy, @@ -171,12 +172,13 @@ const showNativeDialog = ({ title?: string; acceptText: string; cancelText: string; + destructive?: boolean; onAccept?: () => void; onCancel?: () => void; onDestroy: () => void; }) => type === 'confirm' - ? nativeConfirm({message, title, cancelText, acceptText}).then((accepted) => { + ? nativeConfirm({message, title, cancelText, acceptText, destructive}).then((accepted) => { if (accepted) { onAccept?.(); } else { @@ -202,6 +204,7 @@ const NativeModalDialog = ({ cancelText, message, title, + destructive, }: ModalDialogProps): JSX.Element => { const {texts} = useTheme(); const paramsRef = React.useRef({ @@ -213,6 +216,7 @@ const NativeModalDialog = ({ cancelText: cancelText || texts.dialogCancelButton, message, title, + destructive, }); const isOpenRef = React.useRef(false); diff --git a/src/generated/mistica-icons/icon-autentication-failure-filled.tsx b/src/generated/mistica-icons/icon-authentication-failure-filled.tsx similarity index 94% rename from src/generated/mistica-icons/icon-autentication-failure-filled.tsx rename to src/generated/mistica-icons/icon-authentication-failure-filled.tsx index b4e85c69d4..2dd5c99bb9 100644 --- a/src/generated/mistica-icons/icon-autentication-failure-filled.tsx +++ b/src/generated/mistica-icons/icon-authentication-failure-filled.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconAutenticationFailureFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconAuthenticationFailureFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconAutenticationFailureFilled = ({color, size = 24, ...rest}: IconProps): ); }; -export default IconAutenticationFailureFilled; +export default IconAuthenticationFailureFilled; diff --git a/src/generated/mistica-icons/icon-autentication-failure-regular.tsx b/src/generated/mistica-icons/icon-authentication-failure-regular.tsx similarity index 94% rename from src/generated/mistica-icons/icon-autentication-failure-regular.tsx rename to src/generated/mistica-icons/icon-authentication-failure-regular.tsx index 87d1012cfd..d325436ae3 100644 --- a/src/generated/mistica-icons/icon-autentication-failure-regular.tsx +++ b/src/generated/mistica-icons/icon-authentication-failure-regular.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconAutenticationFailureRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconAuthenticationFailureRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconAutenticationFailureRegular = ({color, size = 24, ...rest}: IconProps) ); }; -export default IconAutenticationFailureRegular; +export default IconAuthenticationFailureRegular; diff --git a/src/generated/mistica-icons/icon-autentication-success-filled.tsx b/src/generated/mistica-icons/icon-authentication-success-filled.tsx similarity index 93% rename from src/generated/mistica-icons/icon-autentication-success-filled.tsx rename to src/generated/mistica-icons/icon-authentication-success-filled.tsx index 1d22edfc6d..b65bcb5018 100644 --- a/src/generated/mistica-icons/icon-autentication-success-filled.tsx +++ b/src/generated/mistica-icons/icon-authentication-success-filled.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconAutenticationSuccessFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconAuthenticationSuccessFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconAutenticationSuccessFilled = ({color, size = 24, ...rest}: IconProps): ); }; -export default IconAutenticationSuccessFilled; +export default IconAuthenticationSuccessFilled; diff --git a/src/generated/mistica-icons/icon-autentication-success-light.tsx b/src/generated/mistica-icons/icon-authentication-success-light.tsx similarity index 94% rename from src/generated/mistica-icons/icon-autentication-success-light.tsx rename to src/generated/mistica-icons/icon-authentication-success-light.tsx index 5cca7bc734..f57ed0a5b7 100644 --- a/src/generated/mistica-icons/icon-autentication-success-light.tsx +++ b/src/generated/mistica-icons/icon-authentication-success-light.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconAutenticationSuccessLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconAuthenticationSuccessLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconAutenticationSuccessLight = ({color, size = 24, ...rest}: IconProps): ); }; -export default IconAutenticationSuccessLight; +export default IconAuthenticationSuccessLight; diff --git a/src/generated/mistica-icons/icon-autentication-success-regular.tsx b/src/generated/mistica-icons/icon-authentication-success-regular.tsx similarity index 94% rename from src/generated/mistica-icons/icon-autentication-success-regular.tsx rename to src/generated/mistica-icons/icon-authentication-success-regular.tsx index 295e66c190..426e785dad 100644 --- a/src/generated/mistica-icons/icon-autentication-success-regular.tsx +++ b/src/generated/mistica-icons/icon-authentication-success-regular.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconAutenticationSuccessRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconAuthenticationSuccessRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconAutenticationSuccessRegular = ({color, size = 24, ...rest}: IconProps) ); }; -export default IconAutenticationSuccessRegular; +export default IconAuthenticationSuccessRegular; diff --git a/src/generated/mistica-icons/icon-adn-filled.tsx b/src/generated/mistica-icons/icon-dna-filled.tsx similarity index 94% rename from src/generated/mistica-icons/icon-adn-filled.tsx rename to src/generated/mistica-icons/icon-dna-filled.tsx index 7d2463b44e..be6d99cd50 100644 --- a/src/generated/mistica-icons/icon-adn-filled.tsx +++ b/src/generated/mistica-icons/icon-dna-filled.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconAdnFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconDnaFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconAdnFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { ); }; -export default IconAdnFilled; +export default IconDnaFilled; diff --git a/src/generated/mistica-icons/icon-adn-light.tsx b/src/generated/mistica-icons/icon-dna-light.tsx similarity index 94% rename from src/generated/mistica-icons/icon-adn-light.tsx rename to src/generated/mistica-icons/icon-dna-light.tsx index 8913e73543..27d41beabf 100644 --- a/src/generated/mistica-icons/icon-adn-light.tsx +++ b/src/generated/mistica-icons/icon-dna-light.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconAdnLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconDnaLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconAdnLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { ); }; -export default IconAdnLight; +export default IconDnaLight; diff --git a/src/generated/mistica-icons/icon-adn-regular.tsx b/src/generated/mistica-icons/icon-dna-regular.tsx similarity index 94% rename from src/generated/mistica-icons/icon-adn-regular.tsx rename to src/generated/mistica-icons/icon-dna-regular.tsx index b0a1a190e5..5d4ba6c69b 100644 --- a/src/generated/mistica-icons/icon-adn-regular.tsx +++ b/src/generated/mistica-icons/icon-dna-regular.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconAdnRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconDnaRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconAdnRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => ); }; -export default IconAdnRegular; +export default IconDnaRegular; diff --git a/src/generated/mistica-icons/icon-smiley-happy-filled.tsx b/src/generated/mistica-icons/icon-face-happy-filled.tsx similarity index 66% rename from src/generated/mistica-icons/icon-smiley-happy-filled.tsx rename to src/generated/mistica-icons/icon-face-happy-filled.tsx index 61f3757a31..f3aff9afb1 100644 --- a/src/generated/mistica-icons/icon-smiley-happy-filled.tsx +++ b/src/generated/mistica-icons/icon-face-happy-filled.tsx @@ -12,11 +12,29 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconSmileyHappyFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconFaceHappyFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); const {skinName} = useTheme(); - if (skinName.match(/^o2-new/i)) { + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^blau/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { return ( { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2/i)) { + return ( + + + + + ); + } else { + return ( + + + + ); + } +}; + +export default IconFaceHappyLight; diff --git a/src/generated/mistica-icons/icon-smiley-happy-regular.tsx b/src/generated/mistica-icons/icon-face-happy-regular.tsx similarity index 64% rename from src/generated/mistica-icons/icon-smiley-happy-regular.tsx rename to src/generated/mistica-icons/icon-face-happy-regular.tsx index f86d428512..e54befc5cc 100644 --- a/src/generated/mistica-icons/icon-smiley-happy-regular.tsx +++ b/src/generated/mistica-icons/icon-face-happy-regular.tsx @@ -12,11 +12,29 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconSmileyHappyRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconFaceHappyRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); const {skinName} = useTheme(); - if (skinName.match(/^o2-new/i)) { + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^blau/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { return ( { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^blau/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2/i)) { + return ( + + + + ); + } else { + return ( + + + + ); + } +}; + +export default IconFaceNeutralFilled; diff --git a/src/generated/mistica-icons/icon-face-neutral-light.tsx b/src/generated/mistica-icons/icon-face-neutral-light.tsx new file mode 100644 index 0000000000..d5b3ef24cb --- /dev/null +++ b/src/generated/mistica-icons/icon-face-neutral-light.tsx @@ -0,0 +1,70 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceNeutralLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + + ); + } else if (skinName.match(/^o2/i)) { + return ( + + + + + ); + } else { + return ( + + + + + ); + } +}; + +export default IconFaceNeutralLight; diff --git a/src/generated/mistica-icons/icon-face-neutral-regular.tsx b/src/generated/mistica-icons/icon-face-neutral-regular.tsx new file mode 100644 index 0000000000..20d6e75ed4 --- /dev/null +++ b/src/generated/mistica-icons/icon-face-neutral-regular.tsx @@ -0,0 +1,62 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceNeutralRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^blau/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + + ); + } else { + return ( + + + + ); + } +}; + +export default IconFaceNeutralRegular; diff --git a/src/generated/mistica-icons/icon-face-sad-filled.tsx b/src/generated/mistica-icons/icon-face-sad-filled.tsx new file mode 100644 index 0000000000..6b32abfb84 --- /dev/null +++ b/src/generated/mistica-icons/icon-face-sad-filled.tsx @@ -0,0 +1,67 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceSadFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^blau/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2/i)) { + return ( + + + + ); + } else { + return ( + + + + ); + } +}; + +export default IconFaceSadFilled; diff --git a/src/generated/mistica-icons/icon-face-sad-light.tsx b/src/generated/mistica-icons/icon-face-sad-light.tsx new file mode 100644 index 0000000000..5bfeefb990 --- /dev/null +++ b/src/generated/mistica-icons/icon-face-sad-light.tsx @@ -0,0 +1,70 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceSadLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + + ); + } else if (skinName.match(/^o2/i)) { + return ( + + + + + ); + } else { + return ( + + + + ); + } +}; + +export default IconFaceSadLight; diff --git a/src/generated/mistica-icons/icon-face-sad-regular.tsx b/src/generated/mistica-icons/icon-face-sad-regular.tsx new file mode 100644 index 0000000000..104aaa45cf --- /dev/null +++ b/src/generated/mistica-icons/icon-face-sad-regular.tsx @@ -0,0 +1,62 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceSadRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^blau/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + + ); + } else { + return ( + + + + ); + } +}; + +export default IconFaceSadRegular; diff --git a/src/generated/mistica-icons/icon-face-slightly-sad-filled.tsx b/src/generated/mistica-icons/icon-face-slightly-sad-filled.tsx new file mode 100644 index 0000000000..396e032ef8 --- /dev/null +++ b/src/generated/mistica-icons/icon-face-slightly-sad-filled.tsx @@ -0,0 +1,67 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceSlightlySadFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^blau/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2/i)) { + return ( + + + + ); + } else { + return ( + + + + ); + } +}; + +export default IconFaceSlightlySadFilled; diff --git a/src/generated/mistica-icons/icon-face-slightly-sad-light.tsx b/src/generated/mistica-icons/icon-face-slightly-sad-light.tsx new file mode 100644 index 0000000000..96cb95e1e3 --- /dev/null +++ b/src/generated/mistica-icons/icon-face-slightly-sad-light.tsx @@ -0,0 +1,74 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceSlightlySadLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + + ); + } else if (skinName.match(/^o2/i)) { + return ( + + + + + ); + } else { + return ( + + + + + ); + } +}; + +export default IconFaceSlightlySadLight; diff --git a/src/generated/mistica-icons/icon-face-slightly-sad-regular.tsx b/src/generated/mistica-icons/icon-face-slightly-sad-regular.tsx new file mode 100644 index 0000000000..13816a6b94 --- /dev/null +++ b/src/generated/mistica-icons/icon-face-slightly-sad-regular.tsx @@ -0,0 +1,62 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceSlightlySadRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^blau/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + + ); + } else { + return ( + + + + ); + } +}; + +export default IconFaceSlightlySadRegular; diff --git a/src/generated/mistica-icons/icon-face-super-happy-filled.tsx b/src/generated/mistica-icons/icon-face-super-happy-filled.tsx new file mode 100644 index 0000000000..a47bf695d4 --- /dev/null +++ b/src/generated/mistica-icons/icon-face-super-happy-filled.tsx @@ -0,0 +1,67 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceSuperHappyFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^blau/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2/i)) { + return ( + + + + ); + } else { + return ( + + + + ); + } +}; + +export default IconFaceSuperHappyFilled; diff --git a/src/generated/mistica-icons/icon-face-super-happy-light.tsx b/src/generated/mistica-icons/icon-face-super-happy-light.tsx new file mode 100644 index 0000000000..d81fe036e3 --- /dev/null +++ b/src/generated/mistica-icons/icon-face-super-happy-light.tsx @@ -0,0 +1,70 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceSuperHappyLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + + ); + } else if (skinName.match(/^o2/i)) { + return ( + + + + + ); + } else { + return ( + + + + + ); + } +}; + +export default IconFaceSuperHappyLight; diff --git a/src/generated/mistica-icons/icon-face-super-happy-regular.tsx b/src/generated/mistica-icons/icon-face-super-happy-regular.tsx new file mode 100644 index 0000000000..68da7bd35e --- /dev/null +++ b/src/generated/mistica-icons/icon-face-super-happy-regular.tsx @@ -0,0 +1,62 @@ +'use client'; +/* + * This file was autogenerated. Don't edit this file! + * + * To update, execute "yarn start" inside "import-mistica-icons" + */ + +import * as React from 'react'; +import {useTheme} from '../../hooks'; +import {useIsInverseVariant} from '../../theme-variant-context'; +import {vars} from '../../skins/skin-contract.css'; + +import type {IconProps} from '../../utils/types'; + +const IconFaceSuperHappyRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { + const isInverse = useIsInverseVariant(); + const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); + const {skinName} = useTheme(); + if (skinName.match(/^vivo-new/i)) { + return ( + + + + ); + } else if (skinName.match(/^blau/i)) { + return ( + + + + ); + } else if (skinName.match(/^o2-new/i)) { + return ( + + + + + ); + } else { + return ( + + + + ); + } +}; + +export default IconFaceSuperHappyRegular; diff --git a/src/generated/mistica-icons/icon-garaje-filled.tsx b/src/generated/mistica-icons/icon-garage-filled.tsx similarity index 92% rename from src/generated/mistica-icons/icon-garaje-filled.tsx rename to src/generated/mistica-icons/icon-garage-filled.tsx index 3476b39da3..649b215745 100644 --- a/src/generated/mistica-icons/icon-garaje-filled.tsx +++ b/src/generated/mistica-icons/icon-garage-filled.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconGarajeFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconGarageFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconGarajeFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element = ); }; -export default IconGarajeFilled; +export default IconGarageFilled; diff --git a/src/generated/mistica-icons/icon-garaje-light.tsx b/src/generated/mistica-icons/icon-garage-light.tsx similarity index 94% rename from src/generated/mistica-icons/icon-garaje-light.tsx rename to src/generated/mistica-icons/icon-garage-light.tsx index 3df2d9e425..3e9ecee8f1 100644 --- a/src/generated/mistica-icons/icon-garaje-light.tsx +++ b/src/generated/mistica-icons/icon-garage-light.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconGarajeLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconGarageLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconGarajeLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => ); }; -export default IconGarajeLight; +export default IconGarageLight; diff --git a/src/generated/mistica-icons/icon-garaje-regular.tsx b/src/generated/mistica-icons/icon-garage-regular.tsx similarity index 93% rename from src/generated/mistica-icons/icon-garaje-regular.tsx rename to src/generated/mistica-icons/icon-garage-regular.tsx index 43c0b36972..a2a092ada2 100644 --- a/src/generated/mistica-icons/icon-garaje-regular.tsx +++ b/src/generated/mistica-icons/icon-garage-regular.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconGarajeRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconGarageRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconGarajeRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element ); }; -export default IconGarajeRegular; +export default IconGarageRegular; diff --git a/src/generated/mistica-icons/icon-hamburguer-filled.tsx b/src/generated/mistica-icons/icon-hamburger-filled.tsx similarity index 95% rename from src/generated/mistica-icons/icon-hamburguer-filled.tsx rename to src/generated/mistica-icons/icon-hamburger-filled.tsx index 1f069ba9a5..9b24f45187 100644 --- a/src/generated/mistica-icons/icon-hamburguer-filled.tsx +++ b/src/generated/mistica-icons/icon-hamburger-filled.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconHamburguerFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconHamburgerFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconHamburguerFilled = ({color, size = 24, ...rest}: IconProps): JSX.Eleme ); }; -export default IconHamburguerFilled; +export default IconHamburgerFilled; diff --git a/src/generated/mistica-icons/icon-hamburguer-light.tsx b/src/generated/mistica-icons/icon-hamburger-light.tsx similarity index 96% rename from src/generated/mistica-icons/icon-hamburguer-light.tsx rename to src/generated/mistica-icons/icon-hamburger-light.tsx index 1aaca02e8e..192477dd50 100644 --- a/src/generated/mistica-icons/icon-hamburguer-light.tsx +++ b/src/generated/mistica-icons/icon-hamburger-light.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconHamburguerLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconHamburgerLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconHamburguerLight = ({color, size = 24, ...rest}: IconProps): JSX.Elemen ); }; -export default IconHamburguerLight; +export default IconHamburgerLight; diff --git a/src/generated/mistica-icons/icon-hamburguer-regular.tsx b/src/generated/mistica-icons/icon-hamburger-regular.tsx similarity index 96% rename from src/generated/mistica-icons/icon-hamburguer-regular.tsx rename to src/generated/mistica-icons/icon-hamburger-regular.tsx index d4d031e338..2e5b43bf7a 100644 --- a/src/generated/mistica-icons/icon-hamburguer-regular.tsx +++ b/src/generated/mistica-icons/icon-hamburger-regular.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconHamburguerRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconHamburgerRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconHamburguerRegular = ({color, size = 24, ...rest}: IconProps): JSX.Elem ); }; -export default IconHamburguerRegular; +export default IconHamburgerRegular; diff --git a/src/generated/mistica-icons/icon-millenials-filled.tsx b/src/generated/mistica-icons/icon-millennials-filled.tsx similarity index 97% rename from src/generated/mistica-icons/icon-millenials-filled.tsx rename to src/generated/mistica-icons/icon-millennials-filled.tsx index c9f5654fdd..0ec04e45b4 100644 --- a/src/generated/mistica-icons/icon-millenials-filled.tsx +++ b/src/generated/mistica-icons/icon-millennials-filled.tsx @@ -12,7 +12,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconMillenialsFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconMillennialsFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); const {skinName} = useTheme(); @@ -54,4 +54,4 @@ const IconMillenialsFilled = ({color, size = 24, ...rest}: IconProps): JSX.Eleme } }; -export default IconMillenialsFilled; +export default IconMillennialsFilled; diff --git a/src/generated/mistica-icons/icon-millenials-light.tsx b/src/generated/mistica-icons/icon-millennials-light.tsx similarity index 98% rename from src/generated/mistica-icons/icon-millenials-light.tsx rename to src/generated/mistica-icons/icon-millennials-light.tsx index 09bbf97d11..0a61ef9198 100644 --- a/src/generated/mistica-icons/icon-millenials-light.tsx +++ b/src/generated/mistica-icons/icon-millennials-light.tsx @@ -12,7 +12,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconMillenialsLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconMillennialsLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); const {skinName} = useTheme(); @@ -50,4 +50,4 @@ const IconMillenialsLight = ({color, size = 24, ...rest}: IconProps): JSX.Elemen } }; -export default IconMillenialsLight; +export default IconMillennialsLight; diff --git a/src/generated/mistica-icons/icon-millenials-regular.tsx b/src/generated/mistica-icons/icon-millennials-regular.tsx similarity index 97% rename from src/generated/mistica-icons/icon-millenials-regular.tsx rename to src/generated/mistica-icons/icon-millennials-regular.tsx index ef7b3f71db..785caa49ac 100644 --- a/src/generated/mistica-icons/icon-millenials-regular.tsx +++ b/src/generated/mistica-icons/icon-millennials-regular.tsx @@ -12,7 +12,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconMillenialsRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconMillennialsRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); const {skinName} = useTheme(); @@ -46,4 +46,4 @@ const IconMillenialsRegular = ({color, size = 24, ...rest}: IconProps): JSX.Elem } }; -export default IconMillenialsRegular; +export default IconMillennialsRegular; diff --git a/src/generated/mistica-icons/icon-not-conexion-filled.tsx b/src/generated/mistica-icons/icon-no-conexion-filled.tsx similarity index 93% rename from src/generated/mistica-icons/icon-not-conexion-filled.tsx rename to src/generated/mistica-icons/icon-no-conexion-filled.tsx index c1d042f120..1235ea3e37 100644 --- a/src/generated/mistica-icons/icon-not-conexion-filled.tsx +++ b/src/generated/mistica-icons/icon-no-conexion-filled.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconNotConexionFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconNoConexionFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconNotConexionFilled = ({color, size = 24, ...rest}: IconProps): JSX.Elem ); }; -export default IconNotConexionFilled; +export default IconNoConexionFilled; diff --git a/src/generated/mistica-icons/icon-not-conexion-light.tsx b/src/generated/mistica-icons/icon-no-conexion-light.tsx similarity index 95% rename from src/generated/mistica-icons/icon-not-conexion-light.tsx rename to src/generated/mistica-icons/icon-no-conexion-light.tsx index 98154995af..61f2c6d944 100644 --- a/src/generated/mistica-icons/icon-not-conexion-light.tsx +++ b/src/generated/mistica-icons/icon-no-conexion-light.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconNotConexionLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconNoConexionLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconNotConexionLight = ({color, size = 24, ...rest}: IconProps): JSX.Eleme ); }; -export default IconNotConexionLight; +export default IconNoConexionLight; diff --git a/src/generated/mistica-icons/icon-not-conexion-regular.tsx b/src/generated/mistica-icons/icon-no-conexion-regular.tsx similarity index 95% rename from src/generated/mistica-icons/icon-not-conexion-regular.tsx rename to src/generated/mistica-icons/icon-no-conexion-regular.tsx index 48ba56647f..1570e99054 100644 --- a/src/generated/mistica-icons/icon-not-conexion-regular.tsx +++ b/src/generated/mistica-icons/icon-no-conexion-regular.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconNotConexionRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconNoConexionRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -25,4 +25,4 @@ const IconNotConexionRegular = ({color, size = 24, ...rest}: IconProps): JSX.Ele ); }; -export default IconNotConexionRegular; +export default IconNoConexionRegular; diff --git a/src/generated/mistica-icons/icon-not-photo-camera-filled.tsx b/src/generated/mistica-icons/icon-no-photo-camera-filled.tsx similarity index 97% rename from src/generated/mistica-icons/icon-not-photo-camera-filled.tsx rename to src/generated/mistica-icons/icon-no-photo-camera-filled.tsx index db5d119dc6..f4c0a99fcd 100644 --- a/src/generated/mistica-icons/icon-not-photo-camera-filled.tsx +++ b/src/generated/mistica-icons/icon-no-photo-camera-filled.tsx @@ -12,7 +12,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconNotPhotoCameraFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconNoPhotoCameraFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); const {skinName} = useTheme(); @@ -46,4 +46,4 @@ const IconNotPhotoCameraFilled = ({color, size = 24, ...rest}: IconProps): JSX.E } }; -export default IconNotPhotoCameraFilled; +export default IconNoPhotoCameraFilled; diff --git a/src/generated/mistica-icons/icon-not-photo-camera-light.tsx b/src/generated/mistica-icons/icon-no-photo-camera-light.tsx similarity index 94% rename from src/generated/mistica-icons/icon-not-photo-camera-light.tsx rename to src/generated/mistica-icons/icon-no-photo-camera-light.tsx index b26c1954ae..4136a532f8 100644 --- a/src/generated/mistica-icons/icon-not-photo-camera-light.tsx +++ b/src/generated/mistica-icons/icon-no-photo-camera-light.tsx @@ -11,7 +11,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconNotPhotoCameraLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconNoPhotoCameraLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); @@ -29,4 +29,4 @@ const IconNotPhotoCameraLight = ({color, size = 24, ...rest}: IconProps): JSX.El ); }; -export default IconNotPhotoCameraLight; +export default IconNoPhotoCameraLight; diff --git a/src/generated/mistica-icons/icon-not-photo-camera-regular.tsx b/src/generated/mistica-icons/icon-no-photo-camera-regular.tsx similarity index 97% rename from src/generated/mistica-icons/icon-not-photo-camera-regular.tsx rename to src/generated/mistica-icons/icon-no-photo-camera-regular.tsx index c6061c0490..904d1f2ace 100644 --- a/src/generated/mistica-icons/icon-not-photo-camera-regular.tsx +++ b/src/generated/mistica-icons/icon-no-photo-camera-regular.tsx @@ -12,7 +12,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconNotPhotoCameraRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconNoPhotoCameraRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); const {skinName} = useTheme(); @@ -50,4 +50,4 @@ const IconNotPhotoCameraRegular = ({color, size = 24, ...rest}: IconProps): JSX. } }; -export default IconNotPhotoCameraRegular; +export default IconNoPhotoCameraRegular; diff --git a/src/generated/mistica-icons/icon-smiley-happy-light.tsx b/src/generated/mistica-icons/icon-smiley-happy-light.tsx deleted file mode 100644 index 2fdda795a0..0000000000 --- a/src/generated/mistica-icons/icon-smiley-happy-light.tsx +++ /dev/null @@ -1,28 +0,0 @@ -'use client'; -/* - * This file was autogenerated. Don't edit this file! - * - * To update, execute "yarn start" inside "import-mistica-icons" - */ - -import * as React from 'react'; -import {useIsInverseVariant} from '../../theme-variant-context'; -import {vars} from '../../skins/skin-contract.css'; - -import type {IconProps} from '../../utils/types'; - -const IconSmileyHappyLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { - const isInverse = useIsInverseVariant(); - const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); - - return ( - - - - ); -}; - -export default IconSmileyHappyLight; diff --git a/src/generated/mistica-icons/icon-smiley-sad-filled.tsx b/src/generated/mistica-icons/icon-smiley-sad-filled.tsx deleted file mode 100644 index 2708147101..0000000000 --- a/src/generated/mistica-icons/icon-smiley-sad-filled.tsx +++ /dev/null @@ -1,28 +0,0 @@ -'use client'; -/* - * This file was autogenerated. Don't edit this file! - * - * To update, execute "yarn start" inside "import-mistica-icons" - */ - -import * as React from 'react'; -import {useIsInverseVariant} from '../../theme-variant-context'; -import {vars} from '../../skins/skin-contract.css'; - -import type {IconProps} from '../../utils/types'; - -const IconSmileySadFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { - const isInverse = useIsInverseVariant(); - const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); - - return ( - - - - ); -}; - -export default IconSmileySadFilled; diff --git a/src/generated/mistica-icons/icon-smiley-sad-light.tsx b/src/generated/mistica-icons/icon-smiley-sad-light.tsx deleted file mode 100644 index 4012d46873..0000000000 --- a/src/generated/mistica-icons/icon-smiley-sad-light.tsx +++ /dev/null @@ -1,28 +0,0 @@ -'use client'; -/* - * This file was autogenerated. Don't edit this file! - * - * To update, execute "yarn start" inside "import-mistica-icons" - */ - -import * as React from 'react'; -import {useIsInverseVariant} from '../../theme-variant-context'; -import {vars} from '../../skins/skin-contract.css'; - -import type {IconProps} from '../../utils/types'; - -const IconSmileySadLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { - const isInverse = useIsInverseVariant(); - const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); - - return ( - - - - ); -}; - -export default IconSmileySadLight; diff --git a/src/generated/mistica-icons/icon-smiley-sad-regular.tsx b/src/generated/mistica-icons/icon-smiley-sad-regular.tsx deleted file mode 100644 index 8e875a4d65..0000000000 --- a/src/generated/mistica-icons/icon-smiley-sad-regular.tsx +++ /dev/null @@ -1,28 +0,0 @@ -'use client'; -/* - * This file was autogenerated. Don't edit this file! - * - * To update, execute "yarn start" inside "import-mistica-icons" - */ - -import * as React from 'react'; -import {useIsInverseVariant} from '../../theme-variant-context'; -import {vars} from '../../skins/skin-contract.css'; - -import type {IconProps} from '../../utils/types'; - -const IconSmileySadRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { - const isInverse = useIsInverseVariant(); - const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); - - return ( - - - - ); -}; - -export default IconSmileySadRegular; diff --git a/src/generated/mistica-icons/icon-snowflake-regular.tsx b/src/generated/mistica-icons/icon-snowflake-regular.tsx index 35efdd15e6..288e8a834e 100644 --- a/src/generated/mistica-icons/icon-snowflake-regular.tsx +++ b/src/generated/mistica-icons/icon-snowflake-regular.tsx @@ -19,7 +19,7 @@ const IconSnowflakeRegular = ({color, size = 24, ...rest}: IconProps): JSX.Eleme ); diff --git a/src/generated/mistica-icons/icon-stomach-filled.tsx b/src/generated/mistica-icons/icon-stomach-filled.tsx index cdea7296ab..d651bd8c73 100644 --- a/src/generated/mistica-icons/icon-stomach-filled.tsx +++ b/src/generated/mistica-icons/icon-stomach-filled.tsx @@ -19,7 +19,7 @@ const IconStomachFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element ); diff --git a/src/generated/mistica-icons/icon-storm-filled.tsx b/src/generated/mistica-icons/icon-storm-filled.tsx index 2813855e97..eac64920a3 100644 --- a/src/generated/mistica-icons/icon-storm-filled.tsx +++ b/src/generated/mistica-icons/icon-storm-filled.tsx @@ -19,7 +19,7 @@ const IconStormFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => ); diff --git a/src/generated/mistica-icons/icon-tachometer-regular.tsx b/src/generated/mistica-icons/icon-tachometer-regular.tsx index 19e3a35e5e..e65d10c5fe 100644 --- a/src/generated/mistica-icons/icon-tachometer-regular.tsx +++ b/src/generated/mistica-icons/icon-tachometer-regular.tsx @@ -39,7 +39,7 @@ const IconTachometerRegular = ({color, size = 24, ...rest}: IconProps): JSX.Elem ); diff --git a/src/generated/mistica-icons/icon-tag-filled.tsx b/src/generated/mistica-icons/icon-tag-filled.tsx index 8631c32c94..bcf4083c81 100644 --- a/src/generated/mistica-icons/icon-tag-filled.tsx +++ b/src/generated/mistica-icons/icon-tag-filled.tsx @@ -39,7 +39,7 @@ const IconTagFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { ); diff --git a/src/generated/mistica-icons/icon-tag-pound-regular.tsx b/src/generated/mistica-icons/icon-tag-pound-regular.tsx index ee23b4b0c8..9ad5c0b3be 100644 --- a/src/generated/mistica-icons/icon-tag-pound-regular.tsx +++ b/src/generated/mistica-icons/icon-tag-pound-regular.tsx @@ -21,7 +21,7 @@ const IconTagPoundRegular = ({color, size = 24, ...rest}: IconProps): JSX.Elemen ); diff --git a/src/generated/mistica-icons/icon-talk-filled.tsx b/src/generated/mistica-icons/icon-talk-filled.tsx index 46ab921b12..31159bf3b7 100644 --- a/src/generated/mistica-icons/icon-talk-filled.tsx +++ b/src/generated/mistica-icons/icon-talk-filled.tsx @@ -19,7 +19,7 @@ const IconTalkFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => ); diff --git a/src/generated/mistica-icons/icon-target-regular.tsx b/src/generated/mistica-icons/icon-target-regular.tsx index da14baacbe..efdd5f2681 100644 --- a/src/generated/mistica-icons/icon-target-regular.tsx +++ b/src/generated/mistica-icons/icon-target-regular.tsx @@ -21,7 +21,7 @@ const IconTargetRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element ); diff --git a/src/generated/mistica-icons/icon-tech-service-internet-regular.tsx b/src/generated/mistica-icons/icon-tech-service-internet-regular.tsx index 7222c81a67..444a98309b 100644 --- a/src/generated/mistica-icons/icon-tech-service-internet-regular.tsx +++ b/src/generated/mistica-icons/icon-tech-service-internet-regular.tsx @@ -39,11 +39,11 @@ const IconTechServiceInternetRegular = ({color, size = 24, ...rest}: IconProps): ); diff --git a/src/generated/mistica-icons/icon-tech-service-landline-regular.tsx b/src/generated/mistica-icons/icon-tech-service-landline-regular.tsx index ce6a393169..c0a6ddc900 100644 --- a/src/generated/mistica-icons/icon-tech-service-landline-regular.tsx +++ b/src/generated/mistica-icons/icon-tech-service-landline-regular.tsx @@ -19,7 +19,7 @@ const IconTechServiceLandlineRegular = ({color, size = 24, ...rest}: IconProps): ); diff --git a/src/generated/mistica-icons/icon-tech-service-light.tsx b/src/generated/mistica-icons/icon-tech-service-light.tsx index 4361d01c58..4c315793cf 100644 --- a/src/generated/mistica-icons/icon-tech-service-light.tsx +++ b/src/generated/mistica-icons/icon-tech-service-light.tsx @@ -39,7 +39,7 @@ const IconTechServiceLight = ({color, size = 24, ...rest}: IconProps): JSX.Eleme ); diff --git a/src/generated/mistica-icons/icon-tech-service-mobile-light.tsx b/src/generated/mistica-icons/icon-tech-service-mobile-light.tsx index 76bfcb3297..22c27445dc 100644 --- a/src/generated/mistica-icons/icon-tech-service-mobile-light.tsx +++ b/src/generated/mistica-icons/icon-tech-service-mobile-light.tsx @@ -23,7 +23,7 @@ const IconTechServiceMobileLight = ({color, size = 24, ...rest}: IconProps): JSX /> ); diff --git a/src/generated/mistica-icons/icon-teddy-bear-light.tsx b/src/generated/mistica-icons/icon-teddy-bear-light.tsx index ada60a1c59..800e7c5b12 100644 --- a/src/generated/mistica-icons/icon-teddy-bear-light.tsx +++ b/src/generated/mistica-icons/icon-teddy-bear-light.tsx @@ -19,7 +19,7 @@ const IconTeddyBearLight = ({color, size = 24, ...rest}: IconProps): JSX.Element ); diff --git a/src/generated/mistica-icons/icon-thumb-down-filled.tsx b/src/generated/mistica-icons/icon-thumb-down-filled.tsx index bdbea1b939..38b6872f48 100644 --- a/src/generated/mistica-icons/icon-thumb-down-filled.tsx +++ b/src/generated/mistica-icons/icon-thumb-down-filled.tsx @@ -19,7 +19,7 @@ const IconThumbDownFilled = ({color, size = 24, ...rest}: IconProps): JSX.Elemen ); diff --git a/src/generated/mistica-icons/icon-like-filled.tsx b/src/generated/mistica-icons/icon-thumb-up-filled.tsx similarity index 96% rename from src/generated/mistica-icons/icon-like-filled.tsx rename to src/generated/mistica-icons/icon-thumb-up-filled.tsx index 960eecea32..9b9bbdcb96 100644 --- a/src/generated/mistica-icons/icon-like-filled.tsx +++ b/src/generated/mistica-icons/icon-thumb-up-filled.tsx @@ -12,7 +12,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconLikeFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconThumbUpFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); const {skinName} = useTheme(); @@ -46,4 +46,4 @@ const IconLikeFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => } }; -export default IconLikeFilled; +export default IconThumbUpFilled; diff --git a/src/generated/mistica-icons/icon-like-light.tsx b/src/generated/mistica-icons/icon-thumb-up-light.tsx similarity index 97% rename from src/generated/mistica-icons/icon-like-light.tsx rename to src/generated/mistica-icons/icon-thumb-up-light.tsx index 955815c4a2..08acaefb77 100644 --- a/src/generated/mistica-icons/icon-like-light.tsx +++ b/src/generated/mistica-icons/icon-thumb-up-light.tsx @@ -12,7 +12,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconLikeLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconThumbUpLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); const {skinName} = useTheme(); @@ -46,4 +46,4 @@ const IconLikeLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => { } }; -export default IconLikeLight; +export default IconThumbUpLight; diff --git a/src/generated/mistica-icons/icon-like-regular.tsx b/src/generated/mistica-icons/icon-thumb-up-regular.tsx similarity index 97% rename from src/generated/mistica-icons/icon-like-regular.tsx rename to src/generated/mistica-icons/icon-thumb-up-regular.tsx index 261947f7f4..b00e7d5d59 100644 --- a/src/generated/mistica-icons/icon-like-regular.tsx +++ b/src/generated/mistica-icons/icon-thumb-up-regular.tsx @@ -12,7 +12,7 @@ import {vars} from '../../skins/skin-contract.css'; import type {IconProps} from '../../utils/types'; -const IconLikeRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { +const IconThumbUpRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => { const isInverse = useIsInverseVariant(); const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh); const {skinName} = useTheme(); @@ -46,4 +46,4 @@ const IconLikeRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => } }; -export default IconLikeRegular; +export default IconThumbUpRegular; diff --git a/src/generated/mistica-icons/icon-tickets-filled.tsx b/src/generated/mistica-icons/icon-tickets-filled.tsx index d5db8411db..281d5107c1 100644 --- a/src/generated/mistica-icons/icon-tickets-filled.tsx +++ b/src/generated/mistica-icons/icon-tickets-filled.tsx @@ -56,7 +56,7 @@ const IconTicketsFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element ); diff --git a/src/generated/mistica-icons/icon-tickets-regular.tsx b/src/generated/mistica-icons/icon-tickets-regular.tsx index bbf887e3e3..17286317b8 100644 --- a/src/generated/mistica-icons/icon-tickets-regular.tsx +++ b/src/generated/mistica-icons/icon-tickets-regular.tsx @@ -40,7 +40,7 @@ const IconTicketsRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element ); diff --git a/src/generated/mistica-icons/icon-tips-and-tricks-regular.tsx b/src/generated/mistica-icons/icon-tips-and-tricks-regular.tsx index dea1bc3db0..9656a643b1 100644 --- a/src/generated/mistica-icons/icon-tips-and-tricks-regular.tsx +++ b/src/generated/mistica-icons/icon-tips-and-tricks-regular.tsx @@ -25,7 +25,7 @@ const IconTipsAndTricksRegular = ({color, size = 24, ...rest}: IconProps): JSX.E /> ); diff --git a/src/generated/mistica-icons/icon-tooth-regular.tsx b/src/generated/mistica-icons/icon-tooth-regular.tsx index 27192997d1..c8edc47c29 100644 --- a/src/generated/mistica-icons/icon-tooth-regular.tsx +++ b/src/generated/mistica-icons/icon-tooth-regular.tsx @@ -19,7 +19,7 @@ const IconToothRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element = ); diff --git a/src/generated/mistica-icons/icon-tow-truck-filled.tsx b/src/generated/mistica-icons/icon-tow-truck-filled.tsx index cfaa4b5a7e..658dee84b1 100644 --- a/src/generated/mistica-icons/icon-tow-truck-filled.tsx +++ b/src/generated/mistica-icons/icon-tow-truck-filled.tsx @@ -19,7 +19,7 @@ const IconTowTruckFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element ); diff --git a/src/generated/mistica-icons/icon-train-filled.tsx b/src/generated/mistica-icons/icon-train-filled.tsx index 0baec29f3c..e66fe14925 100644 --- a/src/generated/mistica-icons/icon-train-filled.tsx +++ b/src/generated/mistica-icons/icon-train-filled.tsx @@ -39,7 +39,7 @@ const IconTrainFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => ); diff --git a/src/generated/mistica-icons/icon-train-regular.tsx b/src/generated/mistica-icons/icon-train-regular.tsx index 9924cafcb9..917c662d58 100644 --- a/src/generated/mistica-icons/icon-train-regular.tsx +++ b/src/generated/mistica-icons/icon-train-regular.tsx @@ -39,7 +39,7 @@ const IconTrainRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element = ); diff --git a/src/generated/mistica-icons/icon-tram-train-light.tsx b/src/generated/mistica-icons/icon-tram-train-light.tsx index 100d60e139..a665c8f4a6 100644 --- a/src/generated/mistica-icons/icon-tram-train-light.tsx +++ b/src/generated/mistica-icons/icon-tram-train-light.tsx @@ -19,7 +19,7 @@ const IconTramTrainLight = ({color, size = 24, ...rest}: IconProps): JSX.Element ); diff --git a/src/generated/mistica-icons/icon-trash-can-regular.tsx b/src/generated/mistica-icons/icon-trash-can-regular.tsx index bbc4dfa037..e8c69b8a6c 100644 --- a/src/generated/mistica-icons/icon-trash-can-regular.tsx +++ b/src/generated/mistica-icons/icon-trash-can-regular.tsx @@ -21,7 +21,7 @@ const IconTrashCanRegular = ({color, size = 24, ...rest}: IconProps): JSX.Elemen ); diff --git a/src/generated/mistica-icons/icon-user-account-filled.tsx b/src/generated/mistica-icons/icon-user-account-filled.tsx index ec0f1141fd..19bae6abe3 100644 --- a/src/generated/mistica-icons/icon-user-account-filled.tsx +++ b/src/generated/mistica-icons/icon-user-account-filled.tsx @@ -39,7 +39,7 @@ const IconUserAccountFilled = ({color, size = 24, ...rest}: IconProps): JSX.Elem ); diff --git a/src/generated/mistica-icons/icon-user-support-filled.tsx b/src/generated/mistica-icons/icon-user-support-filled.tsx index 2ce3b576d5..9a31f9ab2d 100644 --- a/src/generated/mistica-icons/icon-user-support-filled.tsx +++ b/src/generated/mistica-icons/icon-user-support-filled.tsx @@ -39,7 +39,7 @@ const IconUserSupportFilled = ({color, size = 24, ...rest}: IconProps): JSX.Elem ); diff --git a/src/generated/mistica-icons/icon-video-filled.tsx b/src/generated/mistica-icons/icon-video-filled.tsx index 64f55b6f32..6dd29f0c7f 100644 --- a/src/generated/mistica-icons/icon-video-filled.tsx +++ b/src/generated/mistica-icons/icon-video-filled.tsx @@ -41,7 +41,7 @@ const IconVideoFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => ); diff --git a/src/generated/mistica-icons/icon-virus-scan-regular.tsx b/src/generated/mistica-icons/icon-virus-scan-regular.tsx index 0bd940ecf1..2ff9954d28 100644 --- a/src/generated/mistica-icons/icon-virus-scan-regular.tsx +++ b/src/generated/mistica-icons/icon-virus-scan-regular.tsx @@ -19,7 +19,7 @@ const IconVirusScanRegular = ({color, size = 24, ...rest}: IconProps): JSX.Eleme ); diff --git a/src/generated/mistica-icons/icon-wifi-regular.tsx b/src/generated/mistica-icons/icon-wifi-regular.tsx index 62e67fa7ec..79015c745c 100644 --- a/src/generated/mistica-icons/icon-wifi-regular.tsx +++ b/src/generated/mistica-icons/icon-wifi-regular.tsx @@ -72,11 +72,11 @@ const IconWifiRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => ); diff --git a/src/generated/mistica-icons/icon-winner-regular.tsx b/src/generated/mistica-icons/icon-winner-regular.tsx index f3fb0a97de..b454b07a1b 100644 --- a/src/generated/mistica-icons/icon-winner-regular.tsx +++ b/src/generated/mistica-icons/icon-winner-regular.tsx @@ -39,7 +39,7 @@ const IconWinnerRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element ); diff --git a/src/generated/mistica-icons/icon-woman-light.tsx b/src/generated/mistica-icons/icon-woman-light.tsx index adf6aacd6e..8dcc734160 100644 --- a/src/generated/mistica-icons/icon-woman-light.tsx +++ b/src/generated/mistica-icons/icon-woman-light.tsx @@ -39,7 +39,7 @@ const IconWomanLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => ); diff --git a/src/generated/mistica-icons/icon-woman-regular.tsx b/src/generated/mistica-icons/icon-woman-regular.tsx index 76e14944bf..6136280cf2 100644 --- a/src/generated/mistica-icons/icon-woman-regular.tsx +++ b/src/generated/mistica-icons/icon-woman-regular.tsx @@ -21,7 +21,7 @@ const IconWomanRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element = ); diff --git a/src/generated/mistica-icons/icons-keywords.tsx b/src/generated/mistica-icons/icons-keywords.tsx index e555dfe8ab..83caa3086b 100644 --- a/src/generated/mistica-icons/icons-keywords.tsx +++ b/src/generated/mistica-icons/icons-keywords.tsx @@ -110,17 +110,6 @@ const iconKeywords: {[key: string]: Array} = { 'einschließen', 'mobil', ], - adn: [ - 'dna', - 'genetic code', - 'nucleic acid', - 'ADN', - 'código genético', - 'ácido nucleico', - 'DNA', - 'genetischer Code', - 'Nukleinsäure', - ], airtime: [ 'broadcast', 'wireless period', @@ -389,7 +378,7 @@ const iconKeywords: {[key: string]: Array} = { ], audio: ['sound', 'audio signal', 'soundwave', 'sonido', 'sinal de áudio', 'Ton'], aura: ['assistant', 'virtual', 'helper', 'aura', 'aura virtual', 'Helfer'], - 'autentication-failure': [ + 'authentication-failure': [ 'login error', 'access denied', 'error de autenticación', @@ -397,7 +386,7 @@ const iconKeywords: {[key: string]: Array} = { 'Authentifizierungsfehler', 'Zugriff verweigert', ], - 'autentication-success': [ + 'authentication-success': [ 'login confirmation', 'access granted', 'confirmación de inicio de sesión', @@ -1204,6 +1193,17 @@ const iconKeywords: {[key: string]: Array} = { ], disconnect: ['unplug', 'detach', 'sever connection', 'desconectar', 'desconectar', 'trennen'], disturb: ['interrupt', 'bother', 'disrupt', 'interrumpir', 'incomodar', 'stören'], + dna: [ + 'dna', + 'genetic code', + 'nucleic acid', + 'ADN', + 'código genético', + 'ácido nucleico', + 'DNA', + 'genetischer Code', + 'Nukleinsäure', + ], 'document-other': [ 'other document', 'additional file', @@ -1385,6 +1385,46 @@ const iconKeywords: {[key: string]: Array} = { export: ['exportation', 'transfer', 'send out', 'exportación', 'transferencia', 'exportieren'], eye: ['sight', 'vision', 'gaze', 'ojo', 'visão', 'Auge'], 'eye-off': ['closed eye', 'inactive vision', 'shut gaze', 'ojo cerrado', 'visão inativa', 'Auge aus'], + 'face-happy': [ + 'happy smiley', + 'joyful face', + 'cheerful emoticon', + 'cara feliz', + 'rosto feliz', + 'fröhliches Smiley', + ], + 'face-neutral': [ + 'neutral smiley', + 'indifferent face', + 'expressionless emoticon', + 'cara neutral', + 'rosto indiferente', + 'neutrales Smiley', + ], + 'face-sad': [ + 'sad smiley', + 'unhappy face', + 'upset emoticon', + 'cara triste', + 'rosto triste', + 'trauriges Smiley', + ], + 'face-slightly-sad': [ + 'slightly sad smiley', + 'somewhat unhappy face', + 'mildly upset emoticon', + 'cara ligeramente triste', + 'rosto um pouco triste', + 'leicht trauriges Smiley', + ], + 'face-super-happy': [ + 'super happy smiley', + 'extremely joyful face', + 'overly cheerful emoticon', + 'cara súper feliz', + 'rosto super feliz', + 'super fröhliches Smiley', + ], family: ['relatives', 'kin', 'household', 'familia', 'família', 'Familie'], 'fast-forward': ['fast-forward', 'speed up', 'advance', 'avance rápido', 'acelerar', 'Vorspulen'], 'file-avi': [ @@ -1636,7 +1676,7 @@ const iconKeywords: {[key: string]: Array} = { fullscreen: ['full view', 'entire screen', 'maximized', 'pantalla completa', 'tela inteira', 'Vollbild'], funnel: ['filter', 'conduit', 'channel', 'embudo', 'funil', 'Trichter'], fusion: ['integration', 'merging', 'combination', 'fusión', 'fusão', 'Verschmelzung'], - garaje: ['garage', 'parking space', 'car shelter', 'garaje', 'espaço de estacionamento', 'Garage'], + garage: ['garage', 'parking space', 'car shelter', 'garaje', 'espaço de estacionamento', 'Garage'], 'gas-station': [ 'service station', 'petrol station', @@ -1649,7 +1689,7 @@ const iconKeywords: {[key: string]: Array} = { group: ['team', 'bunch', 'gathering', 'grupo', 'grupo', 'Gruppe'], guarantee: ['assurance', 'warranty', 'promise', 'garantía', 'garantia', 'Garantie'], guru: ['mentor', 'expert', 'master', 'gurú', 'guru', 'Guru'], - hamburguer: ['hamburger', 'burger', 'burger sandwich', 'hamburguesa', 'hambúrguer', 'Hamburger'], + hamburger: ['hamburger', 'burger', 'burger sandwich', 'hamburguesa', 'hambúrguer', 'Hamburger'], 'hand-connected': [ 'connected hand', 'joined hand', @@ -1929,7 +1969,6 @@ const iconKeywords: {[key: string]: Array} = { ], lightbulb: ['light bulb', 'lamp', 'illuminator', 'bombilla', 'lâmpada', 'Glühbirne'], lightning: ['thunderbolt', 'electrical discharge', 'lightning bolt', 'relámpago', 'raio', 'Blitz'], - like: ['favor', 'approval', 'thumbs-up', 'gustar', 'gostar', 'gefällt mir'], link: ['connection', 'hyperlink', 'url', 'enlace', 'ligação', 'Verknüpfung'], list: ['listing', 'catalog', 'roster', 'lista', 'lista', 'Liste'], 'list-document': [ @@ -2053,7 +2092,7 @@ const iconKeywords: {[key: string]: Array} = { 'integrierter Schaltkreis', ], microphone: ['mic', 'audio input', 'sound sensor', 'micrófono', 'microfone', 'Mikrofon'], - millenials: ['generation y', 'gen y', 'digital natives', 'millennials', 'millennials', 'Millennials'], + millennials: ['generation y', 'gen y', 'digital natives', 'millennials', 'millennials', 'Millennials'], mms: [ 'multimedia message service', 'mms', @@ -2240,6 +2279,14 @@ const iconKeywords: {[key: string]: Array} = { 'boletim de assinatura', 'Newsletter', ], + 'no-conexion': [ + 'no connection', + 'disconnected', + 'no network', + 'sin conexión', + 'desconectado', + 'Keine Verbindung', + ], 'no-hidden-bills': [ 'transparent billing', 'clear invoices', @@ -2248,6 +2295,14 @@ const iconKeywords: {[key: string]: Array} = { 'faturas claras', 'transparente Rechnung', ], + 'no-photo-camera': [ + 'no photography', + 'no pictures', + 'no photos', + 'no tomar fotos', + 'sem fotos', + 'Keine Fotos', + ], 'no-smoking': [ 'no tobacco', 'smoke-free', @@ -2272,22 +2327,6 @@ const iconKeywords: {[key: string]: Array} = { 'banheiro unissex', 'geschlechtsneutrales Badezimmer', ], - 'not-conexion': [ - 'no connection', - 'disconnected', - 'no network', - 'sin conexión', - 'desconectado', - 'Keine Verbindung', - ], - 'not-photo-camera': [ - 'no photography', - 'no pictures', - 'no photos', - 'no tomar fotos', - 'sem fotos', - 'Keine Fotos', - ], notes: ['musical notes', 'sheet music', 'melodic symbols', 'notas musicales', 'partitura', 'Musiknoten'], 'numeric-keypad': [ 'number keypad', @@ -2775,22 +2814,6 @@ const iconKeywords: {[key: string]: Array} = { 'wi-fi inteligente', 'intelligentes Wi-Fi', ], - 'smiley-happy': [ - 'happy smiley', - 'joyful face', - 'cheerful emoticon', - 'cara feliz', - 'rosto feliz', - 'fröhliches Smiley', - ], - 'smiley-sad': [ - 'sad smiley', - 'unhappy face', - 'upset emoticon', - 'cara triste', - 'rosto triste', - 'trauriges Smiley', - ], sms: ['text message', 'short message service', 'texting', 'mensaje de texto', 'mensagem de texto', 'SMS'], 'sniper-scope': [ 'sniper sight', @@ -2986,6 +3009,7 @@ const iconKeywords: {[key: string]: Array} = { ], 'throw-light': ['cast light', 'emit light', 'shine', 'arrojar luz', 'emitir luz', 'Licht werfen'], 'thumb-down': ['disapproval', 'negative', 'thumbs down', 'desaprobación', 'negativo', 'Daumen runter'], + 'thumb-up': ['approval', 'positive', 'thumbs up', 'aprobación', 'positivo', 'Daumen hoch'], tickets: ['passes', 'admission', 'entry tickets', 'entradas', 'ingressos', 'Tickets'], time: ['clock', 'duration', 'period', 'tiempo', 'tempo', 'Zeit'], 'tips-and-tricks': [ diff --git a/src/header.tsx b/src/header.tsx index 808ff54246..63d94a1acb 100644 --- a/src/header.tsx +++ b/src/header.tsx @@ -11,7 +11,7 @@ import ButtonGroup from './button-group'; import {vars} from './skins/skin-contract.css'; import * as styles from './header.css'; import {getPrefixedDataAttributes} from './utils/dom'; -import {Title2, Title3} from './title'; +import {Title3, Title4} from './title'; import type NavigationBreadcrumbs from './navigation-breadcrumbs'; import type {ButtonPrimary, ButtonSecondary} from './button'; @@ -105,9 +105,9 @@ export const Header = ({ renderRichText(pretitle, {color: vars.colors.textPrimary, as: pretitleAs})} {title && (small ? ( - {title} - ) : ( {title} + ) : ( + {title} ))} {description && (small ? ( diff --git a/src/index.tsx b/src/index.tsx index 9ad45dd543..56ae090ba9 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -54,7 +54,7 @@ export {default as Text, Text1, Text2, Text3, Text4, Text5, Text6, Text7, Text8, export {default as Tag} from './tag'; export type {TagType} from './tag'; export {Placeholder} from './placeholder'; -export {Title1, Title2, Title3} from './title'; +export {Title1, Title2, Title3, Title4} from './title'; export {RowList, Row, BoxedRowList, BoxedRow} from './list'; export {default as Switch} from './switch-component'; export {default as Checkbox} from './checkbox'; @@ -276,9 +276,6 @@ export {default as IconAddMoreRegular} from './generated/mistica-icons/icon-add- export {default as IconAddPhoneFilled} from './generated/mistica-icons/icon-add-phone-filled'; export {default as IconAddPhoneLight} from './generated/mistica-icons/icon-add-phone-light'; export {default as IconAddPhoneRegular} from './generated/mistica-icons/icon-add-phone-regular'; -export {default as IconAdnFilled} from './generated/mistica-icons/icon-adn-filled'; -export {default as IconAdnLight} from './generated/mistica-icons/icon-adn-light'; -export {default as IconAdnRegular} from './generated/mistica-icons/icon-adn-regular'; export {default as IconAirtimeFilled} from './generated/mistica-icons/icon-airtime-filled'; export {default as IconAirtimeLight} from './generated/mistica-icons/icon-airtime-light'; export {default as IconAirtimeRegular} from './generated/mistica-icons/icon-airtime-regular'; @@ -372,11 +369,11 @@ export {default as IconAudioFilled} from './generated/mistica-icons/icon-audio-f export {default as IconAudioLight} from './generated/mistica-icons/icon-audio-light'; export {default as IconAudioRegular} from './generated/mistica-icons/icon-audio-regular'; export {default as IconAuraFilled} from './generated/mistica-icons/icon-aura-filled'; -export {default as IconAutenticationFailureFilled} from './generated/mistica-icons/icon-autentication-failure-filled'; -export {default as IconAutenticationFailureRegular} from './generated/mistica-icons/icon-autentication-failure-regular'; -export {default as IconAutenticationSuccessFilled} from './generated/mistica-icons/icon-autentication-success-filled'; -export {default as IconAutenticationSuccessLight} from './generated/mistica-icons/icon-autentication-success-light'; -export {default as IconAutenticationSuccessRegular} from './generated/mistica-icons/icon-autentication-success-regular'; +export {default as IconAuthenticationFailureFilled} from './generated/mistica-icons/icon-authentication-failure-filled'; +export {default as IconAuthenticationFailureRegular} from './generated/mistica-icons/icon-authentication-failure-regular'; +export {default as IconAuthenticationSuccessFilled} from './generated/mistica-icons/icon-authentication-success-filled'; +export {default as IconAuthenticationSuccessLight} from './generated/mistica-icons/icon-authentication-success-light'; +export {default as IconAuthenticationSuccessRegular} from './generated/mistica-icons/icon-authentication-success-regular'; export {default as IconBacteriaFilled} from './generated/mistica-icons/icon-bacteria-filled'; export {default as IconBacteriaLight} from './generated/mistica-icons/icon-bacteria-light'; export {default as IconBacteriaRegular} from './generated/mistica-icons/icon-bacteria-regular'; @@ -791,6 +788,9 @@ export {default as IconDisconnectRegular} from './generated/mistica-icons/icon-d export {default as IconDisturbFilled} from './generated/mistica-icons/icon-disturb-filled'; export {default as IconDisturbLight} from './generated/mistica-icons/icon-disturb-light'; export {default as IconDisturbRegular} from './generated/mistica-icons/icon-disturb-regular'; +export {default as IconDnaFilled} from './generated/mistica-icons/icon-dna-filled'; +export {default as IconDnaLight} from './generated/mistica-icons/icon-dna-light'; +export {default as IconDnaRegular} from './generated/mistica-icons/icon-dna-regular'; export {default as IconDocumentOtherFilled} from './generated/mistica-icons/icon-document-other-filled'; export {default as IconDocumentOtherLight} from './generated/mistica-icons/icon-document-other-light'; export {default as IconDocumentOtherRegular} from './generated/mistica-icons/icon-document-other-regular'; @@ -886,6 +886,21 @@ export {default as IconEyeOffFilled} from './generated/mistica-icons/icon-eye-of export {default as IconEyeOffLight} from './generated/mistica-icons/icon-eye-off-light'; export {default as IconEyeOffRegular} from './generated/mistica-icons/icon-eye-off-regular'; export {default as IconEyeRegular} from './generated/mistica-icons/icon-eye-regular'; +export {default as IconFaceHappyFilled} from './generated/mistica-icons/icon-face-happy-filled'; +export {default as IconFaceHappyLight} from './generated/mistica-icons/icon-face-happy-light'; +export {default as IconFaceHappyRegular} from './generated/mistica-icons/icon-face-happy-regular'; +export {default as IconFaceNeutralFilled} from './generated/mistica-icons/icon-face-neutral-filled'; +export {default as IconFaceNeutralLight} from './generated/mistica-icons/icon-face-neutral-light'; +export {default as IconFaceNeutralRegular} from './generated/mistica-icons/icon-face-neutral-regular'; +export {default as IconFaceSadFilled} from './generated/mistica-icons/icon-face-sad-filled'; +export {default as IconFaceSadLight} from './generated/mistica-icons/icon-face-sad-light'; +export {default as IconFaceSadRegular} from './generated/mistica-icons/icon-face-sad-regular'; +export {default as IconFaceSlightlySadFilled} from './generated/mistica-icons/icon-face-slightly-sad-filled'; +export {default as IconFaceSlightlySadLight} from './generated/mistica-icons/icon-face-slightly-sad-light'; +export {default as IconFaceSlightlySadRegular} from './generated/mistica-icons/icon-face-slightly-sad-regular'; +export {default as IconFaceSuperHappyFilled} from './generated/mistica-icons/icon-face-super-happy-filled'; +export {default as IconFaceSuperHappyLight} from './generated/mistica-icons/icon-face-super-happy-light'; +export {default as IconFaceSuperHappyRegular} from './generated/mistica-icons/icon-face-super-happy-regular'; export {default as IconFamilyFilled} from './generated/mistica-icons/icon-family-filled'; export {default as IconFamilyLight} from './generated/mistica-icons/icon-family-light'; export {default as IconFamilyRegular} from './generated/mistica-icons/icon-family-regular'; @@ -1007,9 +1022,9 @@ export {default as IconFunnelRegular} from './generated/mistica-icons/icon-funne export {default as IconFusionFilled} from './generated/mistica-icons/icon-fusion-filled'; export {default as IconFusionLight} from './generated/mistica-icons/icon-fusion-light'; export {default as IconFusionRegular} from './generated/mistica-icons/icon-fusion-regular'; -export {default as IconGarajeFilled} from './generated/mistica-icons/icon-garaje-filled'; -export {default as IconGarajeLight} from './generated/mistica-icons/icon-garaje-light'; -export {default as IconGarajeRegular} from './generated/mistica-icons/icon-garaje-regular'; +export {default as IconGarageFilled} from './generated/mistica-icons/icon-garage-filled'; +export {default as IconGarageLight} from './generated/mistica-icons/icon-garage-light'; +export {default as IconGarageRegular} from './generated/mistica-icons/icon-garage-regular'; export {default as IconGasStationFilled} from './generated/mistica-icons/icon-gas-station-filled'; export {default as IconGasStationLight} from './generated/mistica-icons/icon-gas-station-light'; export {default as IconGasStationRegular} from './generated/mistica-icons/icon-gas-station-regular'; @@ -1025,9 +1040,9 @@ export {default as IconGuaranteeRegular} from './generated/mistica-icons/icon-gu export {default as IconGuruFilled} from './generated/mistica-icons/icon-guru-filled'; export {default as IconGuruLight} from './generated/mistica-icons/icon-guru-light'; export {default as IconGuruRegular} from './generated/mistica-icons/icon-guru-regular'; -export {default as IconHamburguerFilled} from './generated/mistica-icons/icon-hamburguer-filled'; -export {default as IconHamburguerLight} from './generated/mistica-icons/icon-hamburguer-light'; -export {default as IconHamburguerRegular} from './generated/mistica-icons/icon-hamburguer-regular'; +export {default as IconHamburgerFilled} from './generated/mistica-icons/icon-hamburger-filled'; +export {default as IconHamburgerLight} from './generated/mistica-icons/icon-hamburger-light'; +export {default as IconHamburgerRegular} from './generated/mistica-icons/icon-hamburger-regular'; export {default as IconHandConnectedFilled} from './generated/mistica-icons/icon-hand-connected-filled'; export {default as IconHandConnectedLight} from './generated/mistica-icons/icon-hand-connected-light'; export {default as IconHandConnectedRegular} from './generated/mistica-icons/icon-hand-connected-regular'; @@ -1185,9 +1200,6 @@ export {default as IconLightningFilled} from './generated/mistica-icons/icon-lig export {default as IconLightningLight} from './generated/mistica-icons/icon-lightning-light'; export {default as IconLightningRegular} from './generated/mistica-icons/icon-lightning-regular'; export {default as IconLightSwitchRegular} from './generated/mistica-icons/icon-light-switch-regular'; -export {default as IconLikeFilled} from './generated/mistica-icons/icon-like-filled'; -export {default as IconLikeLight} from './generated/mistica-icons/icon-like-light'; -export {default as IconLikeRegular} from './generated/mistica-icons/icon-like-regular'; export {default as IconLinkFilled} from './generated/mistica-icons/icon-link-filled'; export {default as IconLinkRegular} from './generated/mistica-icons/icon-link-regular'; export {default as IconListDocumentFilled} from './generated/mistica-icons/icon-list-document-filled'; @@ -1259,9 +1271,9 @@ export {default as IconMicrochipRegular} from './generated/mistica-icons/icon-mi export {default as IconMicrophoneFilled} from './generated/mistica-icons/icon-microphone-filled'; export {default as IconMicrophoneLight} from './generated/mistica-icons/icon-microphone-light'; export {default as IconMicrophoneRegular} from './generated/mistica-icons/icon-microphone-regular'; -export {default as IconMillenialsFilled} from './generated/mistica-icons/icon-millenials-filled'; -export {default as IconMillenialsLight} from './generated/mistica-icons/icon-millenials-light'; -export {default as IconMillenialsRegular} from './generated/mistica-icons/icon-millenials-regular'; +export {default as IconMillennialsFilled} from './generated/mistica-icons/icon-millennials-filled'; +export {default as IconMillennialsLight} from './generated/mistica-icons/icon-millennials-light'; +export {default as IconMillennialsRegular} from './generated/mistica-icons/icon-millennials-regular'; export {default as IconMmsFilled} from './generated/mistica-icons/icon-mms-filled'; export {default as IconMmsLight} from './generated/mistica-icons/icon-mms-light'; export {default as IconMmsRegular} from './generated/mistica-icons/icon-mms-regular'; @@ -1337,25 +1349,25 @@ export {default as IconNeuralNetworkRegular} from './generated/mistica-icons/ico export {default as IconNewsletterFilled} from './generated/mistica-icons/icon-newsletter-filled'; export {default as IconNewsletterLight} from './generated/mistica-icons/icon-newsletter-light'; export {default as IconNewsletterRegular} from './generated/mistica-icons/icon-newsletter-regular'; +export {default as IconNoConexionFilled} from './generated/mistica-icons/icon-no-conexion-filled'; +export {default as IconNoConexionLight} from './generated/mistica-icons/icon-no-conexion-light'; +export {default as IconNoConexionRegular} from './generated/mistica-icons/icon-no-conexion-regular'; export {default as IconNoHiddenBillsFilled} from './generated/mistica-icons/icon-no-hidden-bills-filled'; export {default as IconNoHiddenBillsLight} from './generated/mistica-icons/icon-no-hidden-bills-light'; export {default as IconNoHiddenBillsRegular} from './generated/mistica-icons/icon-no-hidden-bills-regular'; export {default as IconNonBinaryToiletFilled} from './generated/mistica-icons/icon-non-binary-toilet-filled'; export {default as IconNonBinaryToiletLight} from './generated/mistica-icons/icon-non-binary-toilet-light'; export {default as IconNonBinaryToiletRegular} from './generated/mistica-icons/icon-non-binary-toilet-regular'; +export {default as IconNoPhotoCameraFilled} from './generated/mistica-icons/icon-no-photo-camera-filled'; +export {default as IconNoPhotoCameraLight} from './generated/mistica-icons/icon-no-photo-camera-light'; +export {default as IconNoPhotoCameraRegular} from './generated/mistica-icons/icon-no-photo-camera-regular'; export {default as IconNoSmokingFilled} from './generated/mistica-icons/icon-no-smoking-filled'; export {default as IconNoSmokingRegular} from './generated/mistica-icons/icon-no-smoking-regular'; -export {default as IconNotConexionFilled} from './generated/mistica-icons/icon-not-conexion-filled'; -export {default as IconNotConexionLight} from './generated/mistica-icons/icon-not-conexion-light'; -export {default as IconNotConexionRegular} from './generated/mistica-icons/icon-not-conexion-regular'; export {default as IconNotesFilled} from './generated/mistica-icons/icon-notes-filled'; export {default as IconNotesLight} from './generated/mistica-icons/icon-notes-light'; export {default as IconNotesRegular} from './generated/mistica-icons/icon-notes-regular'; export {default as IconNoTicketsFilled} from './generated/mistica-icons/icon-no-tickets-filled'; export {default as IconNoTicketsRegular} from './generated/mistica-icons/icon-no-tickets-regular'; -export {default as IconNotPhotoCameraFilled} from './generated/mistica-icons/icon-not-photo-camera-filled'; -export {default as IconNotPhotoCameraLight} from './generated/mistica-icons/icon-not-photo-camera-light'; -export {default as IconNotPhotoCameraRegular} from './generated/mistica-icons/icon-not-photo-camera-regular'; export {default as IconNumericKeypadFilled} from './generated/mistica-icons/icon-numeric-keypad-filled'; export {default as IconNumericKeypadLight} from './generated/mistica-icons/icon-numeric-keypad-light'; export {default as IconNumericKeypadRegular} from './generated/mistica-icons/icon-numeric-keypad-regular'; @@ -1669,12 +1681,6 @@ export {default as IconSkullRegular} from './generated/mistica-icons/icon-skull- export {default as IconSmartWifiFilled} from './generated/mistica-icons/icon-smart-wifi-filled'; export {default as IconSmartWifiLight} from './generated/mistica-icons/icon-smart-wifi-light'; export {default as IconSmartWifiRegular} from './generated/mistica-icons/icon-smart-wifi-regular'; -export {default as IconSmileyHappyFilled} from './generated/mistica-icons/icon-smiley-happy-filled'; -export {default as IconSmileyHappyLight} from './generated/mistica-icons/icon-smiley-happy-light'; -export {default as IconSmileyHappyRegular} from './generated/mistica-icons/icon-smiley-happy-regular'; -export {default as IconSmileySadFilled} from './generated/mistica-icons/icon-smiley-sad-filled'; -export {default as IconSmileySadLight} from './generated/mistica-icons/icon-smiley-sad-light'; -export {default as IconSmileySadRegular} from './generated/mistica-icons/icon-smiley-sad-regular'; export {default as IconSmsFilled} from './generated/mistica-icons/icon-sms-filled'; export {default as IconSmsLight} from './generated/mistica-icons/icon-sms-light'; export {default as IconSmsRegular} from './generated/mistica-icons/icon-sms-regular'; @@ -1796,6 +1802,9 @@ export {default as IconThrowLightRegular} from './generated/mistica-icons/icon-t export {default as IconThumbDownFilled} from './generated/mistica-icons/icon-thumb-down-filled'; export {default as IconThumbDownLight} from './generated/mistica-icons/icon-thumb-down-light'; export {default as IconThumbDownRegular} from './generated/mistica-icons/icon-thumb-down-regular'; +export {default as IconThumbUpFilled} from './generated/mistica-icons/icon-thumb-up-filled'; +export {default as IconThumbUpLight} from './generated/mistica-icons/icon-thumb-up-light'; +export {default as IconThumbUpRegular} from './generated/mistica-icons/icon-thumb-up-regular'; export {default as IconTicketsFilled} from './generated/mistica-icons/icon-tickets-filled'; export {default as IconTicketsLight} from './generated/mistica-icons/icon-tickets-light'; export {default as IconTicketsRegular} from './generated/mistica-icons/icon-tickets-regular'; diff --git a/src/package-version.tsx b/src/package-version.tsx index 2439dd773a..26ae51f8fd 100644 --- a/src/package-version.tsx +++ b/src/package-version.tsx @@ -1,2 +1,2 @@ // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js -export const PACKAGE_VERSION = '15.20.0' as string; +export const PACKAGE_VERSION = '15.20.1' as string; diff --git a/src/skins/blau.tsx b/src/skins/blau.tsx index d7b0681d4e..4bd9c32078 100644 --- a/src/skins/blau.tsx +++ b/src/skins/blau.tsx @@ -333,7 +333,8 @@ export const getBlauSkin: GetKnownSkin = () => { }, link: {weight: 'medium'}, title1: {weight: 'medium'}, - title2: {weight: 'light', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, + title2: {weight: 'light'}, + title3: {weight: 'light', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, indicator: {weight: 'medium'}, navigationBar: {weight: 'medium'}, text1: {size: {mobile: 12, desktop: 14}, lineHeight: {mobile: 16, desktop: 20}}, diff --git a/src/skins/defaults.tsx b/src/skins/defaults.tsx index 9e77ad95a7..8ec8965021 100644 --- a/src/skins/defaults.tsx +++ b/src/skins/defaults.tsx @@ -15,7 +15,8 @@ export const defaultTextPresetsConfig: TextPresetsConfig = { button: {weight: 'medium'}, link: {weight: 'medium'}, title1: {weight: 'medium'}, - title2: {weight: 'light', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, + title2: {weight: 'light'}, + title3: {weight: 'light', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, navigationBar: {weight: 'medium'}, indicator: {weight: 'medium'}, tabsLabel: {weight: 'medium', size: {mobile: 16, desktop: 18}, lineHeight: {mobile: 24, desktop: 24}}, diff --git a/src/skins/movistar.tsx b/src/skins/movistar.tsx index 270517adb8..881fcaa6e8 100644 --- a/src/skins/movistar.tsx +++ b/src/skins/movistar.tsx @@ -351,7 +351,8 @@ export const getMovistarSkin: GetKnownSkin = () => { }, link: {weight: 'medium'}, title1: {weight: 'medium'}, - title2: {weight: 'bold', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, + title2: {weight: 'bold'}, + title3: {weight: 'bold', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, indicator: {weight: 'medium'}, navigationBar: {weight: 'medium'}, text1: {size: {mobile: 12, desktop: 14}, lineHeight: {mobile: 16, desktop: 20}}, diff --git a/src/skins/o2-new.tsx b/src/skins/o2-new.tsx index b5add1517d..ad55752ad2 100644 --- a/src/skins/o2-new.tsx +++ b/src/skins/o2-new.tsx @@ -341,7 +341,8 @@ export const getO2NewSkin: GetKnownSkin = () => { }, link: {weight: 'medium'}, title1: {weight: 'medium'}, - title2: {weight: 'bold', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, + title2: {weight: 'bold'}, + title3: {weight: 'bold', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, indicator: {weight: 'medium'}, navigationBar: {weight: 'medium'}, text1: {size: {mobile: 12, desktop: 14}, lineHeight: {mobile: 16, desktop: 20}}, diff --git a/src/skins/o2.tsx b/src/skins/o2.tsx index bb006bdc6c..187ded8af1 100644 --- a/src/skins/o2.tsx +++ b/src/skins/o2.tsx @@ -338,7 +338,8 @@ export const getO2Skin: GetKnownSkin = () => { }, link: {weight: 'medium'}, title1: {weight: 'medium'}, - title2: {weight: 'light', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, + title2: {weight: 'light'}, + title3: {weight: 'light', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, indicator: {weight: 'medium'}, navigationBar: {weight: 'medium'}, text1: {size: {mobile: 12, desktop: 14}, lineHeight: {mobile: 16, desktop: 20}}, diff --git a/src/skins/skin-contract.css.ts b/src/skins/skin-contract.css.ts index 8260261b31..ae95a2cf1b 100644 --- a/src/skins/skin-contract.css.ts +++ b/src/skins/skin-contract.css.ts @@ -181,7 +181,8 @@ const textPresets = { button: {weight: ''}, link: {weight: ''}, title1: {weight: ''}, - title2: {weight: '', size: '', lineHeight: ''}, + title2: {weight: ''}, + title3: {weight: '', size: '', lineHeight: ''}, indicator: {weight: ''}, tabsLabel: {weight: '', size: '', lineHeight: ''}, navigationBar: {weight: ''}, diff --git a/src/skins/telefonica.tsx b/src/skins/telefonica.tsx index 8074cfc9f6..8af2c16c03 100644 --- a/src/skins/telefonica.tsx +++ b/src/skins/telefonica.tsx @@ -332,7 +332,8 @@ export const getTelefonicaSkin: GetKnownSkin = () => { }, link: {weight: 'medium'}, title1: {weight: 'medium'}, - title2: { + title2: {weight: 'regular'}, + title3: { weight: 'regular', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}, diff --git a/src/skins/tu.tsx b/src/skins/tu.tsx index 78bd5410eb..f2caa09443 100644 --- a/src/skins/tu.tsx +++ b/src/skins/tu.tsx @@ -336,7 +336,8 @@ export const getTuSkin: GetKnownSkin = () => { }, link: {weight: 'medium'}, title1: {weight: 'medium'}, - title2: { + title2: {weight: 'medium'}, + title3: { weight: 'medium', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}, diff --git a/src/skins/types/index.tsx b/src/skins/types/index.tsx index 9ced244d78..6022c1e56f 100644 --- a/src/skins/types/index.tsx +++ b/src/skins/types/index.tsx @@ -34,7 +34,8 @@ export type TextPresetsConfig = { button: TextWeightTokenConfig<'regular' | 'medium'>; link: TextWeightTokenConfig<'regular' | 'medium'>; title1: TextWeightTokenConfig<'regular' | 'medium'>; - title2: TextTokenConfig; + title2: TextWeightTokenConfig; + title3: TextTokenConfig; indicator: TextWeightTokenConfig<'regular' | 'medium'>; tabsLabel: TextTokenConfig; navigationBar: TextWeightTokenConfig; diff --git a/src/skins/vivo-new.tsx b/src/skins/vivo-new.tsx index 51bbb93364..1205511f9b 100644 --- a/src/skins/vivo-new.tsx +++ b/src/skins/vivo-new.tsx @@ -331,7 +331,8 @@ export const getVivoNewSkin: GetKnownSkin = () => { }, link: {weight: 'regular'}, title1: {weight: 'regular'}, - title2: { + title2: {weight: 'regular'}, + title3: { weight: 'regular', size: {mobile: 18, desktop: 20}, lineHeight: {mobile: 24, desktop: 28}, diff --git a/src/skins/vivo.tsx b/src/skins/vivo.tsx index 18d98a3755..38fcfe77ea 100644 --- a/src/skins/vivo.tsx +++ b/src/skins/vivo.tsx @@ -331,7 +331,8 @@ export const getVivoSkin: GetKnownSkin = () => { }, link: {weight: 'medium'}, title1: {weight: 'medium'}, - title2: {weight: 'light', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, + title2: {weight: 'light'}, + title3: {weight: 'light', size: {mobile: 20, desktop: 28}, lineHeight: {mobile: 24, desktop: 32}}, indicator: {weight: 'medium'}, navigationBar: {weight: 'medium'}, text1: {size: {mobile: 12, desktop: 14}, lineHeight: {mobile: 16, desktop: 20}}, diff --git a/src/snackbar.tsx b/src/snackbar.tsx index c379a1adea..fe0204bb5e 100644 --- a/src/snackbar.tsx +++ b/src/snackbar.tsx @@ -219,11 +219,9 @@ const Snackbar = React.forwardRef( isOpenRef.current = true; nativeMessage({ message, - // @ts-expect-error duration can be 'PERSISTENT' in new webview-bridge lib versions, and old apps will ignore it duration: duration === Infinity ? 'PERSISTENT' : undefined, buttonText, buttonAccessibilityLabel, - closeButtonLabel, type, withDismiss, }) diff --git a/src/title.tsx b/src/title.tsx index ea37529e69..858def8b37 100644 --- a/src/title.tsx +++ b/src/title.tsx @@ -1,6 +1,6 @@ 'use client'; import * as React from 'react'; -import Text, {Text1, Text2, Text6} from './text'; +import Text, {Text1, Text2, Text6, textProps} from './text'; import Inline from './inline'; import Box from './box'; import {vars} from './skins/skin-contract.css'; @@ -63,6 +63,21 @@ export const Title1 = ({children, as = 'h3', id, right, dataAttributes}: TitlePr }; export const Title2 = ({children, as = 'h3', id, right, dataAttributes}: TitleProps): React.ReactElement => { + const {textPresets} = useTheme(); + return ( + + {children} + + } + right={right} + dataAttributes={{'component-name': 'Title2', ...dataAttributes}} + /> + ); +}; + +export const Title3 = ({children, as = 'h3', id, right, dataAttributes}: TitleProps): React.ReactElement => { const {textPresets} = useTheme(); return ( {children} } right={right} - dataAttributes={{'component-name': 'Title2', ...dataAttributes}} + dataAttributes={{'component-name': 'Title3', ...dataAttributes}} /> ); }; -export const Title3 = ({children, as = 'h3', id, right, dataAttributes}: TitleProps): React.ReactElement => { +export const Title4 = ({children, as = 'h3', id, right, dataAttributes}: TitleProps): React.ReactElement => { return ( } right={right} - dataAttributes={{'component-name': 'Title3', ...dataAttributes}} + dataAttributes={{'component-name': 'Title4', ...dataAttributes}} /> ); }; diff --git a/yarn.lock b/yarn.lock index b641e42c5a..818295f42a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5408,10 +5408,10 @@ __metadata: languageName: node linkType: hard -"@tef-novum/webview-bridge@npm:^3.27.0": - version: 3.27.0 - resolution: "@tef-novum/webview-bridge@npm:3.27.0" - checksum: acbbb406bca0b7a836274f0630852837c1ab1369c3128f95086b47469124c16e7b498779af4d3a15a5cfe6cd87ca55d31c5106379bfe40ea80ee9e7a131de9ce +"@tef-novum/webview-bridge@npm:^3.39.0": + version: 3.39.0 + resolution: "@tef-novum/webview-bridge@npm:3.39.0" + checksum: a4edadce1f3164e3bd50e2c0a22811d97ba4cdb6fc2c7c4e7ee166ed02f3a59fd0605e51a08cd10daf320328af1cb4233640a370f7fc1218444a336447a453b5 languageName: node linkType: hard @@ -5510,7 +5510,7 @@ __metadata: "@swc/cli": ^0.1.62 "@swc/core": ^1.3.95 "@swc/jest": ^0.2.29 - "@tef-novum/webview-bridge": ^3.27.0 + "@tef-novum/webview-bridge": ^3.39.0 "@telefonica/acceptance-testing": 5.0.0 "@telefonica/eslint-config": ^2.2.0 "@telefonica/libphonenumber": ^2.9.0