@leabankab/component-library 8.9.0 → 8.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/component-library.es.js +715 -713
- package/dist/component-library.es.js.map +1 -1
- package/dist/component-library.umd.js +2 -2
- package/dist/component-library.umd.js.map +1 -1
- package/dist/components/buttons/{action-button.d.ts → action-button/action-button.d.ts} +1 -1
- package/dist/components/buttons/{button.d.ts → button/button.d.ts} +2 -2
- package/dist/components/buttons/{close-button.d.ts → close-button/close-button.d.ts} +1 -1
- package/dist/components/buttons/{download-trigger.d.ts → download-trigger/download-trigger.d.ts} +2 -2
- package/dist/components/buttons/{icon-button.d.ts → icon-button/icon-button.d.ts} +1 -1
- package/dist/components/buttons/index.d.ts +6 -6
- package/dist/components/buttons/{skip-link.d.ts → skip-link/skip-link.d.ts} +1 -1
- package/dist/components/data-display/{card.d.ts → card/card.d.ts} +1 -1
- package/dist/components/data-display/{chip.d.ts → chip/chip.d.ts} +1 -1
- package/dist/components/data-display/index.d.ts +17 -16
- package/dist/components/data-display/{link-card.d.ts → link-card/link-card.d.ts} +1 -1
- package/dist/components/data-display/{media-card.d.ts → media-card/media-card.d.ts} +1 -1
- package/dist/components/data-display/{service-card.d.ts → service-card/service-card.d.ts} +1 -1
- package/dist/components/feedback/{alert.d.ts → alert/alert.d.ts} +2 -2
- package/dist/components/feedback/{global-alert.d.ts → global-alert/global-alert.d.ts} +1 -1
- package/dist/components/feedback/index.d.ts +8 -8
- package/dist/components/feedback/{toast.d.ts → toast/toast.d.ts} +1 -1
- package/dist/components/form/{autocomplete.d.ts → autocomplete/autocomplete.d.ts} +2 -2
- package/dist/components/form/{email-input.d.ts → email-input/email-input.d.ts} +1 -1
- package/dist/components/form/index.d.ts +12 -12
- package/dist/components/form/{multi-select.d.ts → multi-select/multi-select.d.ts} +1 -1
- package/dist/components/form/{number-input-unit.d.ts → number-input/number-input-unit.d.ts} +2 -2
- package/dist/components/form/{radio.d.ts → radio/radio.d.ts} +2 -2
- package/dist/components/form/{radio-card.d.ts → radio-card/radio-card.d.ts} +3 -3
- package/dist/components/form/{select.d.ts → select/select.d.ts} +1 -1
- package/dist/components/form/{slider.d.ts → slider/slider.d.ts} +1 -1
- package/dist/components/index.d.ts +1 -2
- package/dist/components/layout/{container.d.ts → container/container.d.ts} +1 -1
- package/dist/components/layout/{grid.d.ts → grid/grid.d.ts} +2 -2
- package/dist/components/layout/index.d.ts +3 -3
- package/dist/components/layout/{stack.d.ts → stack/stack.d.ts} +2 -2
- package/dist/components/navigation/{form-stepper.d.ts → form-stepper/form-stepper.d.ts} +2 -2
- package/dist/components/navigation/index.d.ts +9 -8
- package/dist/components/navigation/{linear-form-stepper.d.ts → linear-form-stepper/linear-form-stepper.d.ts} +2 -2
- package/dist/components/navigation/{progress-circle.d.ts → progress-circle/progress-circle.d.ts} +1 -1
- package/dist/components/navigation/{tabs.d.ts → tabs/tabs.d.ts} +1 -1
- package/dist/components/surfaces/index.d.ts +3 -3
- package/dist/components/typography/index.d.ts +3 -3
- package/dist/components/typography/{link.d.ts → link/link.d.ts} +1 -1
- package/dist/components/typography/{text.d.ts → text/text.d.ts} +4 -4
- package/dist/cookie-consent/copy.d.ts +8 -2
- package/dist/cookie-consent/core.d.ts +18 -3
- package/dist/cookie-consent/react.d.ts +35 -2
- package/dist/cookie-consent-core-BYak3SKZ.cjs +2 -0
- package/dist/cookie-consent-core-BYak3SKZ.cjs.map +1 -0
- package/dist/{cookie-consent-core-lX0QAEAo.mjs → cookie-consent-core-DMnn4IZW.mjs} +25 -15
- package/dist/cookie-consent-core-DMnn4IZW.mjs.map +1 -0
- package/dist/cookie-consent-react.cjs +1 -1
- package/dist/cookie-consent-react.cjs.map +1 -1
- package/dist/cookie-consent-react.mjs +171 -154
- package/dist/cookie-consent-react.mjs.map +1 -1
- package/dist/cookie-consent.cjs +1 -1
- package/dist/cookie-consent.mjs +2 -2
- package/dist/index.css +1 -1
- package/dist/utils/{formatDecimalString.d.ts → format-decimal-string.d.ts} +1 -1
- package/dist/utils/index.d.ts +5 -5
- package/dist/website/{alert-banner.d.ts → alert-banner/alert-banner.d.ts} +21 -4
- package/dist/website/{use-carousel.d.ts → carousel/use-carousel.d.ts} +3 -1
- package/dist/website/{expanding-cards-item.d.ts → expanding-cards/expanding-cards-item.d.ts} +1 -1
- package/dist/website/index.d.ts +25 -25
- package/dist/website/{payment-feature.d.ts → payment-feature/payment-feature.d.ts} +1 -1
- package/dist/website/{section.d.ts → section/section.d.ts} +1 -1
- package/dist/website/{side-nav.d.ts → side-nav/side-nav.d.ts} +1 -1
- package/dist/website/{site-footer.d.ts → site-footer/site-footer.d.ts} +1 -1
- package/dist/website/site-header-link.d.ts +1 -1
- package/dist/website.cjs +1 -1
- package/dist/website.cjs.map +1 -1
- package/dist/website.css +1 -1
- package/dist/website.mjs +329 -283
- package/dist/website.mjs.map +1 -1
- package/package.json +2 -1
- package/dist/components/ui/index.d.ts +0 -2
- package/dist/cookie-consent-core-fntGUdFt.cjs +0 -2
- package/dist/cookie-consent-core-fntGUdFt.cjs.map +0 -1
- package/dist/cookie-consent-core-lX0QAEAo.mjs.map +0 -1
- /package/dist/components/buttons/{use-download-labels.d.ts → download-trigger/use-download-labels.d.ts} +0 -0
- /package/dist/components/data-display/{article-card.d.ts → article-card/article-card.d.ts} +0 -0
- /package/dist/components/data-display/{avatar.d.ts → avatar/avatar.d.ts} +0 -0
- /package/dist/components/{ui → data-display/brand-divider}/brand-divider.d.ts +0 -0
- /package/dist/components/data-display/{use-chip-labels.d.ts → chip/use-chip-labels.d.ts} +0 -0
- /package/dist/components/data-display/{data-field.d.ts → data-field/data-field.d.ts} +0 -0
- /package/dist/components/data-display/{featured-image.d.ts → featured-image/featured-image.d.ts} +0 -0
- /package/dist/components/data-display/{arrow-circle.d.ts → link-card/arrow-circle.d.ts} +0 -0
- /package/dist/components/data-display/{partner-row.d.ts → partner-row/partner-row.d.ts} +0 -0
- /package/dist/components/data-display/{rich-text.d.ts → rich-text/rich-text.d.ts} +0 -0
- /package/dist/components/data-display/{star-rating.d.ts → star-rating/star-rating.d.ts} +0 -0
- /package/dist/components/data-display/{use-star-rating-labels.d.ts → star-rating/use-star-rating-labels.d.ts} +0 -0
- /package/dist/components/data-display/{table.d.ts → table/table.d.ts} +0 -0
- /package/dist/components/data-display/{testimonial-card.d.ts → testimonial-card/testimonial-card.d.ts} +0 -0
- /package/dist/components/data-display/{tooltip.d.ts → tooltip/tooltip.d.ts} +0 -0
- /package/dist/components/data-display/{use-video-player-labels.d.ts → video-player/use-video-player-labels.d.ts} +0 -0
- /package/dist/components/data-display/{video-player.d.ts → video-player/video-player.d.ts} +0 -0
- /package/dist/components/feedback/{dialog.d.ts → dialog/dialog.d.ts} +0 -0
- /package/dist/components/feedback/{simple-dialog.d.ts → dialog/simple-dialog.d.ts} +0 -0
- /package/dist/components/feedback/{drawer.d.ts → drawer/drawer.d.ts} +0 -0
- /package/dist/components/feedback/{simple-drawer.d.ts → drawer/simple-drawer.d.ts} +0 -0
- /package/dist/components/feedback/{skeleton.d.ts → skeleton/skeleton.d.ts} +0 -0
- /package/dist/components/form/{amount-slider.d.ts → amount-slider/amount-slider.d.ts} +0 -0
- /package/dist/components/form/{checkbox.d.ts → checkbox/checkbox.d.ts} +0 -0
- /package/dist/components/form/{input.d.ts → input/input.d.ts} +0 -0
- /package/dist/components/form/{number-input.d.ts → number-input/number-input.d.ts} +0 -0
- /package/dist/components/form/{switch.d.ts → switch/switch.d.ts} +0 -0
- /package/dist/components/{ui → navigation/app-header}/app-header.d.ts +0 -0
- /package/dist/components/navigation/{breadcrumbs.d.ts → breadcrumbs/breadcrumbs.d.ts} +0 -0
- /package/dist/components/navigation/{use-breadcrumbs-labels.d.ts → breadcrumbs/use-breadcrumbs-labels.d.ts} +0 -0
- /package/dist/components/navigation/{step-progress.d.ts → linear-form-stepper/step-progress.d.ts} +0 -0
- /package/dist/components/navigation/{pagination.d.ts → pagination/pagination.d.ts} +0 -0
- /package/dist/components/navigation/{pagination-dots.d.ts → pagination-dots/pagination-dots.d.ts} +0 -0
- /package/dist/components/surfaces/{accordion.d.ts → accordion/accordion.d.ts} +0 -0
- /package/dist/components/surfaces/{simple-accordion.d.ts → accordion/simple-accordion.d.ts} +0 -0
- /package/dist/components/surfaces/{panel.d.ts → panel/panel.d.ts} +0 -0
- /package/dist/components/typography/{lists.d.ts → lists/lists.d.ts} +0 -0
- /package/dist/utils/{downloadFile.d.ts → download-file.d.ts} +0 -0
- /package/dist/utils/{formatDecimal.d.ts → format-decimal.d.ts} +0 -0
- /package/dist/utils/{formatPercentage.d.ts → format-percentage.d.ts} +0 -0
- /package/dist/utils/{parseExpirationDate.d.ts → parse-expiration-date.d.ts} +0 -0
- /package/dist/website/{brand-letters.d.ts → brand-letters/brand-letters.d.ts} +0 -0
- /package/dist/website/{use-brand-letters-labels.d.ts → brand-letters/use-brand-letters-labels.d.ts} +0 -0
- /package/dist/website/{calculator.d.ts → calculator/calculator.d.ts} +0 -0
- /package/dist/website/{carousel.d.ts → carousel/carousel.d.ts} +0 -0
- /package/dist/website/{use-carousel-labels.d.ts → carousel/use-carousel-labels.d.ts} +0 -0
- /package/dist/website/{cta-banner.d.ts → cta-banner/cta-banner.d.ts} +0 -0
- /package/dist/website/{expanding-cards-context.d.ts → expanding-cards/expanding-cards-context.d.ts} +0 -0
- /package/dist/website/{expanding-cards.d.ts → expanding-cards/expanding-cards.d.ts} +0 -0
- /package/dist/website/{hero.d.ts → hero/hero.d.ts} +0 -0
- /package/dist/website/{hero-service-grid.d.ts → hero-service-grid/hero-service-grid.d.ts} +0 -0
- /package/dist/website/{navigation-grid.d.ts → navigation-grid/navigation-grid.d.ts} +0 -0
- /package/dist/website/{partner-list.d.ts → partner-list/partner-list.d.ts} +0 -0
- /package/dist/website/{use-partner-list-labels.d.ts → partner-list/use-partner-list-labels.d.ts} +0 -0
- /package/dist/website/{promo-grid.d.ts → promo-grid/promo-grid.d.ts} +0 -0
- /package/dist/website/{section-header.d.ts → section-header/section-header.d.ts} +0 -0
- /package/dist/website/{service-card-grid.d.ts → service-card-grid/service-card-grid.d.ts} +0 -0
- /package/dist/website/{use-side-nav-labels.d.ts → side-nav/use-side-nav-labels.d.ts} +0 -0
- /package/dist/website/{flags.d.ts → site-footer/flags.d.ts} +0 -0
- /package/dist/website/{use-site-footer-labels.d.ts → site-footer/use-site-footer-labels.d.ts} +0 -0
- /package/dist/website/{site-header-menu.d.ts → site-header/site-header-menu.d.ts} +0 -0
- /package/dist/website/{site-header.d.ts → site-header/site-header.d.ts} +0 -0
- /package/dist/website/{split-content.d.ts → split-content/split-content.d.ts} +0 -0
- /package/dist/website/{stats.d.ts → stats/stats.d.ts} +0 -0
- /package/dist/website/{testimonials.d.ts → testimonials/testimonials.d.ts} +0 -0
- /package/dist/website/{use-testimonials-labels.d.ts → testimonials/use-testimonials-labels.d.ts} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 8.10.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 0953963: `AlertBanner` in `@leabankab/component-library/website`: the icon is now red by default, where it was the section's text colour, and the new `color` prop sets it to another status (`"warning"`, `"info"`, `"success"`) or back to the section's text colour (`"inherit"`). On a dark section (`surface` `contrast` or `contrast-accent`) the icon takes a lighter step of its colour by itself, so it stays 3:1 or more against the band. The title and the text keep the section's colour. An image passed as `icon` keeps its own colours.
|
|
8
|
+
- 6c907da: `CookieConsentProvider` in `@leabankab/component-library/cookie-consent/react` takes `onConsentChange` and `autoOpen`, and no longer opens the dialog by itself for crawlers. An app that passes neither behaves as before, the cookie and `COOKIE_CONSENT_REVISION` are unchanged, and visitors keep their consent.
|
|
9
|
+
|
|
10
|
+
- `onConsentChange?: (state: ConsentState) => void`: called once after load when there is a valid stored consent, then whenever the choice changes (the first choice, a change, or a step back to necessary only). Never with `null`, and not when the same choice is saved again. Called once per change, also under React StrictMode and when `initCookieConsent` was called elsewhere first. The latest function is the one called, so an inline arrow function is fine. An error thrown in it is reported with `reportError`, and the choice is still saved. Use it for Google Consent Mode, the dataLayer or starting analytics; render the provider through a client component of your own to pass it from a server layout.
|
|
11
|
+
- `autoOpen?: boolean`, default `true`: `false` keeps the dialog from opening by itself while the visitor has yet to choose, for example on the cookie policy page, which the intro's link opens in a new tab. Until then only necessary cookies are used. `openSettings` and `openCookieSettings` still open it, and it still can't be dismissed without a choice. When it turns `true` with no consent yet, the dialog opens.
|
|
12
|
+
- Crawlers and audit tools (a user agent with `bot`, `crawl`, `spider`, `slurp`, `teoma` or `lighthouse`) get the page without the dialog, as they did before 8.1.1. The stored consent is still read for them, and browser automation such as Playwright still gets the dialog.
|
|
13
|
+
- `useCookieConsent().consent` keeps the same object when a save doesn't change the choice, so its consumers don't re-render.
|
|
14
|
+
- `CookieConsentCopy`: `policyLinkLabel` and `policyLinkUrl` are optional and marked unused. The dialog never rendered them; the link to the cookie policy belongs in `intro`. Passing them still compiles.
|
|
15
|
+
|
|
16
|
+
See Docs/Cookie Consent.
|
|
17
|
+
|
|
18
|
+
## 8.9.1
|
|
19
|
+
|
|
20
|
+
### Patch Changes
|
|
21
|
+
|
|
22
|
+
- 8f4a4ed: `Carousel` in `@leabankab/component-library/website`: the previous and next buttons and the dots now scroll the track smoothly, over 0.6s with the `standard` easing, where the browser's own smooth scroll crossed most of a slide in a few frames and read as a jump. A swipe, a wheel or a key during the scroll takes over from it. Under reduced motion the buttons still jump.
|
|
23
|
+
- a0895af: Every component now sits in a folder of its own, with its stylesheet and story. Nothing you import changes: the package root and the `date-picker`, `dev-panel`, `react-hook-form` and `cookie-consent` subpaths export the same names, and the bundles and CSS are the same. Only the type declarations you would reach through `@leabankab/component-library/dist/*` moved one folder down (`dist/components/form/input.d.ts` is now `dist/components/form/input/input.d.ts`); import the types from `@leabankab/component-library` instead.
|
|
24
|
+
- 2bab4ca: Storybook: every component page is now titled with the component's name as you import it (`Buttons/ActionButton`, `Website/CtaBanner`), and `Text`, `Link` and `List` moved from "Data Display" to "Typography". The URLs of those pages changed, so update any bookmarks. The Getting Started, Quirks & Caveats and FAQ pages now show the same text as `docs/development/`. Nothing you import changed; only files you would reach through `@leabankab/component-library/dist/*` moved: the type declarations of `AppHeader` and `BrandDivider` (from `dist/components/ui/` to `dist/components/navigation/` and `dist/components/data-display/`) and of the formatting helpers in `dist/utils/` (now kebab-case, e.g. `download-file.d.ts`).
|
|
25
|
+
- 0caac37: Every website section now sits in a folder of its own, with its stylesheet and story. Nothing you import from `@leabankab/component-library/website` changes, and the bundle and `website.css` are the same. Only the type declarations you would reach through `@leabankab/component-library/dist/*` moved one folder down (`dist/website/hero.d.ts` is now `dist/website/hero/hero.d.ts`); import the types from `@leabankab/component-library/website` instead.
|
|
26
|
+
|
|
3
27
|
## 8.9.0
|
|
4
28
|
|
|
5
29
|
### Minor Changes
|