@obosbbl/grunnmuren-tailwind@2.0.0-canary.7

Minor Changes

• b5c86a5: Exposes custom properties for container width and gutter, along with all custom colors.

@obosbbl/grunnmuren-react@2.0.0-canary.35

Minor Changes

• 860f58a: add <Badge /> component

Patch Changes

• 2f1951f: Fixes input height on inputs that sets the size prop.

@obosbbl/grunnmuren-react@2.0.0-canary.34

Minor Changes

• f276e97: add useHref to GrunnmurenProvider to simplify usage with routers such as Next when using a basepath.

  Example with a Next app and the basePath setting set to /medlem.

  Before

  import Link from 'next/link';
  import { Button } from '@obosbbl/grunnmuren-react';
  
  // Notice how you have to handle the basepath yourself with Grunnmuren's component, but not with Next's.
  
  <Link href="/bli-medlem">Bli medlem</Link>
  <Button href="/medlem/bli-medlem">Bli medlem</Button>

  After

  // app/providers.tsx
  'use client'
  import { GrunnmurenProvider } from '@obosbbl/grunnmuren-react';
  import { useRouter } from 'next/navigation';
  
  export function Providers({children, locale}: { children: React.ReactNode, locale: string}) {
    const router = useRouter();
    const useHref = (href: string) => '/medlem' + href;
  
    return (
      <GrunnmurenProvider locale={locale} navigate={router.push} useHref={useHref}>
        {children}
      </GrunnmurenProvider>
    )
  }

  import Link from 'next/link';
  import { Button } from '@obosbbl/grunnmuren-react';
  
  // The hrefs are the same, as basepath is handled by the useHref hook in the provider.
  
  <Link href="/bli-medlem">Bli medlem</Link>
  <Button href="/bli-medlem">Bli medlem</Button>

Patch Changes

• de38e17: Removes white background color on <Button variant="secondary"/> to make it transparent and work well in a conatiner with any light color (not just white)
• ee2da0c: fix: Button should keep it's width when in isLoading state
• ee2da0c: refactor: use useLayoutEffect from react-aria instead of rolling our own. Reduces bundle size by a few bytes

@obosbbl/grunnmuren-react@2.0.0-canary.33

Patch Changes

• 08cc710: Fixes input height issue in <TextField/> component on Safari mobile.
• 3d9a230: Increases click area on Radio and Checkbox so that it is minimum 44x44 px when used without children.
• 3d9a230: Fixes an issue with the click area on Radio and Checkbox where the area just to the left of the radio/checkbox gave a hover effect that indicated that the pointer was in the click area, but no click event fired.
• 845a3bb: Button/Backlink: render Button if href is undefined
• 34ae950: Fixes an issue with scrollbars overflowing the border radius on popovers, and incorrect painting of the popover border in some browsers. This affects both the <Select/> component and the <ComboBox/> component.
• 94b2a45: fix: render Backlink as when no href is provided, as it is more semantically correct

@obosbbl/grunnmuren-tailwind@2.0.0-canary.6

Patch Changes

• 066c74f: Increases breakpoint from md to lg for mobile font styles on typography

@obosbbl/grunnmuren-react@2.0.0-canary.32

Minor Changes

• ee10040: Button: change implementation to use Button/Link from react-aria-components.

  • onClick prop is now called onPress.
  • Button, when used with a href, now works as expected with the navigate prop in <GrunnmurenProvider>.

@obosbbl/grunnmuren-tailwind@2.0.0-canary.5

Patch Changes

• 6b2f461: Fixes styling on lists in prose.

@obosbbl/grunnmuren-react@2.0.0-canary.31

Patch Changes

• 94ec4f6: Breadcrumbs: remove browser's default outline for the links, use focus-visible for focus ring
• b8efb04: Backlink: use cursor-pointer

@obosbbl/grunnmuren-react@2.0.0-canary.30

Patch Changes

• bfec6ef: Fixes popover overflow in Combobox and Select

@obosbbl/grunnmuren-tailwind@2.0.0-canary.4

Patch Changes

• 8fe9e00: fix: use correct font-family for headings in v1 compatibility mode