@danske/sapphire-react-lab 0.93.1 → 0.94.0

package/build/index.d.ts

@@ -162,6 +162,37 @@ interface FileDropzoneProps extends SapphireStyleProps, Pick<DropOptions, 'getDr
 }
 declare const FileDropzone: React__default.ForwardRefExoticComponent<FileDropzoneProps & React__default.RefAttributes<HTMLDivElement>>;
 
+declare type FlagProps = SapphireStyleProps & {
+    'aria-label'?: string;
+    /**
+     * The size of the flag.
+     * @default 'lg'
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Flags come in square or rounded shapes. Square flags are used for display purposes, ensuring a clean and consistent look.
+     * Rounded flags are reserved for actionable elements like buttons or selectors, providing a more interactive and approachable feel.
+     * @default false
+     */
+    rounded?: boolean;
+    children: React__default.ReactNode;
+};
+declare const Flag: React__default.ForwardRefExoticComponent<SapphireStyleProps & {
+    'aria-label'?: string | undefined;
+    /**
+     * The size of the flag.
+     * @default 'lg'
+     */
+    size?: "xs" | "xl" | "sm" | "md" | "lg" | undefined;
+    /**
+     * Flags come in square or rounded shapes. Square flags are used for display purposes, ensuring a clean and consistent look.
+     * Rounded flags are reserved for actionable elements like buttons or selectors, providing a more interactive and approachable feel.
+     * @default false
+     */
+    rounded?: boolean | undefined;
+    children: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLSpanElement>>;
+
 interface SapphireNumberFieldProps
 /**
  * Reasons to omit the below properties:
@@ -286,6 +317,6 @@ interface LabeledValueProps extends DOMProps, SapphireStyleProps {
      */
     size?: 'lg' | 'md';
 }
-declare function LabeledValue(props: LabeledValueProps): React__default.JSX.Element;
+declare function LabeledValue({ children, contextualHelp, label, labelPlacement, size, ...otherProps }: LabeledValueProps): React__default.JSX.Element;
 
-export { _Accordion as Accordion, AccordionContext, AccordionHeadingProps, AccordionItemProps, AccordionProps, FileDropzone, FileDropzoneProps, FileTrigger, FileTriggerProps, FilterDropdown, FilterDropdownProps, LabeledValue, NumberField, NumberFieldProps, NumberFieldRef, TagGroup, TagGroupProps, TagItem };
+export { _Accordion as Accordion, AccordionContext, AccordionHeadingProps, AccordionItemProps, AccordionProps, FileDropzone, FileDropzoneProps, FileTrigger, FileTriggerProps, FilterDropdown, FilterDropdownProps, Flag, FlagProps, LabeledValue, NumberField, NumberFieldProps, NumberFieldRef, TagGroup, TagGroupProps, TagItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-react-lab",
-  "version": "0.93.1",
+  "version": "0.94.0",
   "license": "SEE LICENSE IN LICENSE",
   "description": "Experimental React components of the Sapphire Design System from Danske Bank A/S",
   "exports": {
@@ -25,46 +25,46 @@
   },
   "peerDependencies": {
     "@danske/sapphire-icons": "^2.1.0",
-    "@danske/sapphire-react": "^4.0.4",
+    "@danske/sapphire-react": "^4.11.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@danske/sapphire-icons": "^2.1.0",
-    "@danske/sapphire-react": "^4.9.0",
+    "@danske/sapphire-icons": "^2.2.0",
+    "@danske/sapphire-react": "^4.11.0",
     "@types/react-transition-group": "^4.4.5",
     "cross-env": "^7.0.3"
   },
   "dependencies": {
-    "@danske/sapphire-css": "^35.5.0",
+    "@danske/sapphire-css": "^37.0.0",
     "@internationalized/date": "^3.6.0",
     "@internationalized/string": "^3.2.5",
-    "@react-aria/accordion": "^3.0.0-alpha.36",
-    "@react-aria/button": "^3.11.1",
-    "@react-aria/combobox": "^3.11.1",
-    "@react-aria/dialog": "^3.5.21",
-    "@react-aria/dnd": "^3.8.1",
-    "@react-aria/focus": "^3.19.1",
-    "@react-aria/i18n": "^3.12.5",
-    "@react-aria/interactions": "^3.23.0",
-    "@react-aria/label": "^3.7.14",
-    "@react-aria/numberfield": "^3.11.10",
-    "@react-aria/overlays": "^3.25.0",
-    "@react-aria/tag": "^3.4.9",
-    "@react-aria/utils": "^3.27.0",
-    "@react-aria/visually-hidden": "^3.8.19",
+    "@react-aria/accordion": "^3.0.0-alpha.37",
+    "@react-aria/button": "^3.12.1",
+    "@react-aria/combobox": "^3.12.1",
+    "@react-aria/dialog": "^3.5.23",
+    "@react-aria/dnd": "^3.9.1",
+    "@react-aria/focus": "^3.20.1",
+    "@react-aria/i18n": "^3.12.7",
+    "@react-aria/interactions": "^3.24.1",
+    "@react-aria/label": "^3.7.16",
+    "@react-aria/numberfield": "^3.11.12",
+    "@react-aria/overlays": "^3.26.1",
+    "@react-aria/tag": "^3.5.1",
+    "@react-aria/utils": "^3.28.1",
+    "@react-aria/visually-hidden": "^3.8.21",
     "@react-spectrum/utils": "^3.12.0",
-    "@react-stately/collections": "^3.12.1",
-    "@react-stately/combobox": "^3.10.2",
-    "@react-stately/list": "^3.11.2",
-    "@react-stately/numberfield": "^3.9.9",
-    "@react-stately/toggle": "^3.8.1",
-    "@react-stately/tree": "^3.8.7",
+    "@react-stately/collections": "^3.12.2",
+    "@react-stately/combobox": "^3.10.3",
+    "@react-stately/list": "^3.12.0",
+    "@react-stately/numberfield": "^3.9.10",
+    "@react-stately/toggle": "^3.8.2",
+    "@react-stately/tree": "^3.8.8",
     "@react-stately/utils": "^3.10.5",
-    "@react-types/dialog": "^3.5.15",
-    "@react-types/shared": "^3.27.0",
+    "@react-types/dialog": "^3.5.16",
+    "@react-types/shared": "^3.28.0",
     "clsx": "^1.1.1",
     "react-transition-group": "^4.4.5"
   },
-  "gitHead": "1a3faa61165f962d215ae49c6e60ffab6f5b47c3"
+  "gitHead": "d2568c6a3ae281f2664333a4e6a30cd173aeff3e"
 }