@obosbbl/grunnmuren-react 2.0.4 → 2.1.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/dist/index.d.mts +6 -1
- package/dist/index.mjs +20 -3
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -593,4 +593,9 @@ declare function TagList(props: TagListProps): react_jsx_runtime.JSX.Element;
|
|
|
593
593
|
*/
|
|
594
594
|
declare function Tag(props: TagProps): react_jsx_runtime.JSX.Element;
|
|
595
595
|
|
|
596
|
-
|
|
596
|
+
type HeroProps = HTMLProps<HTMLDivElement> & {
|
|
597
|
+
children: React.ReactNode;
|
|
598
|
+
};
|
|
599
|
+
declare const Hero: ({ className, children }: HeroProps) => react_jsx_runtime.JSX.Element;
|
|
600
|
+
|
|
601
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alertbox, type Props as AlertboxProps, Avatar, type AvatarProps, Backlink, type BacklinkProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardLink, type CardLinkProps, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Combobox, ListBoxHeader as ComboboxHeader, ListBoxItem as ComboboxItem, type ComboboxProps, ListBoxSection as ComboboxSection, Content, ContentContext, type ContentProps, DateFormatter, type DateFormatterProps, Description, type DescriptionProps, DisclosureStateContext, ErrorMessage, type ErrorMessageProps, Footer, type FooterProps, GrunnmurenProvider, type GrunnmurenProviderProps, Heading, HeadingContext, type HeadingProps, Label, type Locale, Media, type MediaProps, NumberField, type NumberFieldProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, ListBoxHeader as SelectHeader, ListBoxItem as SelectItem, type SelectProps, ListBoxSection as SelectSection, type TagGroupProps, type TagListProps, type TagProps, TextArea, type TextAreaProps, TextField, type TextFieldProps, Dialog as UNSAFE_Dialog, type DialogProps as UNSAFE_DialogProps, DialogTrigger as UNSAFE_DialogTrigger, type DialogTriggerProps as UNSAFE_DialogTriggerProps, Disclosure as UNSAFE_Disclosure, DisclosureButton as UNSAFE_DisclosureButton, type DisclosureButtonProps as UNSAFE_DisclosureButtonProps, DisclosurePanel as UNSAFE_DisclosurePanel, type DisclosurePanelProps as UNSAFE_DisclosurePanelProps, type DisclosureProps as UNSAFE_DisclosureProps, FileUpload as UNSAFE_FileUpload, type FileUploadProps as UNSAFE_FileUploadProps, Hero as UNSAFE_Hero, type HeroProps as UNSAFE_HeroProps, Modal as UNSAFE_Modal, type ModalProps as UNSAFE_ModalProps, Tag as UNSAFE_Tag, TagGroup as UNSAFE_TagGroup, TagList as UNSAFE_TagList, VideoLoop, _useLocale as useLocale };
|
package/dist/index.mjs
CHANGED
|
@@ -639,12 +639,14 @@ function Combobox(props) {
|
|
|
639
639
|
}
|
|
640
640
|
|
|
641
641
|
function RadioGroup(props) {
|
|
642
|
-
const { children, className, description, errorMessage, label, isRequired, isInvalid: _isInvalid, ...restProps } = props;
|
|
642
|
+
const { children, className, description, errorMessage, label, isRequired, isInvalid: _isInvalid, value, ...restProps } = props;
|
|
643
643
|
// the order of the conditions matter here, because providing a value for isInvalid makes the validation state "controlled",
|
|
644
644
|
// which will override any built in validation
|
|
645
645
|
const isInvalid = !!errorMessage || _isInvalid;
|
|
646
646
|
return /*#__PURE__*/ jsxs(RadioGroup$1, {
|
|
647
647
|
...restProps,
|
|
648
|
+
// Tabindex is set to -1 when the value is an empty string, which makes the radio input not focusable
|
|
649
|
+
value: value === '' ? undefined : value,
|
|
648
650
|
className: cx(className, 'flex flex-col gap-2'),
|
|
649
651
|
isInvalid: isInvalid,
|
|
650
652
|
isRequired: isRequired,
|
|
@@ -1319,7 +1321,7 @@ const VideoLoop = ({ src, format, alt, className })=>{
|
|
|
1319
1321
|
"aria-hidden": true,
|
|
1320
1322
|
ref: videoRef,
|
|
1321
1323
|
// cursor-pointer is not working on the button below, so we add it here for the same effect
|
|
1322
|
-
className: "h-full w-full cursor-pointer object-cover",
|
|
1324
|
+
className: "h-full max-h-[inherit] w-full cursor-pointer object-cover",
|
|
1323
1325
|
playsInline: true,
|
|
1324
1326
|
loop: userPrefersReducedMotion === false,
|
|
1325
1327
|
autoPlay: userPrefersReducedMotion === false,
|
|
@@ -1942,4 +1944,19 @@ const tagVariants = cva({
|
|
|
1942
1944
|
});
|
|
1943
1945
|
}
|
|
1944
1946
|
|
|
1945
|
-
|
|
1947
|
+
const Hero = ({ className, children })=>{
|
|
1948
|
+
return /*#__PURE__*/ jsx("div", {
|
|
1949
|
+
className: cx(// Wrap text content in a container
|
|
1950
|
+
'*:data-[slot="content"]:container', // Style the Hero heading
|
|
1951
|
+
'**:data-[slot="heading"]:heading-l', // Spacing between the media and the text content above it
|
|
1952
|
+
'*:data-[slot="media"]:mt-8 lg:*:data-[slot="media"]:mt-10', // Responsive heights for the <Media> wrapper component
|
|
1953
|
+
// biome-ignore lint/nursery/useSortedClasses: biome is unable to sort the custom classes for 3xl and 4xl breakpoints
|
|
1954
|
+
'*:data-[slot="media"]:h-70 sm:*:data-[slot="media"]:h-[25rem] md:*:data-[slot="media"]:h-[30rem] lg:*:data-[slot="media"]:h-[35rem] xl:*:data-[slot="media"]:h-[40rem] 2xl:*:data-[slot="media"]:h-[42rem] 3xl:*:data-[slot="media"]:h-[48rem] 4xl:*:data-[slot="media"]:h-[53rem]', // Match the heights of the <Media> wrapper for the Media content (e.g. image, VideoLoop, video etc.)
|
|
1955
|
+
// biome-ignore lint/nursery/useSortedClasses: biome is unable to sort the custom classes for 3xl and 4xl breakpoints
|
|
1956
|
+
'*:data-[slot="media"]:*:h-70 sm:*:data-[slot="media"]:*:h-[25rem] md:*:data-[slot="media"]:*:h-[30rem] lg:*:data-[slot="media"]:*:h-[35rem] xl:*:data-[slot="media"]:*:h-[40rem] 2xl:*:data-[slot="media"]:*:h-[42rem] 3xl:*:data-[slot="media"]:*:h-[48rem] 4xl:*:data-[slot="media"]:*:h-[53rem]', // Position the media content to fill the entire viewport width
|
|
1957
|
+
'*:data-[slot="media"]:*:absolute *:data-[slot="media"]:*:left-0 *:data-[slot="media"]:*:w-full *:data-[slot="media"]:*:object-cover', className),
|
|
1958
|
+
children: children
|
|
1959
|
+
});
|
|
1960
|
+
};
|
|
1961
|
+
|
|
1962
|
+
export { Accordion, AccordionItem, Alertbox, Avatar, Backlink, Badge, Breadcrumb, Breadcrumbs, Button, Caption, Card, CardLink, Checkbox, CheckboxGroup, Combobox, ListBoxHeader as ComboboxHeader, ListBoxItem as ComboboxItem, ListBoxSection as ComboboxSection, Content, ContentContext, DateFormatter, Description, DisclosureStateContext, ErrorMessage, Footer, GrunnmurenProvider, Heading, HeadingContext, Label, Media, NumberField, Radio, RadioGroup, Select, ListBoxHeader as SelectHeader, ListBoxItem as SelectItem, ListBoxSection as SelectSection, TextArea, TextField, Dialog as UNSAFE_Dialog, DialogTrigger as UNSAFE_DialogTrigger, Disclosure as UNSAFE_Disclosure, DisclosureButton as UNSAFE_DisclosureButton, DisclosurePanel as UNSAFE_DisclosurePanel, FileUpload as UNSAFE_FileUpload, Hero as UNSAFE_Hero, Modal as UNSAFE_Modal, Tag as UNSAFE_Tag, TagGroup as UNSAFE_TagGroup, TagList as UNSAFE_TagList, VideoLoop, _useLocale as useLocale };
|