Open Close
Teva VIsion
Font Face
Teva Sans Latin
Drafts & Templates
PBS Templates
Primitives & components context
Teva Global
Primitives & components: Teva Global

Changelog

Teva VIsion Wizard

Fix

  • 12 Oct 2022 - Hide contextual field radio button when unselected
  • 04 Oct 2022 - Glitch when navigating back.

Changed

  • 14 Nov 2022 - Form validation required by step validation.
  • 07 Oct 2022 - Add Contextual field suppport
  • 04 Oct 2022 - Add memory, when fields in a step are identical in name and value.
  • 03 Oct 2022 - Revert changes for text field.
  • 19 Sep 2022 - Sharpen step validation to allow for text field.
  • 17 Aug 2022 - Add checkbox support
  • PBS support

Added

  • 21 Nov 2022 - When top of wizard not in viewport on prev step, scroll top into view.
  • 07 Nov 2022 - When top of wizard not in viewport on new step, scroll top into view.
  • Initial draft

Teva VIsion Voucher Bar

Fix

  • 06 Jun 2023 - Show correct icon.

Added

  • Initial draft

Teva VIsion Visual Select Button

Fix

  • 15 Sep 2023 - Fixed buttons flickering and misalignment on resize.
  • 2 Dec 2022 - Typo

Changes

  • 22 Nov 2022 - DC Inserted new code by Georgi Velev

Added

  • Initial draft

Teva VIsion Video

Changed

  • 13 Aug 2025 - fix(video): fix inline video scroll offset calculation
  • 10 Juni 2024 - Use youtube-nocookie.com for youtube videos.
  • 04 Juli 2022 - Transcript default is ‘open’
  • A11y add enter/space to trigger video.
  • Try to autoplay lazy-loaded videos (only works when browser allows it)
  • Update javascript to push custom message to GTM dataLayer.
  • PBS support tweak to better support biosimilars theme
  • Pause on audio play
  • Update to new Vimeo oEmbed API
  • A modifier class --modal used by js was renamed --button. Make sure that js AND css are updated.
  • Refactor Mode: Background
  • Refactor Mode: Button
  • Print: css adjustments
  • Pause autoplay when playing video in slider.
  • Override onYouTubeIframeAPIReady when defined to prevent conflict with googletagmanager. Also works in IE11
  • Accessibility: return focus on initiating element.
  • Accessibility: added data-attribute data-video-modal-close-button-label to set the aria-label of the close button. Contents of button changed to X because we use an aria-label.
  • Accessibility: Video, add role and aria-label to video component.
  • Switch between ‘inline’ and ‘modal’ mode from 768px to 960px.

Fix

  • 11 Nov 2024 - fix(video): call to undefined modal
  • 14 May 2024 - Fix for lazy loaded videos playing after closing modals before video load.
  • 13 Sep 2023 - Try to fix unreproducable pause bug in video collection.
  • 11 Aug 2022 - Fix transcript content padding in documentation.
  • 12 Juli 2022 - Trigger dom change after cloning description.
  • 28 June 2022 - Fix scrollparent detector
  • Youtube background shows as 1px black line when video mode background
  • Fix rounding issue artificial object fit.
  • Fix autoplay lazy-loaded videos: hybrid mode should not autoplay when vendor embed is displayed (small screens).
  • Background Video GTM dataLayer error.
  • Stop Video Component correctly when modal is closed.
  • Scroll issue in inline mode.
  • YT Inline mode not playing in place on iOS.
  • Fix the handling of ‘external’ clicks towards cloned elements in slider.
  • Temporary Fix ‘Vimeo makes incorrect jsonp callback’ when the name of the callback starts with ‘jQuery’ (!?)
  • Slider change interference causing video pause.
  • Do not require youtube key for vimeo videos.
  • Object fit calculation not always correct.
  • Background mode creates modal on incoming links.

Added

  • 20 June 2022 - Documentation on the use of Transcripts
  • Optional data-video-poster option, to disable the poster image on a background video.
  • Add data-player-mode="button" to allow button mode on any link or button element.
  • Optional data-video-lazy option, to lazy load vendor player.
  • PBS support
  • Mode: Inline
  • Mode: Modal
  • Add data attribute data-video-description-id to point to description. Works for Video as wel as for Video Button
  • Video Button with documentation.
  • Background video examples
  • Initial draft

Teva VIsion Video Hero

Fix

  • 28 June 2022 - Fix scrollparent detector
  • Quickfix regression scrolldown button
  • Fix vh issue mobile
  • Fix narrow white line when content direction RTL
  • Some settings on OS make browsers have difficulty understanding 100vw.

Added

  • 17 June 22 - Text color modifiers for contrast and aestatics.
  • Initial draft

Teva VIsion typesystem

Fix

  • Correct article heading colors PBS.
  • Allow header in blockquote to inherit blockquote color.
  • Force webkit only redraw on offsetted underline

Changed

  • Use a more modern way to offset underline (ignoring IE11)
  • --article’s ul and ol rules do not apply when using bootstrap .list-unstyled.
  • Print: css adjustments
  • Art direction: Better spacing article header h2.
  • --collapse-last modifier should only affect direct children of given type.

Added

  • 24 Oct 2024 - feat(typesystem): Add --shadow modifier
  • More finegrained PBS support
  • Support for .vi-btn-link (Button as link)
  • PBS support
  • Make --collapse-last work when inside <div dir="...">
  • Support direction ltr inside rtl for ol and ul.
  • Add dl to --collapse-last
  • --blockquote modifier.
  • blockquote styling.
  • Initial draft

Teva VIsion Type

Changed

  • Black rectangular to better fit Teva Sans

Added

  • Initial draft

Fix

  • 6 Dec 2022 - Black triangle must work in gradient text environments. (text-fill-color)

Teva VIsion Tooltip

Added

  • 29 Jan 2025 - feat(tooltip): adjustable styling for tooltip
  • Initial draft

Teva VIsion Toast

Changed

  • 16 Jan 2025 - feat(toast): art direction on Toast component transitions

Added

  • Initial draft

Teva VIsion Timeline Milestone

Fix

  • 28 June 2022 - Fix scrollparent detector

Changed

  • Add PBS support
  • The Video Milestone is now using the Video Button instead of modal with a vendor player. The code predated the button mode of the video.
  • Accessibility: Allow h1-h6 for the year indicator.

Added

  • Initial draft

Teva VIsion Timeline Era

Changed

  • Add PBS support
  • Changes in CSS to work with updated Accordion
  • Accessibility: add role=button to toggle.

Added

  • Initial draft

Teva VIsion Theme Wti Clinical Trials

Added

  • Initial draft

Teva VIsion Theme Vogalib

Added

  • Initial draft

Teva VIsion Theme Transpharm

Added

  • Add Safety Instructions Component
  • Add Scrollpane Component
  • Initial draft

Teva VIsion Theme Tevacuidar

Added

  • 07 Juli 2022 - Initial draft

Teva VIsion Theme Tevacann

Changed

  • 09 Aug 2022 - Color by request

Added

  • Initial draft

Teva VIsion Theme Teva Template

Added

  • Initial draft

Teva VIsion Theme Teva Self Care

Added

  • Initial draft

Teva VIsion Theme Teva Pharmacyfrontdoor

Added

  • Initial draft

Teva VIsion Theme Teva Octreotide Acetate

Added

  • Initial draft

Teva VIsion Theme Teva Med Pl

Added

  • Initial draft

Teva VIsion Theme Teva Lotuslabs

Added

  • 07 Juli 2022 - Initial draft

Teva VIsion Theme Teva Impact Td

Added

  • Initial draft

Teva VIsion Theme Teva Cares Foundation

Added

  • Initial draft

Teva VIsion Theme Teva Biosimilars

Changed

  • Logo size collapsed header

Added

  • Initial draft

Teva VIsion Theme Synribo

Added

  • Initial draft

Teva VIsion Theme sudocrem

Added

  • Initial draft

Teva VIsion Theme Sudocrem Uk

Added

  • Initial draft

Teva VIsion Theme Ratiopharm

Added

  • 18 Mar 2025 - feat(theme-ratiopharm): use humatrix logo
  • Initial draft

Teva VIsion Theme Ranopto

Added

  • Initial draft

Teva VIsion Theme Pronasal

Added

  • Initial draft

Teva VIsion Theme Olfen

Changed

  • 10 Jul 2023 - Changed in color navigation.

Added

  • Initial draft

Teva VIsion Theme Nutrilon

Added

  • Initial draft

Teva VIsion Theme Naloxone

Added

  • Initial draft

Teva VIsion Theme Mimedicamento

Added

  • Initial draft

Teva VIsion Theme Mepha

Added

  • Initial draft

Teva VIsion Theme Medis

Changed

  • 15 Dec 2023 - Apply Redesign
  • 11 Aug 2022 - Tweak! Change reset filter colors

Added

  • Initial draft

Teva VIsion Theme Mais Momentos

Added

  • Initial draft

Teva VIsion Theme Liberize

Added

  • Initial draft

Teva VIsion Theme Laboratorio Chile

Added

  • Initial draft

Teva VIsion Theme Kopf Klar

Added

  • 18 Mar 2025 - fix(theme-kopf-klar): submenutrigger color
  • Initial draft

Teva VIsion Theme Hora De Conhecer

Added

  • Initial draft

Teva VIsion Theme Go Resp Digihaler

Added

  • Initial draft

Teva VIsion Theme Go Resp Digihaler Ps

Added

  • Initial draft

Teva VIsion Theme Go Resp Digihaler Hcp

Changed

  • 30 Aug 2023 - Logo size to legal specs.

Added

  • Initial draft

Teva VIsion Theme Duoresp

Added

  • Add Safety Instructions Component
  • Add Scrollpane Component
  • Initial draft

Teva VIsion Theme Conakaszel

Added

  • Initial draft

Teva VIsion Theme Cns Bytes

Added

  • Initial draft

Teva VIsion Theme Canada Biosimilars

Added

  • Initial draft

Teva VIsion Theme Calperos

Added

  • Initial draft

Teva VIsion Theme Braltus

Added

  • 09 Aug 2022 - Initial draft

Teva VIsion Theme Blueprint

Changed

  • 03 Feb 2025 - feat(theme-blueprint): add modal component modifier examples.
  • 06 Oct 2023 - Added classic-neutral and intro-neutral to variants.

Added

  • Initial draft

Teva VIsion Theme Aviomarin

Added

  • Initial draft

Teva VIsion Theme Anda

Added

  • 20 Aug 2025 - fix coloring error.
  • Initial draft

Teva VIsion Theme Aktiv Mit Ms

Added

  • Initial draft

Teva VIsion Theme Ajovy

Added

  • Add Safety Instructions Component
  • Add Scrollpane Component
  • Initial draft

Teva VIsion Theme Ajovy Israel

Added

  • Initial draft

Teva VIsion Theme Ajovy Canada

Changed

  • Update pink color to different shade

Added

  • Initial draft

Teva VIsion Theme Actavis

Added

  • Initial draft

Teva VIsion Taxonomy

Fix

  • Long tag names should wrap.

Changed

  • A11y Add aria-label="categeries" to element ul.vi-taxonomy

Added

  • PBS support
  • Initial draft

Teva VIsion Tables

Fix

  • 29 Sep 2025 - fix(table): fix issue when table has margins set.
  • 12 Aug 2025 - fix(table): fix table in accordion issue.
  • 19 Sep 2023 - Arrows fix on android devices and when ‘toggle sticky column’ button is clicked.
  • 16 Aug 2023 - Increased css selector specifity in order for the ‘–collapse’ modifier to work as expected.
  • 11 Aug 2023 - Fix on safari for discount not applying absolute positioning of the row.
  • 21 Jul 2023 - Fix datepicker in table mixing up styles.
  • 23 Jun 2023 - Arrow buttons behaviour acts on scroll.
  • 23 Jun 2023 - Arrow buttons behaviour now works even with (externally set) margin
  • 23 Jun 2023 - Fix outlines on arrow buttons table mini
  • 02 Jun 2023 - Scrollbar peeking through on table Mini.
  • 22 May 2023 - Fix table Mini not collapsing.
  • 22 May 2023 - Fix padding table ‘almost unstyled’.
  • Fix (iOS) Safari unable to stick.
  • Fix fixate first column height when collapsed.
  • Fix overlapping text on table type small when first column is collapsed.

Changed

  • Fixate first column height when collapsed.
  • If sticky, always show collapse button.

Added

  • 17 May 2023 - Refactored table type mini and add modifier --grayed-out
  • 12 May 2023 - Add integration of .vi-impersonating-discount-bar to table
  • 10 Jan 2023 - Generic modifier .vi-table--collapse for collapsing columns.
  • 25 Nov 2022 - Table ‘mini’
  • PBS support
  • Two color variants to default table --accent-1, --accent-2
  • Initial draft

Teva VIsion Tab Panel

Added

Teva VIsion Strip

Changed

  • 17 Jan 2023 - Changed subtitle element to p.
  • 6 Dec 2022 - Structure change to support subtitles to Strip Visual
  • 22 Aug 2022 - Make the blur optional.
  • PBS: timeline strip.
  • PBS: accent-2 button-colors can now be overridden from strip perspective.
  • Accessibility: Video, add role and aria-label to triggers with video button (classic, epic, hero)
  • Art direction Teva Sans

Fix

  • 03 Dec 2024 - fix(strip) - Art direction accesibility text overlay on image. Strip Visual
  • 6 Dec 2022 - Make content of neutral strip pointer accessible.
  • 5 Oct 2022 - container width collapses when short content on Strip Visual
  • Incorrect modifier for Rectangular Image used for Strip Visual with background video.
  • RTL Support for Strip Visual.
  • Click area of button on strip visual and neutral
  • Double focus ring on trigger
  • Positioning Controls Slider with video buttons.
  • Fix Epic alignment regression.
  • To restrict the content length of the Intro Strip, the copy is placed inside the Content Layout component.
  • Intro strip safari issue.

Added

Teva VIsion Store Locator

Change

  • 15 Nov 2024 - feat(store-locator): update input field to use input extend wrapper and input extend button with data-clear-input attribute.
  • 23 Aug 2024 - Submit on select
  • 13 Jun 2024 - Update Map API version to 3.57
  • Update Map API version to 3.47
  • Allow data-icon-scale to be number from 0.2 to 1 (including)

Added

  • 19 Feb 2024 - Show example of noresults data attribute.
  • 19 Feb 2024 - Sanitize empty array items in the data.
  • The ability to use filters and documentation.
  • Data attribute data-icon-scale for scaling the icon.
  • RTL support (need info on dropdown formatting)
  • Initial draft

FIX

  • 15 Aug 2024 - Remove IE11 polyfill
  • 13 Jun 2024 - Fix Malaga issue somwhat blinded. Can not recreate the scenario.
  • IE11 issue after dependency upgrade.
  • Fix RTL support, secondary text different order. Might need finetuning from native speakers.
  • Fix RTL support, demo requires extra js (because of the direction switch)
  • RTL infowindow not under pin.
  • Break long sentences on word.

Teva VIsion Slider

Fix

  • 26 Mar 2025 - feat(slider): add data-slider-loop to card preset.
  • 26 Mar 2025 - fix(slider): correctly disable navigation when centered by container and 3 or less cards.
  • 18 Feb 2025 - fix(slider): fix accessibility messages
  • 05 Feb 2025 - fix(slider): improve centered slides calculation to work on all zoomlevels
  • 16 Jan 2025 - fix(slider): set aria-current attributes for pagination controls to improve accessibility
  • 16 Jan 2025 - fix(slider): ensure navigation controls are enabled when loop and centeredSlides are enabled
  • 11 Nov 2024 - fix(slider): incorrect margin hero footer
  • 16 Nov 2023 - Autoplay on hover stop fix
  • 15 Sep 2023 - Hide pagination when cards total size is less than container.
  • 01 Mar 2023 - Glitch in crossfade when controlled via pagination.
  • hero footer position.
  • Workaround browser pixel rounding issues.
  • Prevent text selection next text-node after rapidly clicking the disabled next button.
  • Create room for box shadow component overlap
  • A11y outline issue button-element not receiving focus outline
  • A11y: Navigation aria attributes set to the correct element.
  • Pause/Play buttons not reflecting pause state. (js only)
  • Positioning Controls Slider with video buttons.
  • A11y slide containing element with keyboard focus scrolled into view.
  • Hero preset documentation.

Changed

  • Small change to allow usages outside .vi-container on Full Width Page Layout
  • Disabled forced load of images.
  • A11y: Optimised tab-behaviour card preset.
  • A11y: Navigation buttons are buttons now.
  • Ability to detect video mode. (js only)
  • Add ‘next slide’ as argument to slide ‘change’ event.
  • Pause autoplay when playing video in slider.
  • Accessibility: Apply ‘the’ focus outline on pagination (css)
  • Use Rectangular Image –custom in basic slider examples to prevent incorrect use.
  • Added .vi-slider__slides element as root of slider. Not using this element will be frowned upon.
  • Deprecated .vi-slider__navigation-card, .vi-slider__navigation-card--prev and .vi-slider__navigation-card--next. Use .vi-slider__navigation, .vi-slider__navigation--prev and .vi-slider__navigation--next instead.

Added

Teva VIsion Sitemap

Added

  • 23 Nov 2023 - Add locked icon variant
  • 28 June 2022 - Initial draft

Changed

  • 07 Nov 2023 - Header are links now.

Teva VIsion Site Split

Added

  • Initial draft

Teva VIsion Signature Field

Fix

  • 25 Jan 2023 - [TVB-12573] Removed unrequired z-index to prevent conflict with combobox.
  • 19 Jan 2023 - [TVB-12376] Proxy field in error focus.
  • 19 Jan 2023 - [TVB-12377] Clear button remains active in the field after value reset.
  • 19 Jan 2023 - [TVB-12392] [TVB-12349] Show clear button when mouse out of element.
  • 23 Nov 2022 - signature field / contact decision tree integration
  • 21 Nov 2022 - Scroll appears when user draws in field
  • 21 Nov 2022 - Submit / clear issue
  • 21 Nov 2022 - Draw not stopping on mouse out of element.
  • 31 Oct 2022 - Reset underlaying field.

Added

  • 31 Mar 2023 - Create HiDPI drawings (patches orignal library)
  • 10 Oct 2022 - Add reset button styling.
  • Initial draft

Teva VIsion Sidebar Section

Changed

  • PBS support
  • Removed restrictive styling.
  • CSS change better accommodate multiple scenarios in __head.
  • Markup change!: The .vi-sidebar-section__title is now wrapped inside .vi-sidebar-section__head to allow for more elements in head.
  • Accessibility: Re-tag heading to H4 (although, depends on page hierarchy)

Added

  • Examples use cases.
  • Initial draft

Teva VIsion Side Panel

Fix

  • 03 Jul 2023 - Whitespace to the left issue.
  • 06 Jun 2023 - Fix loading order in documentation
  • 02 Jun 2023 - Make exeptional green label.
  • 17 Feb 2023 - Fix missing dependency on typesystem.

Changed

  • 24 May 2023 - Moved styling from #id to .vi-side-panel class. So that multiple side panels can be used on the same page.

Added

  • 04 Jul 2023 - Add --fit modifier to make the side panel fit the viewport.
  • Initial draft

Teva VIsion Share Quote

Added

  • PBS support
  • Initial draft

Teva VIsion Share Buttons

Fix

  • Background and border radius not needed when using new social media icons
  • A11y outline issue button-element not receiving focus outline

Changed

  • Accessibility: Changed focus color to #E8E8A0 for --page-footer-links variant.
  • Accessibility: Update outline width to 2.5px;
  • Accessibility: focus display in specific color #0D3360
  • Accessibility: focus display

Added

  • PBS support
  • Initial draft

Teva VIsion Separator

Changed

  • Allow separators to work inside typesystem.

Added

  • PBS support
  • Initial draft

Teva VIsion Search Result

Added

  • PBS support
  • Initial draft

Teva VIsion Search Box

  • 09 Oct 2025 - fix(search-box): Secondary text color when selected.

Fix

  • 24 Jun 2025 - fix(search-box): dropdown width for --inversed-small version.
  • 23 Jun 2025 - fix(search-box): dropdown width for --inversed version.
  • 13 Mar 2025 - fix(search-box): cleanup css and fix logical flow (rtl)
  • 18 Jun 2024 - Null check for suggestions.
  • 20 Sep 2023 - Suggestions dropdown height fix.
  • 11 Aug 2023 - Inversed search box input line height fix.
  • 23 Jun 2023 - Remove value when clear button clicked.
  • 14 Jun 2023 - Fix missing hover color after ‘suggestion’ from server.
  • 22 Mar 2023 - Fix disappearing highlighted spaces.
  • 14 Mar 2023 - move data-debounce out of auto-querystring-conversion.
  • Smarter string sanitizer to allow Hebrew characters (but not <script> for example)
  • Fix RTL support, secondary text different order. Might need finetuning from native speakers.
  • Fix RTL support, demo requires extra js (because of the direction switch)

Added

  • 23 Oct 2024 - Optional Submit on select by using data-submit-on-select attribute.
  • 12 Sep 2023 - Added scrollpane on autocomplete results
  • 2 Aug 2023 - Added examples for inverted style for search box with normal and small variants.
  • 14 Jun 2023 - Add custom event vi-search-box:selected that triggers when a suggestion is selected.
  • 3 Apr 2023 - Show HTML when result-key is suggestion
  • 24 Mar 2023 - data attribute data-min-chars to finetune the minimal characters required before requesting the endpoint.
  • 24 Mar 2023 - Add clear button to form.
  • 14 Mar 2023 - When primary contains %suggestion%-tags select the tagged suggestion only.
  • 14 Mar 2023 - make data-attributes behave like properties.
  • 10 Mar 2023 - data attribute data-debounce to finetune the postpone of endpoint requests.
  • 16 Dec 2022 - optional extra querystring parameters.
  • PBS support
  • data attribute data-noresults to translate “No results…” string.
  • Autosuggest support
  • RTL support
  • Initial draft

Changed

  • 23 Aug 2024 - Submit on select
  • 05 Jul 2023 - Placeholder capitalization settable by editor.
  • 23 Mar 2023 - Show results focus (and also when clicked while active)
  • CSS Optimized for print.
  • Minimum 3 characters needed before suggestions start getting rendered.
  • Debouncing 200ms

Teva VIsion Scrollpane

Fix

  • 19 Jul 2023 - Fix Side panel, on second launch, misses content
  • 04 Jul 2023 - Fix peaking through of native scrollbar.
  • 14 Feb 2023 - Play nice with modal.

Changed

  • Create space for dictated outline.
  • Base color to primary color. Use modifiers --dominant, --accent-1,--accent-2 or --inversed to change the color. Also the ability to change color depending breakpoint.

Added

  • 23 Aug 2022 - Add offset modifiers
  • PBS support
  • Recalculate Method $.fn.viScrollpane('recalculate')
  • Listen for dom updates, required for drilldown.
  • Initial draft

Teva VIsion Safety Instruction

Changed

  • Reapplied the grid
  • Reduce top space again.
  • Reduce top space.
  • To work cooperatively with scroll to top and navigation, changed mount parent.

Fix

  • 29 June 2022 - Keep Sticky notice inline when scrolled out of top viewport.
  • 28 June 2022 - Fix scrollparent detector
  • Scroll ‘timing’ by dropping IE11 support.
  • Overlap of scrollbar though to reducing space
  • Scroll on focus (fix misplacement of intructions).
  • Overlay incidentally not created on page load.
  • Try to fix a none render of the safety instruction. (unable to recreate issue)

Added

  • 16 Dec 2024 - feat(safety-instruction): add minus-sign modifier --trigger-alt and update styleguide
  • Initial draft

Teva VIsion Rectangular Image

Fix

  • 31 Jan 2023. Regression tripple image widths of strip site split.
  • Possible IE11 issue. Object fit called when no image.

Changed

  • 07 Feb 2023 - Wrap --strip-site-split images in picture element to fit cms implementation.
  • Changed credits modifier --top-left to --top-start to better reflect purpose in RTL languages
  • Changed credits modifier --top-right to --top-end to better reflect purpose in RTL languages
  • Changed credits modifier --bottom-left to --bottom-start to better reflect purpose in RTL languages
  • Changed credits modifier --bottom-right to --bottom-end to better reflect purpose in RTL languages

Added

  • 17 Oct 2022 - Added --screen-modal modifier.
  • 13 June 2022 - Add support for custom element <model-viewer>
  • Seperate Strip Visual modifier --strip-visual.
  • Added Icon to overlay the image --podcast.
  • Added Icon to overlay the image --video.
  • Added Strip Hero Navigation modifier --strip-hero-navigation.
  • RTL support (credits)
  • Added credits.
  • Added --hero-image modifier to replace deprecated Figure modifier.
  • Added --video and --custom modifiers.
  • Added draggable="false" attribute.
  • Initial draft

Teva VIsion Rectangular Image Sticker

Fix

  • 11 Aug 2023 - Fixed background being overitten when in combined styles.
  • Second circle --hero-image shifts to gpu layer. HTML CHANGE REQUIRED: Element with class .vi-rectangular-image-sticker__main-wrap added.
  • Safari Flicker when used in card. HTML CHANGE REQUIRED: Element with class .vi-rectangular-image-sticker__wrap added. Because Safari.

Added

  • PBS support stickers
  • Initial draft

Teva VIsion Receipt

Fix

  • 17 Nov 2023 - Added check if receipt is not in side panel that fixes calculations.
  • 11 Sep 2023 - Scrollpane disapears in modal after multiple opens
  • 31 Aug 2023 - Added null checks for when opening modal and something in receipt is missing.
  • 11 Aug 2023 - Removed commented receipt footer to show the bottom line after the discounts.
  • 04 Jul 2023 - Changed line-height of compact to new value. Updated badge tweaks to be centered to this value.
  • 04 Jul 2023 - Modifier --in-modal for when used inside a modal.
  • 04 Jul 2023 - Fix missing js.
  • 03 Jul 2023 - Tweak styling of the receipt component.
  • 19 Jun 2023 - Add missing dependency to docs and set default.
  • 07 Jun 2023 - More generic modal selector in js.

Added

  • Initial draft

Teva VIsion Read Out Loud

Fix

  • RTL progress offset reversed (TVB-4657)
  • Bullet RTL problem (TVB-4049)
  • Sticky playhead (TVB-4624)
  • Out of box scrolling (focus back to initiator) (TVB-4625)

Changed

  • Pause on video play

Added

  • Initial draft

Teva VIsion Rd Pipeline Legend

Added

  • 11 Jul 2024 - Removed one category and art direction.
  • Initial draft

Fix

  • 11 Sep 2024 - Broken legend

Teva VIsion R D Pipeline Filtering

Fix

  • 11 Sep 2024 - Removed seemingly unused flexbox styles
  • 04 Sep 2024 - Close button inline direction issue.
  • 23 Aug 2024 - Broken layout
  • 23 Aug 2024 - Broken collapse

Added

  • Initial draft

Teva VIsion Product Search

Added

  • Initial draft

Teva VIsion Product Page

Added

  • Initial draft

Teva VIsion Product Page Search

Added

  • Initial draft

Teva VIsion Product Page Navigation

Added

  • Initial draft

Teva VIsion Product Page Navigation Bar

Added

  • Initial draft

Teva VIsion Product Page Masthead

Added

  • Initial draft

Teva VIsion Product Page Layout

Added

  • Initial draft

Teva VIsion Product Page Branding

Added

  • Initial draft

Teva VIsion Pop Navigation

Fix

  • 27 Feb 2025 - fix(pop-navigation): kill the timeout after user interaction.
  • 19 Feb 2025 - fix(pop-navigation): data-pop-navigation-active=”false” should work as expected
  • 28 Apr 2023 - Fix peaking edges on trigger.
  • 16 Feb 2023 - Moved padding to prevent cut off outlines, Change image color breakpoint.
  • 14 Feb 2023 - Regression, arrow missing.
  • Positioning of key activated popup.
  • Incorrect positioning when active on page load.
  • Popnavigation renders under main navigation when viewport has small height.

Changed

  • 08 Feb 2023 - Make it scrollable when required by viewport height.
  • Accessibility: aria-expanded state added to button.
  • Better key control.

Added

  • 22 Jan 2025 - feat(pop-navigation): allow numeric delay for enabling navigation on page load
  • 08 Feb 2023 - Modifiers data-pop-navigation--sm-btns and data-pop-navigation--editable
  • Use data attribute data-pop-navigation-active to allow pop nav on start.
  • Initial draft

Teva VIsion Pop Button

Fix

  • 26 Feb 2025 - feat(pop-button): add data-mount attribute to mount the dialog to a different element.
  • 01 Feb 2024 - Fixed pop button being stuck and not closing on hover in some cases.
  • 23 Jan 2024 - Fixed pop button appearing at wrong location for a split second while repositioning.
  • 12 Sep 2023 - Firefox fix of content width
  • 30 Aug 2023 - Better determination of scrollcontext
  • 29 Aug 2023 - Normalize behaviour of click strategy.
  • 11 Aug 2023 - Fixed large pop button missing the big pop up when attached to body.
  • 31 Jul 2023 - Collapse the dialog width.
  • 23 Jun 2023 - Spaghetti fix the dialog positioning on safari (mobile) by forcing fixed strategy en moving the dialog to the body.
  • 02 Jun 2023 - Removed data-pop-button-dialog-placement and data-pop-button-dialog-placement-fallback from the large pop-button example.
  • 02 Jun 2023 - Prevent the need of two touches to open the dialog on touch devices when in hover mode.
  • 16 May 2023 - Fix width on --lg modifier.
  • 13 Jun 2022 - Fix bug where ‘stem’ fails in certain direction

Added

  • 30 Aug 2023 - Close on scroll
  • 29 Aug 2023 - Add click outside; Add ony one open.
  • 07 Apr 2023 - Add --lg modifier for a large size dialog area.
  • 07 Apr 2023 - Add data-pop-button-dialog-strategy to control the mount strategy of the dialog.
  • 05 Apr 2023 - Add data-pop-button-dialog-placement and data-pop-button-dialog-placement-fallback to control the direction of the dialog.
  • 14 Dec 2022 - Added click to open behaviour. So now hover / click is an option.
  • Initial draft

Teva VIsion Pipeline Card

Added

  • 19 Dec 2022 - Additional colors
  • Initial draft

Teva VIsion Pattern

Fix

  • Infinite loop on sequential sets of 1 length.

Added

  • Added random set --random-primary-pattern (without plain version)
  • PBS support
  • data-pattern-seed data-attribute. When set to random, js is forced to generate none deterministic random.
  • Art Direction (rules about pattern combinations)
  • Added random set --random-primary-gradient-neutral
  • Added random set --random-gradient-moment
  • Initial draft

Teva VIsion Pagination

Changed

  • CSS Optimized for print.
  • Small spacing change.

Added

  • 25 Jan 2023 - Added modifier --sm to .vi-pagination__item for correct sizing of the Small Pagination
  • Added modifier --alphabet to .vi-pagination__item for correct sizing of the Alphabet Filter Pagination
  • Initial draft

Teva VIsion Page

Added

Teva VIsion Page Search

FIX

  • 23 Jun 2023 - Remove value when clear button clicked.
  • 14 Jun 2023 - Fix missing hover color after ‘suggestion’ from server.
  • 22 Mar 2023 - Fix disappearing highlighted spaces.
  • Smarter string sanitizer to allow Hebrew characters (but not <script> for example)
  • Fix RTL support, secondary text different order. Might need finetuning from native speakers.
  • Fix RTL support, demo requires extra js (because of the direction switch)

Added

  • 23 Oct 2024 - Optional Submit on select by using data-submit-on-select attribute.
  • 15 Jun 2023 - Add custom event gw-page-search:selected that triggers when a suggestion is selected.
  • 03 Apr 2023 - Show HTML when result-key is suggestion
  • 31 Mar 2023 - Sync behaviour with Search Box
  • 24 Mar 2023 - data attribute data-min-chars to finetune the minimal characters required before requesting the endpoint.
  • 24 Mar 2023 - Add clear button to form.
  • 10 Mar 2023 - data attribute data-debounce to finetun the postpone of endpoint requests.
  • PBS support
  • data attribute data-noresults to translate “No results…” string.
  • Accessibility: Tabindex collapsed state when viewed at 200%;
  • RTL support
  • Initial draft

Changed

  • 23 Aug 2024 - Submit on select
  • 05 Jul 2023 - Placeholder capitalization settable by editor.
  • Minimum 2 characters needed before suggestions start getting rendered.
  • Debouncing 200ms

Teva VIsion Page Navigation

Fix

  • 02 Apr 2025 - fix(page-navigation): allow submenu trigger color override fix.
  • 28 Mar 2025 - fix(page-navigation): allow submenu trigger color override.
  • 01 Feb 2023 - [TVB-12585] - CTA button must restore sibbling state when a button too.
  • 25 Jan 2023 - [TVB-12585] - CTA button must restore sibbling state.
  • Browser rounding issue. scaled 1px not always 1px.
  • A11y outline issue button-element not receiving focus outline
  • Misplacement TEVA logo when direction is RTL
  • Accessibility: Moved aria-expanded one level up to the a-tag. (js)
  • Accessibility: ESC key should closes the sub menus and return the focus to the parent menu item
  • RTL support, losing focus when moving pointer to submenu item.
  • Pulldown nav not closing.

Changed

  • PBS support: Better control on __menu element.
  • PBS support: Bigger Teva Logo
  • Accessibility: Update outline width to 2.5px;
  • play and pause icons, now both on 12x12 and 16x16

Added

  • 3 Jun 2024 - Added possibility to use secondary logo outside of product context
  • 30 Nov 2022 - Add CTA button to menu.
  • 04 Okt 2022 - Add .active support for collapsed navigation link
  • 28 Sept 2022 - Add .active support for collapsed navigation link
  • PBS support
  • Accessibility: Tabindex collapsed state when viewed at 200%;
  • Accessibility: focus display in specific color #0D3360
  • Accessibility: focus display
  • RTL support
  • Example of full 3 level navigation
  • Initial draft

Teva VIsion Page Masthead

Fix

  • RTL browser render (another) bug where Firefox unable to outline inline element correctly.
  • RTL browser render bug where Chrome (webkit?) unable to outline inline element correctly.

Changed

  • 16 Nov 2023 - Removed action buttons on the left of masthead.
  • 11 Sep 2023 - Allow masthead buttons on link position.
  • 22 May 2023 - Removed voucher bar and impersonation bar.
  • 22 May 2023 - For now: text -> 14/24 and fixed padding smaller devices.
  • data attribute data-trigger="countries" added to the ‘Select your country website’ button.

Added

  • 17 May 2023 - Add voucher bar.
  • 10 May 2023 - Add impersonation bar.
  • 21 Apl 2023 - Example of new masthead buttons.
  • PBS support
  • Accessibility: Tabindex collapsed state when viewed at 200%;
  • Accessibility: Add aria-expanded and aria-label to search toggle button.
  • RTL support
  • Accessibility: added hreflang and aria-label to language links.
  • Initial draft

Teva VIsion Page Loader

Changed

  • 19 Jul 2023 - Enlarged min height
  • 21 Jun 2023 - Added fake progression.
  • 19 Jun 2023 - Some a11y improvements.
  • 19 Jun 2023 - Revised page loader.

Added

  • Initial draft

Teva VIsion Page layout

Fix

  • 27 Feb 2023 - iOs Safari 16 regression causing horizontal scroll
  • 30 Nov 2022 - Stack reading time indicator under modal backdrop.
  • 30 Nov 2022 - Fix top offset troubles on after injected alert close.
  • 21 Nov 2022 - Reading progress indicator not reaching end of page (!IE11).
  • 7 Nov 2022 - Reading progress indicator position when alerts are cramped in.
  • 26 Sept 2022 - Fix top offset parent difference.
  • 19 Sept 2022 - Fix top offset caching issue
  • 28 June 2022 - Fix scrollparent detector
  • Remove overscroll iOs safari with force.
  • Fix vw issue when layout collapsed
  • Minimal layout did needs to scroll too.
  • Fix vh issue.
  • Accessibility: Change tabfocus back to search toggle, when layout expanded. (js)

Changed

  • Whatsapp button can be part of page-layout
  • Add calculated vw unit to header, needed for browsers from vendors with different opinions.
  • Print: css adjustments
  • Country Select .vi-page-layout__countries element to show country switch.

Added

  • 08 Mar 2023 - Sticky mode, by adding data-sticky="true".
  • 14 Dec 2022 - Landing Layout for Site Split Landing page.
  • 25 Nov 2022 - Documentation on full width layout.
  • Javascript emits event for Country Select Lookup
  • Accessibility: Tabindex collapsed state when viewed at 200%;
  • Accessibility: Add area-expanded collapsed menu buttons
  • Accessibility: Changed text of menu buttons.
  • Accessibility: Add visibility hidden / aria-hidden to menu.
  • Accessibility: Country select ‘logic navigation sequence’.
  • Accessibility: Add aria-expanded and aria-label to search toggle button.
  • RTL support
  • Accessibility: css/js changes to show outline on links and have a better tab order flow.
  • Accessibility: added id #vi-content to .vi-page-layout__main.
  • Accessibility: added <a class="vi-page-layout__skip-to-content" href="#vi-content">Skip to main content</a> link.
  • Adjustments to support IP lookup version of Country Select Lookup
  • Ability to load Page Countries with AJAX.
  • Initial draft

Teva VIsion Page Layout V2

  • 13 Nov 2025 - fix(page-layout-v2): bump to 0.1.25 bentobox context issue, the sequal
  • 13 Nov 2025 - fix(page-layout-v2): bump to 0.1.24 bentobox context issue
  • 13 Nov 2025 - fix(page-layout-v2): bump to 0.1.23 bentobox taxonomy color
  • 10 Nov 2025 - fix(page-layout-v2): bump to 0.1.22 bentobox hover, bentobox rtl
  • 07 Nov 2025 - feat(page-layout-v2): bump to 0.1.21 background
  • 03 Nov 2025 - fix(page-layout-v2): bump to 0.1.20 fix hero carousel breakpoint
  • 21 Oct 2025 - fix(page-layout-v2): bump to 0.1.19 fix bentobox typography issue
  • 29 Sep 2025 - fix(page-layout-v2): bump to 0.1.18 fix autoplay issues
  • 29 Sep 2025 - docs(page-layout-v2): background teva 2025 container
  • 26 Sep 2025 - fix(page-layout-v2): bump to 0.1.17 fix ticker info color
  • 23 Sep 2025 - fix(page-layout-v2): bump to 0.1.16 fix initial direction check hero carousel
  • 22 Sep 2025 - feat(page-layout-v2): bump to 0.1.15 changed duotone image placement back to initial design specs
  • 19 Sep 2025 - feat(page-layout-v2): bump to 0.1.14 add vision-bentobox and vision-taxonomy components and fix reactangular image in circle issue
  • 12 Sep 2025 - feat(page-layout-v2): bump to 0.1.13 fix slider issues
  • 11 Sep 2025 - feat(page-layout-v2): bump to 0.1.12 add arrow option to button
  • 05 Sep 2025 - feat(page-layout-v2): bump to 0.1.11 hero components teva 2025
  • 20 Aug 2025 - feat(page-layout-v2): bump to 0.1.9 Add stock ticker components
  • 19 Aug 2025 - fix(page-layout-v2): bump to 0.1.8 Art direction Anda
  • 18 Aug 2025 - feat(page-layout-v2): bump to 0.1.7 Add theme Anda
  • 13 Aug 2025 - fix(page-layout-v2): bump to 0.1.6 Add vision-banner-orb-carousel
  • 11 Aug 2025 - fix(page-layout-v2): bump to 0.1.5 Add image credits to banner.
  • 11 Aug 2025 - fix(page-layout-v2): bump to 0.1.3 Allow menu button values.
  • 08 Aug 2025 - fix(page-layout-v2): bump to 0.1.2 Button regression, cascade menu a11y issue.
  • 08 Aug 2025 - feat(page-layout-v2): bump to 0.1.1 Allow img tag for banner duotone.
  • 11 Jul 2025 -feat(page-layout-v2): update SVG icons for login buttons according design
  • 11 Jul 2025 - feat(page-layout-v2): bump to 0.1.0 deprecated vision-one-teva in favor of vision-one-vision and added vision-teva-2025 set. docs
  • 04 Jul 2025 - feat(page-layout-v2): bump to 0.0.69 minified and unminified versions of typography and components assets
  • 27 May 2025 - feat(page-layout-v2): added show-secondary-logo-on-scrolldown attribute to control secondary logo visibility on scroll + ajovy theme update
  • 23 May 2025 - fix(page-layout-v2): fragment link offset on page load
  • 13 May 2025 - fix(page-layout-v2): masthead button gap
  • 07 May 2025 - fix(page-layout-v2): Make mepha use page font.
  • 15 Apr 2025 - fix(page-layout-v2): wip scroll offset
  • 14 Apr 2025 - fix(page-layout-v2): fix incorrect parsing of empty array.
  • 09 Apr 2025 - fix(page-layout-v2): delegate button focus
  • 01 Apr 2025 - fix(page-layout-v2): implement responsive height calculations for layout components
  • 28 Mar 2025 - feat(page-layout-v2): mepha theme file (update all assets)
  • 24 Mar 2025 - fix(page-layout-v2): stacking order above dropdowns
  • 24 Mar 2025 - fix(page-layout-v2): bump to 0.0.57 fix popover content not accessible via keyboard
  • 21 Mar 2025 - fix(page-layout-v2): bump to 0.0.56 fix language selector wrap and masthead slots equal to granix
  • 21 Mar 2025 - fix(page-layout-v2): bump to 0.0.53 fix social media icon coloring
  • 21 Mar 2025 - doc(page-layout-v2): add language selector component to menu
  • 21 Mar 2025 - fix(page-layout-v2): correct logic for determining current page in navigation items
  • 20 Mar 2025 - fix(page-layout-v2): force width on logo’s
  • 12 Mar 2025 - fix(page-layout-v2): disconnecting dropdown button
  • 12 Mar 2025 - feat(page-layout-v2): output --page-layout-expanded-height and --page-layout-collapsed-height custom properties
  • 11 Mar 2025 - feat(page-layout-v2): add collapse-inline to language selector
  • 10 Mar 2025 - fix(page-layout-v2): granix navigation-end and all menu-buttons at start
  • 07 Mar 2025 - fix(page-layout-v2): allow search and slots when navigation-end is set
  • 04 Mar 2025 - feat(page-layout-v2): add navigation-end to navigation boolean.
  • 04 Mar 2025 - fix(page-layout-v2): add rel and target handling to navigation links.
  • 28 Feb 2025 - fix(page-layout-v2): navigation not showing levels
  • 25 Feb 2025 - feat(page-layout-v2): Add <vision-social-media-bar> component.
  • 19 Feb 2025 - feat(page-layout-v2): granix header version plus several fixes.
  • 04 Feb 2025 - fix(page-layout-v2): add z-index to header wrapper
  • 30 Jan 2025 - feat(page-layout-v2): current page and root page active in navigation.
  • 06 dec 2024 - feat(page-layout-v2): hover color inline nav teva.
  • 03 dec 2024 - feat(page-layout-v2): allow secondary ident position.
  • 21 nov 2024 - fix(page-layout-v2): fix broken arrows rtl.
  • 15 nov 2024 - feat(page-layout-v2): add navigation hover color (theme-teva).
  • 15 nov 2024 - fix(page-layout-v2): open level 0 navigation links
  • 15 nov 2024 - fix(page-layout-v2): placeholder meassurements.
  • 15 nov 2024 - fix(page-layout-v2): stackorder header
  • 15 nov 2024 - fix(page-layout-v2): adjust context to stay within correct boundary.
  • 13 nov 2024 - feat(page-layout-v2): vision.fetch.setHeaders to globally set headers.
  • 13 nov 2024 - feat(page-layout-v2): added <vision-language-selector> component.
  • 13 nov 2024 - fix(page-layout-v2): collapsing header when not fixed.
  • 06 Nov 2024 - docs(page-layout-v2): more examples
  • 06 Nov 2024 - docs(page-layout-v2): search-label and search-placeholder attributes.
  • 06 Nov 2024 - feat(page-layout-v2): mobile version trigger content (menu).
  • 06 Nov 2024 - feat(page-layout-v2): desktop version trigger content (navtool).
  • 06 Nov 2024 - feat(page-layout-v2): dynamic search query parameters
  • 06 Nov 2024 - fix(page-layout-v2): make popup respect shadow dom.
  • 04 Nov 2024 - feat(page-layout-v2): Option for inline navigation.
  • 04 Nov 2024 - fix(page-layout-v2): Regresion ident.
  • 26 Oct 2024 - fix(page-layout-v2): Container
  • 26 Oct 2024 - fix(page-layout-v2): Icons
  • 26 Oct 2024 - feat(page-layout-v2): Legacy endpoint support.
  • 26 Oct 2024 - feat(page-layout-v2): Added secondary ident.
  • 17 Oct 2024 - fix(page-layout-v2): renamed page-layout-nh to page-layout-v2.

Added

  • Initial draft

Teva VIsion Page Footer

Fix

  • Add background-repeat: no-repeat as per request.
  • Position Losenge.
  • A11y outline issue button-element not receiving focus outline

Changed

  • PBS support
  • Print: css adjustments
  • Accessibility: Add role="contentinfo" to element with class .vi-page-footer__body
  • Accessibility: Changed trigger focus color to #E8E8A0 for all elements with pseudo element :focus inside page footer.
  • Accessibility: Re-tag heading to H2 (although, depends on page hierarchy)
  • Accessibility: Re-tag heading to H6 (although, depends on page hierarchy)
  • Removed inconsistent hover color.

Added

  • 10 Feb 2025 - feat(page-footer): add privacy options link with associated SVG icon
  • 30 Jan 2023 - Added .vi-page-footer__section-logos.d-flex.flex-column.flex-md-row (section-logos) for TWS usage.
  • PBS Teva lozenge logo
  • Initial draft

Teva VIsion Page Countries

Added

  • RTL support
  • Initial draft

Teva VIsion Page Branding

Added

  • PBS support
  • RTL support
  • Initial draft

Teva VIsion Page Back To Top

Fix

  • 28 June 2022 - Fix scrollparent detector

Added

  • Initial draft

Teva VIsion Numeric Stepper

Fix

  • 25 Feb 2025 - fix(numeric-stepper): enforce min/max limits and align values in increment/decrement methods
  • 24 Feb 2025 - fix(numeric-stepper): manually trigger change event on input after attribute updates
  • 24 Feb 2025 - feat(numeric-stepper): dynamic min, max, and step attributes
  • 12 Jul 2023 - Respect the ‘step’ attribute. When float, allow float chars.
  • 22 Jun 2023 - Allow numeric number mobile chrome android Huawei
  • 16 May 2023 - Disable enter key on input.
  • 16 May 2023 - Disable validation message when clicking stepper buttons.
  • 16 May 2023 - Do not allow exponential numbers (like 2e5)
  • 13 Apr 2023 - Fix check if number. (palmface)

Added

  • 07 Apr 2023 - Initial draft

Change

  • 16 Aug 2023 - Disable “+” button if current value + step > max number.
  • 31 May 2023 - Only allow numbers and backspace for numeric stepper input.

Teva VIsion Multiple Select

Fix

  • 03 Apr 2025 - fix(multiple-select): clear the focus outline, while keeping scroll
  • 31 Dec 2024 - fix(multiple-select): use textContent instead of innerText as innerText won’t return hidden elements. Missed one.
  • 27 Dec 2024 - fix(multiple-select): use textContent instead of innerText as innerText won’t return hidden elements. Chapeau to Andrei for the example.
  • 20 Dec 2024 - fix(multiple-select): build savedElement list first from checked than from data-attribute
  • 20 Dec 2024 - fix(multiselect): Fixed multiselect not reloading to correct state after ajax.
  • 19 Jan 2024 - Fixed multiselect not closing when clicking other multiselect.
  • 29 Nov 2023 - Fixed clearing saved elements when reseted from outside.
  • 10 Oct 2023 - Refactored code to match library standards and improve overall code structure and logic.
  • 07 Jun 2023 - Single select must show selected label.
  • 10 May 2023 - Fix missing dependency in docs on flexbox.

Added

  • 11 Jun 2024 - Added scroll for options in multiselect
  • 19 Jan 2024 - Added functionality for label click to open multiselect.
  • 29 Nov 2023 - Added functionality for multiselect to have own reset and also work if reseted from outside form reset.
  • 10 Oct 2023 - Added functionality to preselect values.

Teva VIsion Multiple Select V3

Added

  • 13 Mar 2025 - fix(multiple-select-v3): logical text flow (rtl)
  • 10 Feb 2025 - feat(multiple-select-v3): add reset-only option and improve option handling
  • 20 Dec 2024 - feat(multiple-select-v3): Allow V3 to work next to V1 or V2 as V2 was not namespaced.

Teva VIsion Multiple Select V2

Added

  • Initial draft

Teva VIsion Moment Image

Fix

  • Broken modal icon.

Changed

  • Allow element to be a button.
  • Print: css adjustments

Added

Teva VIsion Modal

  • 09 Oct 2025 - fix(modal): Focus next focusable element when no data-dismiss attr is present
  • 09 Oct 2025 - docs(modal): Add focus button test on scrolling long content example.

Fix

  • 25 Jan 2022 - Fix regression remove console.log output.
  • 30 Nov 2022 - Fix regression caused by page-layout iOS overscroll prevention.
  • 30 Sept 2022 - CSS class .vi-modal-body-backdrop--black opaticy. (plus missing docs)
  • Stop Video Component correctly when modal is closed.
  • Original .modal-sm and .modal-md options

Changed

  • Layering (z-index) to not conflict with the Pop Navigation
  • A11y Focus close button on open.

Added

  • 23 Nov 2022 - Additional backdrop colors opaque and no blur.
  • 22 Nov 2022 - Additional backdrop colors with PBS support.
  • 14 Oct 2022 - Add .modal-screen option for screen sized modal.
  • 28 Sept 2022 - CSS class .vi-modal-body-backdrop to add to the body of the page a page.
  • Modifier --black to have a black backdrop, as required by some regulations
  • Example how to open the modal on page load.
  • RTL support
  • Initial draft

Teva VIsion Modal Layout

Fix

  • A11y Capped offsetted focus outline.
  • IE11 issue with close button rendering outside container.

Changed

  • A11y changed text of aria-label close button.
  • Changed the utility classes used in one of the examples.
  • Markup Changes content of vi-modal-layout now wrapped in vi-modal-layout__body. (update notes)
  • Markup Changes .vi-modal-layout__header and vi-modal-layout__close now in vi-modal-layout__section with modifier --header-close. (update notes)
  • Markup Changes header now in .vi-modal-layout__header. (update notes)

Added

Teva VIsion Media Object

Changed

  • Changed markup of pop button social share links.
  • Changed markup of social media link examples.

Added

  • RTL support
  • Initial draft

Teva VIsion Map Local

Fix

  • 28 June 2022 - Fix Automatic scroll after click (might need some refinements)
  • 28 June 2022 - Fix scrollparent detector
  • 17 June 2022 - Disables hidden buttons and links peaking through.
  • 17 June 2022 - Removed obsolete tabindex to prevent outline outside viewport
  • Scroll card into view

Added

  • Reviewed A11Y support
  • PBS Support
  • Initial draft

Teva VIsion Map Global

Added

  • Initial draft

Teva VIsion Loading Indicator

Fix

  • Show indicator in iOS Safari too

Added

  • Initial draft

Teva VIsion Input Extend

Added

  • Initial draft

Fix

  • 06 Dec 2024 - fix(input-extend): trigger input event when clearing input programmatically

Teva VIsion Infographic

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Visual X In Y

Fix

  • 28 June 2022 - Fix scrollparent detector

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Visual Icon

Fix

  • 28 June 2022 - Fix scrollparent detector

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Visual Circle

Fix

  • 28 June 2022 - Fix scrollparent detector

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Layout

Fix

  • Unreachable link issue (section 1)

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Filler

Fix

  • 28 June 2022 - Fix scrollparent detector

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Counter

Fix

  • 28 June 2022 - Fix scrollparent detector

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Counter Icon

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Card

Fix

  • Unreachable link issue (section 1)

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Bullet

Fix

  • 28 June 2022 - Fix scrollparent detector

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Bubble

  • 07 Jul 2025 - fix(infographic-bubble): allow for typographic fixes

Fix

  • 28 June 2022 - Fix scrollparent detector

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Infographic Bubble Grid

Fix

  • 28 June 2022 - Fix scrollparent detector

Added

  • Accessibility: changes.
  • RTL support.
  • Initial draft

Teva VIsion Image carousel

Fix

  • 16 May 2024 - fix(image-carousel): adjust slide width calculation to include margins
  • 14 Feb 2022 - [TVB-11767] Focus opening element when using tabs (tweak)
  • 06 Feb 2022 - [TVB-11767] Focus opening element when using tabs
  • 25 Jan 2022 - [TVB-11571] Disable ability to drag, to prevent dragging outside to prevent disappearing images
  • 31 Oct 2022 - [TVB-11571] Image carousel - dragging images makes them disappear
  • 31 Oct 2022 - [TVB-11767] Image Carousel - wrong image outline while using tabulation

  • 31 Oct 2022 - [TVB-11570] Image carousel - closing expanded carousel returns user to wrong image

  • 23 Jan 2024 - Fixed sliding on empty carousel space to break the sliders.
  • 20 Sept 2022 - Incorrect return image when multiple instances.
  • 20 Sept 2022 - Fix navigation buttons
  • 20 Sept 2022 - Focus button when slided to
  • 20 Sept 2022 - Incorrect counter value
  • 20 Sept 2022 - RTL issue
  • 20 Sept 2022 - Dragging issue (also 3D-related)
  • 20 Sept 2022 - Use buttons instead of links
  • 20 Sept 2022 - Layout shift thumbnails
  • 20 Sept 2022 - Remove ‘next slide’ text
  • 20 Sept 2022 - Tab order
  • 20 Sept 2022 - Disappearing images

Added

  • 20 Sept 2022 - Close returns to same image
  • 15 Aug 2022 - Initial draft

Teva VIsion Icon

Changed

  • 14 Sep 2023: Replace and rename rewind icon
  • 28 Jun 2023: Removed Piggy Bank Icon.
  • New Social Media Icons
  • Optimised file icons
  • Optimised for Teva Sans, the new library default.
  • Changed modifiers --button-left and --button-right to --button-start and --button-end

Fix

  • 24 Oct 2024 - fix(icons): modified Mail, Paper Pen and Video icon they inherit the color from the parent element
  • 03 Jul 2023 - Updated youtube monochrome icon
  • 12 Apr 2023 - Card not taking colors
  • Fix social icons to all use viewbox.
  • No px units in width and height attributes

Added

  • 03 Apr 2025 - feat(icons): add new bell and pills icons in multiple sizes
  • 18 Dec 2024 - feat(icon): add ‘check’ icon in multiple sizes
  • 23 Aug 2024 - Add columns and rows icons
  • 28 Sep 2023 - Add new Twitter/X icon and ‘new’ status icon
  • 14 Sep 2023 - Add circle info icons.
  • 10 Jul 2023 - Added infographic icons.
  • 30 Jun 2023 - Misc icon Checkbox (teva)
  • 28 Jun 2023 - Coins in 12x12, 16x16, 24x24
  • 21 Jun 2023 - Piggy Bank in 12x12, 16x16, 24x24
  • 12 Apr 2023 - Reload in 12x12, 16x16, 24x24
  • 30 Jan 2023 - Magnify in 12x12, 16x16, 24x24
  • 23 Jan 2023 - Lock open and Lock closed in 12x12, 16x16, 24x24
  • 18 Jan 2023 - Heart-line, Heart-solid and Veevo in 12x12, 16x16, 24x24
  • 17 Jan 2023 - Save and Info in 12x12, 16x16, 24x24
  • 25 Nov 2022 - Download, Trash and Edit in 12x12, 16x16, 24x24
  • 2 Sept 2022 - Rewind icon in 12x12, 16x16, 24x24
  • 2 Sept 2022 - Email icon 16x16, 24x24
  • 17 June 2022 - Cart icon in 12x12, 16x16, 24x24
  • Generic share icon in 12x12, 16x16, 24x24 and Social Icons
  • Added share icon for whatsapp
  • User icon in 12x12, 16x16, 24x24
  • display icon javascript
  • 100x100 display icons
  • 16x16 article meta slice icons
  • Added youtube icon, renamed share to social in docs.
  • Added share icons for headhunter, instagram and vkontakte
  • 16x16 pause sign
  • Basic arrows
  • Popup
  • RTL support
  • 24x24 Podcast Icons
  • bootstrap collapse modifiers.
  • button modifiers
  • Initial draft

Teva VIsion Icon List

Changed

  • Underline links on hover

Added

  • 19 Feb 2025 - feat(icon-list): add support for two-column layout on larger devices
  • RTL support
  • Initial draft

Teva VIsion Grid

Added

  • 02 Apr 2025 - feat(grid): add --modern modifier to have more modern grid.
  • Add gap value 100
  • Add gap value 50
  • Add gap value 60
  • Initial draft

Teva VIsion Glossary

Fix

  • 30 Sep 2024 - Fix missing details styling in variants docs
  • 16 Feb 2024 - Open glossary term after search
  • 16 Feb 2024 - Only show focus outline when indicator is necessary

Added

  • 31 May 2024 - Add page showing variations without the partials
  • 24 May 2024 - Add aria labels to improve accessibility
  • Initial draft

Teva VIsion Form

Fix

  • 19 Feb 2025 - fix(form): resolve mutation observer recursion issue in Safari
  • 13 Feb 2025 - feat(form): fix form reset validation messages
  • 11 Sep 2024 - Fix broken label issue (webkit only!)
  • 01 Jun 2023 - Fix read-only styling to input, select and textarea. Fixes placeholder combobox.
  • 23 May 2023 - Removed a11y default success message; Business requirement.
  • 28 Apr 2023 - Fix safaris hard disable color override.
  • 15 Feb 2023 - Combobox validation
  • 18 Jan 2023 - Fix background-clip setting.
  • 28 June 2022 - Fix scrollparent detector
  • Make Safari (the new IE6) understand how parenthesis work when direction is rtl.
  • Remove previous work around.
  • Try to work around chrome mobile bug (1197882) where long datalists overlap keyboard.
  • Fix chrome bug (674447, 849616) where datalist gets detached by scrolling.
  • Wrapping of lang filenames in file field.
  • PBS support: fix box-shadow on custom-control
  • Regression: accent colors not picked up by sass.
  • Allow re-enabled fields to validate.
  • Remove file field blur validation.
  • A11y: …show hidden span tag with this value”name of the file + “selected” add role=”alert”
  • A11y: Redundantly add attribute aria-required=true to elements with attribute required
  • A11y: …add a hidden span tag with this value”name of the file + “uploaded” add role=”alert”
  • Form Validation message not showing, when element hidden.
  • IE11 premature error throwing.
  • Better align custom indicators regardless font / line-height used.
  • Remove background color IE11 from focused select.

Changed

  • 09 Jan 2025 - feat(multiple-select): Show options with empty value.
  • 30 Jun 2023 - Disabled state of checkbox/radio and switch.

Added

  • 28 Aug 2024 - Add dynamic form fields example + added $.fn.viFormDynamicFieldsContainer() to assign to a dynamic fields container and keep validation in sync.
  • 17 May 2023 - Form reset removes validation messages.
  • 15 Mar 2023 - Allow browse button text to be changed.
  • 15 Feb 2023 - Combobox reset
  • 2 Dec 2022 - Add size sm size to text-fields.
  • 14 Nov 2022 - Add data attribute data-keyup to allow for keyup validation on a field. (required by wizard#contextual-fields)
  • Add an example of a paragraph
  • An example of labels on select fields.
  • PBS support
  • Examples of contextual form fields.
  • Add --top modifier to .custom-control for long labels.
  • A11y: File field focus outline same as links.
  • On submit focus on first invalid element
  • Missing File Browser field
  • RTL support
  • Documentation
  • Changed checkbox outline according new design input.
  • Initial draft

Teva VIsion Footnote

  • 21 Aug 2025 - feat(footnote): allow line-height via css custom props.
  • 12 Mar 2025 - fix(footnote): refine scroll position to account for fixed header height of new header
  • 28 Feb 2025 - fix(footnote): adjust scroll position to account for fixed header height of new header
  • 28 Jun 2022 - Fix scrollparent detector
  • BUG incorrect scroll.

Changed

  • Accessibility: Added aria-label to better describe function.
  • Accessibility: Bring focus to link in element scrolled to.
  • Accessibility: Removed all role attributes
  • Accessibility: Removed role attribute with doc-endnotes
  • Optimised for Teva Sans, the new library default.

Added

  • PBS support
  • RTL support
  • Initial draft

Teva VIsion Footnote Marker

  • 21 Aug 2025 - feat(footnote-marker): allow line-height via css custom props.

Changed

  • Accessibility: Removed role attribute with doc-noteref
  • Optimised for Teva Sans, the new library default.

Added

  • PBS support
  • RTL support
  • Initial draft

Fix

Teva VIsion Floating Alert

Changed

  • 27 Feb 2023 - Update markup css and js.

Fix

  • 15 Apr 2025 - (floating-alert) Fix stacking order in regard to new header.
  • 17 Feb 2023 - Fix wrong variable declaration.

Added

  • 14 Feb 2023 - thematized
  • Initial draft

Teva VIsion Floating Alert V2

Fix

  • 15 Apr 2025 - (floating-alert-v2) Fix stacking order in regard to new header.

Added

  • Initial draft

Teva VIsion Flexbox

Changed

  • 11 Apr 2023 - Deprecated –wrap modifier.

Added

  • 22 May 2023 - Added 0 gap modifier
  • 11 Apr 2023 - Added 2px gap modifier
  • 03 Apr 2023 - Added gap modifiers
  • 29 Aug 2022 - Initial draft

Teva VIsion Fixed Banner

Added

  • 19 Okt 2023 - Initial draft

Teva VIsion Figure

Changed

Added

  • Initial draft

Teva VIsion Faq

Added

  • Initial draft

Changed

  • 26 Feb 2025 - feat(faq): add data-manual attribute to allow manual control of the FAQ component
  • 10 Feb 2025 - feat(faq): integrate multiple-select-v3 and enhance FAQ component structure

Teva VIsion Example

Added

  • Initial draft

Teva VIsion Drill Down

Fix

  • Fix the A11y outline layering.

Changed

  • Add PBS support
  • Markup: use buttons to trigger next level. (elements with class .vi-drill-down__trigger--next)
  • Accessibility: Keyboard accessible.

Added

  • Initial draft

Teva VIsion Display header

  • 21 Aug 2025 - feat(display-header): allow dashoffset via css custom props.

Changed

  • PBS support
  • Tagline, IE11 does not support gradient text. To degrade gracefully, IE11 tagline text is rendered with a solid color.

Added

  • 22 Jan 2025 - feat(display-header): add --no-dash modifier to the display-header-tagline component.
  • 24 Oct 2024 - feat(display-header): Add --no-dash, --collapsed and --expanded modifiers to the display-header-dash component.
  • Partial PBS support
  • RTL support
  • Initial draft

Teva VIsion Details

Added

  • Initial draft

Teva VIsion Date Select

Fix

  • 10 Jan 2025 - fix(date-select): only trigger should inherit form colorset
  • 06 Fbe 2024 - Firefox fix for placeholder transparency
  • 01 Feb 2024 - Fixed rlt support breaking small variant padding.
  • 07 Dec 2023 - Fix for rtl support for calendar.
  • 30 Nov 2023 - Support rtl for trigger
  • 08 Nov 2023 - Fixed calendar hiding after android keyboard resize event.
  • 08 Nov 2023 - Fixed calendar hiding after android keyboard resize event.
  • 03 Oct 2023 - Fixed calendar hiding when the virtual keyboard is closed and not opening at all in some cases on android devices.
  • 29 Sep 2023 - Adjusted calendar position inside a scrollpane on mobile.
  • 20 Sep 2023 - Fixed calendar overflowing body on mobile.
  • 04 Sep 2023 - Fixed error preventing the calendar to open when scrollparent is “html,body”.
  • 31 Aug 2023 - Fixed datepicker position inside a scrollpane.
  • 23 Aug 2023 - Fixed datepickers different colors depenending on form not working as expected.
  • 21 Jul 2023 - Fixed datepicker to fit in form
  • 21 Mar 2023 - CSS Changes.
  • 08 Mar 2023 - Fix regression.

Added

  • 31 Jul 2023 - Added datepicker arrows with visibility toggled by container’s width.
  • 21 Jul 2023 - Added example of datepicker as form for validations and added change event on clear.
  • 15 Jun 2023 - Update js to use library conventions
  • 27 Feb 2023 - Updated js/css to include a clear button.
  • 16 Feb 2023 - Updated js/css.
  • 08 Feb 2023 - Add a note about jQuery UI dependency.
  • Initial draft

Changed

  • 18 Aug 2023 - Datepicker colors set depending on the form it is placed inside. (currently working for default form and ‘–accent’ modifier)

Teva VIsion Country Select

Added

Teva VIsion Country Select Lookup

Changed

Added

  • data-attribute data-page-layout, to delay loading until triggered by Page Layout
  • RTL support
  • Initial draft

Teva VIsion Country Select Link

Added

  • hreflang attribute with example LANGUAGE codes.
  • Initial draft

Teva VIsion Country Select Layout

Added

Teva VIsion Country Select Countries

  • 07 Jul 2025 - fix(country-select-countries): height calculation because of font change rebrand

Added

  • RTL support
  • Allow usage inside typesystem
  • Initial draft

Teva VIsion core

  • 14 Okt 2025 - fix(core): force bold and fix broken variable value
  • 21 Aug 2025 - feat(core): set line-height via css custom props.
  • 21 Aug 2025 - feat(core): set dashoffset via css custom props via font-file.

Fix

  • 14 Mar 2025 - fix(plugin): change error throw to console error for existing function
  • PBS support: table text color (override bs)
  • PBS support: fix box-shadow on custom-control
  • Force Promise polyfill for IE11 (used for autocomplete)
  • Force IE11 newline on long uninterrupted words.
  • Base font size variable.
  • Workaround IE11 BUG where any element with display: flex can receive focus when clicked.

Changed

  • 14 May 2025 - feat(core): allow focus color override
  • 16 Apr 2025 - fix(core): hover colors color utilities
  • 16 Apr 2025 - feat(core): remove .text-hover classes
  • 16 Apr 2025 - feat(core): add .text-hover classes
  • 12 Jan 2024 - Update Afek font file
  • 11 Aug 2022 - Allow change of hover color PBS
  • CSS Optimized for print.
  • Print: css adjustments
  • RTL support, links containing phone numbers should be displayed left-to-right.
  • Removed Avenir Next as font option.
  • Accessibility: focus display in specific color #0D3360
  • Accessibility: focus display
  • Art direction Noto Sans (posible changes in all css files)
  • Art direction Teva Sans (posible changes in all css files)

Added

  • 04 Okt 2023 - Install script for one-vision files
  • 21 Jul 2023 - Added class for blue link with green hover
  • Utility color class .text-invalid
  • Partial PBS support
  • Introducing .vi-collapse, .vi-collapse-first and .vi-collapse-last.
  • BS-5 position utility classes (like top-0, start-0)
  • String sanitizer to allow Hebrew characters (but not <script> for example)
  • Added utility class .no-transition
  • Font combination Afek Hebrew - Noto Sans Latin
  • Wrap long words. Update core files.
  • Support direction ltr inside rtl for .list-inline-item (bs).
  • RTL Support
  • Add bs alert behaviour to core
  • Overlays text and background
  • Initial draft

Teva VIsion Contextual Image

Changed

  • 14 Jan 2025 - feat(contextual-image): adjust small right margin in styles to always align to the left

Added

  • 05 Mar 2025 - feat(contextual-image): add grid example
  • Add BPS support
  • Initial draft

Teva VIsion Content Rating

Changed

  • 19 Mar 2024 - Updated content rating show single digits instead of ‘00’ format.
  • Removed disabling of the button so that the user can opt out to ‘rating’ content.
  • Accessibility: data-aria-label="..." added to button contents.
  • Accessibility: aria-label="..." added to button contents.
  • Accessibility: role="status" added to button contents.

Fix

  • Regression related to ‘Wrap long words’ issue core.
  • IE11 not understanding specifications.

Added

  • RTL support
  • Initial draft

Teva VIsion Content Layout

Fix

  • 28 June 2022 - Fix scrollparent detector

Added

  • 08 Nov 2024 - feat(content-layout): - class .vi-content-layout__form-container to hold form elements, see form container behavior.
  • 08 Nov 2024 - feat(content-layout): - modifier --equal for equal width behavior.
  • 08 Nov 2024 - feat(content-layout): - Updated gapping to modern css.
  • Initial draft

Teva VIsion container

Changed

  • Print: css adjustments
  • Changed modifiers --slider-align-left and --slider-align-right to --slider-align-start and --slider-align-end.

Added

  • 31 Mar 2023 - Add modifier --screen to fix table sticky position issues.
  • Special purpose modifiers --table-align-left and --table-align-right for use with Table when in aligned mode.
  • RTL support
  • Special purpose modifiers --slider-align-left and --slider-align-right for use with Card Slider when in aligned mode.
  • Initial draft

Teva VIsion Contact Decision Tree

Fix

  • 29 Aug 2024 - Fix file input issue.
  • 23 Nov 2022 - signature field / contact decision tree integration
  • Empty container focus.
  • Prevent focus scroll conflicting with positioning
  • Incorrect position loading indicator when direction RTL.

Added

  • Accessibility: Keyboard accessible.
  • RTL support
  • Initial draft

Teva VIsion Component Loader

Added

  • Initial draft

Teva VIsion Combobox

Fix

  • 06 Jun 2023 Prevent hidden select to take up more than 100% width.
  • 06 Jun 2023 Fix dropdown position when dropup and multiline-option is deleted.
  • 05 Jun 2023 Regression: User agent stylesheet overrides combobox input color.
  • 01 Jun 2023 Use new proxy data-attribute for correct validation message placement.
  • 01 Jun 2023 Changed styling according to new design specifiec in call Wim.
  • 01 Jun 2023 Fix newline in combobox when active, to prevent combobox SPC search button from jumping.
  • 15 Feb 2023 Combobox validation
  • 07 Nov 2022 Allow multiline content in combobox.
  • 14 Sep 2022 Keep panel in viewport.

Changed

  • 13 Jun 2023 Combobox endpoint
  • 12 Jun 2023 Optimisation combobox first render.

Added

  • 15 Feb 2023 Combobox reset
  • 14 Sep 2022 Add setOptions method.
  • 14 Sep 2022 Keep data attributes from options.
  • 29 Aug 2022 Initial draft

Teva VIsion Combobox Spc Search

Fix

  • 05 Jun 2023 - Regression: Enable button when selection made.

Changed

  • 01 Jun 2023 - Update markup to correctly use components.

Added

  • Initial draft

Teva VIsion Combined

Fix

  • 17 April 2024 - Combobox order changed so that form validations apply when used in combined.
  • Incorrect color of article meta data icons.

Changed

  • Removed Product Search form, to specific. (use seperately)
  • Removed Country Select from SCS context.

Added

  • 20 Dec 2024 - feat(combined): Included multiple select v3 to combined tws
  • 30 Jul 2024 - Added newer missing components (faq, details, R&D Pipeline) to combined scs / product.
  • 27 May 2024 - Added glossary component to combined scs / product.
  • 12 Mar 2024 - Added country select component to combined.
  • 18 Jan 2024 - Added sitemap component to combined.
  • 06 Dec 2023 - Added clickable images to combined.
  • 20 Aug 2023 - Added component loader to combined,
  • 11 Aug - Added infographic to combined.
  • 16 Mar 2023 - Added Side Panel to combined TWS.
  • Initial draft

Teva VIsion Clickable Images

Added

  • 07 Nov 2022 - data attr data-close-button-aria-label to set label from CMS
  • Initial draft

Fix

  • 06 Feb 2023 - [TVB-12574] Fix modal reopening issue displaying previous image in grid
  • 25 Jan 2023 - [TVB-12577] Clear title when data-title nullish.
  • 02 Dec 2022 - Skipping items when slider navigated by keyboard.
  • 21 Oct 2022 - Fix credits position

Teva VIsion Circular Image

Added

  • 13 Jun 2024 - Added modifier for white background behind images
  • Added modifier --size-product-card
  • Added draggable="false" attribute.
  • Initial draft

Teva VIsion Card

Fix

  • 03 Dec 2024 - fix(card) - Art direction accesibility text overlay on image. Event Image
  • 22 Dec 2023 - Add podcast and article example for neutral card icon button
  • 04 Sep 2023 - Fix Quick Order Product to have clickable badges and sizes fix to match design.
  • 04 Jul 2023 - Update Quick Order Product Quick Order Product to have click area.
  • 01 Jun 2023 - Fix background Price Cart Card (no joke) to be white.
  • 18 Jan 2023 - Workaround ios safari stack order, while keeping clickable card.
  • 14 Dec 2022 - Workaround ios safari stack order.
  • PBS support product catalogue card, title hover color.
  • Safari Flicker when used in card.
  • Fix browser (gpu layer) rounding error causing slit under image. Story
  • Double focus ring on trigger
  • A11y outline issue button-element not receiving focus outline
  • Infographic must show image.
  • (workaround) GPU Rounding issue in Story cards.
  • CSS fix ensure title looks equal from h1-h6 Product Catalogue Card
  • Hover only on button for specific card types (blank slate, inforgraphic, minimal, profile).
  • Fix IE11 issue product card width-limit.
  • Fix spacing regression on Product Catalogue Card

Changed

  • 10 Mar 2025 - docs(download): add example with paragraph and two columns layout
  • 19 Feb 2025 - docs(download): add two-column layout example
  • 04 Feb 2025 - feat(card): enhance minimal card with rectangular image support
  • 04 Feb 2025 - docs(card): update docs to include paragraph examples.
  • 28 Mar 2024 - Changed position of discount for Price cart card Price Cart based on design which supports big prices and labels.
  • 16 Oct 2023 - Added example of quote card with copy Quote Card
  • 03 Jul 2023 - Removed receipt card from library in favor of Receipt
  • 12 Jun 2023 - Update Price cart card Price Cart
  • Extra button in product catalogue card.
  • Video, without trigger should have no bottom margin Video Card
  • Accessibility: Video, add role and aria-label to Video Card trigger
  • Product Catalogue Card can now have an image.
  • Removed Image from Product Card as it is now part of product catalogue.
  • Accessibility: Changed trigger focus color to #E8E8A0 for Tiny Card.
  • Product Catalogue Card changed example so it will work without buy button. (utility classes.)
  • Product Catalogue Card contents build with grid and utility classes for more flexibility.
  • Product Card can now have an image.
  • Art direction.
  • RTL support
  • Art direction Teva Sans
  • Accommodate text in cards.
  • Update example Download
  • Tiny Card spacing.
  • Event Card should show an Arrow Button

Added

Teva VIsion Card Badge V2

Added

  • Initial draft

Teva VIsion Canada Product Search

Fix

  • Styled missing image.

Added

  • Initial draft

Teva VIsion Button

Fix

  • 14 May 2025 - fix(button): outline on product version of arrow buttons
  • 30 Jan 2025 - fix(button): add prefix to background and background-color variables
  • 04 Sep 2024 - Regression in masthead session button.
  • 06 Dec 2023 - Fixed light buttons on SCS and Global.
  • 10 May 2023 - Button focus outline visible on accordion trigger.
  • 9 May 2023 - z-index on masthead button changed.
  • 10 Mar 2023 - layout button min-height so it can be used without text.
  • 11 Jan 2023 - Corrected button sizes.
  • 01 Dec 2022 - Corrected button sizes.
  • 12 Sept 2022 - Alignment of area link button when direction is RTL
  • 04 Juli 2022 - Shot in the dark. Trying to fix not-containment of the ‘background’ element by button boundaries
  • 28 June 2022 - Remove unintended white line on active/hover state
  • Hover color peaking through primary color on solid button variants
  • Hover color peaking through primary color on solid button
  • A11y outline issue button-element not receiving focus outline
  • Allow Share Button to work inside Typesystem
  • RTL arrow buttons.
  • Solid button GPU layer problem safari, again (thanks to update safari).
  • Solid button GPU layer problem safari.

Changed

  • 14 Aug 2024: Update buttons to allow new Mephis design.
  • 28 Jun 2023: Changed Icon on masthead voucher-balance button.
  • 21 Apr 2023: Update disabled state on solid and outline buttons.
  • Make Solid button background work inside typesystem.
  • Print: css adjustments
  • Accessibility: focus display search button back(!) to contrast color.
  • Accessibility: Update outline width to 2.5px;
  • Accessibility: focus display in specific color #0D3360
  • Accessibility: focus display
  • Pagination button works inside typesystem.
  • Pagination button, when active now responds to interactions.
  • Modifier required on all masthead buttons.

Added

Teva VIsion Breadcrumb

Fix

  • RTL support IE11 as good as browser allows

Changed

  • Print: css adjustments
  • Accessibility: Changed outermost element to <nav>
  • Accessibility: Changed aria-current="page" to aria-label="your location in the website"
  • Changed to inline version so long titles will wrap in favour of keeping arrow/chevron after title at all times

Added

  • PBS support
  • RTL support
  • Initial draft

Teva VIsion Banner

Added

  • PBS support
  • Accessibility: role="banner" added
  • Subscription form examples.
  • Initial draft

Teva VIsion Banner Gated Content

Added

  • 6 Dec 2022 - Responsive support
  • Initial draft

Changed

  • 28 Apr 2023 - changed z-index per request.

Teva VIsion Badge

Changed

  • Print: css adjustments

Added

  • 10 May 2023 - Added --promo-8 modifier.
  • 11 Apr 2023 - Added --promo modifiers.
  • 07 Nov 2022 - Added --multiline modifier.
  • 02 Sep 2022 - Added --square modifier.
  • 13 June 2022 - Added --xs modifier.
  • PBS support
  • Special purpose --flag and --flag-inversed modifiers.
  • Initial draft

Teva VIsion Article Meta Slice

Changed

  • 16 Jan 2025 - fix(article-meta-slice): changed aria-label for improved accessibility on icon component
  • Implement PBS
  • Implement icons as svg so libary can dictate color of icons (needed in future).
  • Implement icons as images according to accessibility guidance.

Added

  • RTL support
  • Video, Podcast and Article Slices.
  • Initial draft

Teva VIsion Article Meta List

Fix

  • 27 Feb 2023 - moved to flex to fix cut off outlines
  • 14 Juli 2022 - clearing floats!
  • 22 June 2022 - double border width on zoom

Added

  • Initial draft

Teva VIsion Article Meta Data

Changed

  • Print: css adjustments
  • Accessibility: Re-tag heading to H3 (although, depends on page hierarchy)

Added

  • RTL support
  • Initial draft

Teva VIsion Area Link

Fix

  • A11y outline issue button-element not receiving focus outline
  • Safari ‘mouseover shows square’ issue.

Changed

  • PBS support
  • Accessibility: Update outline width to 2.5px;
  • Accessibility: focus display in specific color #0D3360
  • Accessibility: focus display

Added

  • Initial draft

Teva VIsion Alert

Fix

  • 31 Jul 2023 - Fix vertical alignment of text vs button in impersonation bar.
  • 22 May 2023 - Maintain order of stacked alerts on smaller screens.

Changed

  • change dom position of alert when layout on page to prevent safety instructions falling out of viewport. Alert js now requirement.
  • Accessibility: role="alert" added
  • Changed visual appearance of stacked alerts.

Added

  • 22 May 2023 - Added voucher bar and impersonation bar.
  • 30 Nov 2022 - Trigger channel event on close.
  • Add --e11-warning modifier.
  • RTL support
  • Compact button.
  • Initial draft

Teva VIsion Accordion

Fix

  • 31 Mar 2025 - fix(accordion): icon sizing and spacing on mobile and desktop
  • 05 Mar 2025 - fix(accordion): adjust scrollIntoView to center the element
  • 24 Feb 2025 - fix(accordion): ensure boolean values for active state checks
  • 16 Dec 2024 - fix(accordion): increase header padding according design.
  • 17 May 2024 - Preserve query and hash with replace to fix multiple browser back button clicks needed to go back.
  • 06 Feb 2023 - Removed replacing history state to adding the state of the accordion to fix query being removed when using accordion.
  • 10 May 2023 - Button focus outline visible on accordion trigger.
  • 03 Mar 2023 - Expand / Collapse buttons, when “inactive”, still clickable
  • 11 Aug 2022 - Fix overlap title and button.
  • 10 Aug 2022 - Fix open close icon when used in modal.
  • Escape meta characters in url fragment.
  • Incorrect icon state (+/-) on keyboard navigation
  • Incorrect icon state (+/-) when opened by #hash link
  • Regression introduced by accessibility changes where the item is not opening automatically Please note that Timeline Era needs to update the css, as it depends on the Accordion

Changed

  • 16 Nov 2023 - Add ability to use icon or image next to title of Content Accordion
  • 28 Jun 2022 - Add modifier --transscript to Accordion type refine
  • 20 Jun 2022 - CSS change to easier allow color variations on refine variation
  • Do not act on hash links when not explicitly set to do so.
  • Extended BPS support to refine variation
  • A11y Add role="button" to element a.vi-accordion__trigger
  • CSS Optimized for print.
  • Print: css adjustments
  • Ensure no animation on component initiation.
  • Accessibility: Expandable and collapsible regions
  • Clarify documentation on autoclose.

Added

  • 25 Apr 2025 - feat(accordion): add data-disable-hash-change option
  • 17 Dec 2024 - feat(accordion): add item-without-content item and styles
  • 22 Nov 2024 - feat(accordion): allow to target content of accordion with hash link
  • Support for external controls
  • PBS support
  • RTL support
  • Example of accordion with a button.
  • Initial draft

revision: c8238bf0 , date: 2025-12-08 18:58:39 +0100