@gnist/design-system 3.11.2 → 3.12.1

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.
Files changed (48) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/actions/selectionControls/radiobutton.css.cjs +15 -7
  3. package/dist/components/actions/selectionControls/radiobutton.css.d.ts +2 -2
  4. package/dist/components/actions/selectionControls/radiobutton.css.d.ts.map +1 -1
  5. package/dist/components/actions/selectionControls/radiobutton.css.js +15 -7
  6. package/dist/components/surfaces/accordion/Accordion.cjs +3 -3
  7. package/dist/components/surfaces/accordion/Accordion.d.ts +5 -2
  8. package/dist/components/surfaces/accordion/Accordion.d.ts.map +1 -1
  9. package/dist/components/surfaces/accordion/Accordion.js +4 -4
  10. package/dist/components/surfaces/cards/ActionCard.cjs +2 -2
  11. package/dist/components/surfaces/cards/ActionCard.d.ts +2 -2
  12. package/dist/components/surfaces/cards/ActionCard.d.ts.map +1 -1
  13. package/dist/components/surfaces/cards/ActionCard.js +3 -3
  14. package/dist/components/surfaces/cards/CheckboxCard.cjs +2 -3
  15. package/dist/components/surfaces/cards/CheckboxCard.d.ts +2 -2
  16. package/dist/components/surfaces/cards/CheckboxCard.d.ts.map +1 -1
  17. package/dist/components/surfaces/cards/CheckboxCard.js +2 -3
  18. package/dist/components/surfaces/cards/InfoCard.cjs +2 -3
  19. package/dist/components/surfaces/cards/InfoCard.d.ts +2 -2
  20. package/dist/components/surfaces/cards/InfoCard.d.ts.map +1 -1
  21. package/dist/components/surfaces/cards/InfoCard.js +2 -3
  22. package/dist/components/surfaces/cards/LinkCard.cjs +2 -2
  23. package/dist/components/surfaces/cards/LinkCard.d.ts +2 -2
  24. package/dist/components/surfaces/cards/LinkCard.d.ts.map +1 -1
  25. package/dist/components/surfaces/cards/LinkCard.js +3 -3
  26. package/dist/components/surfaces/cards/RadioCard.cjs +2 -3
  27. package/dist/components/surfaces/cards/RadioCard.d.ts +1 -1
  28. package/dist/components/surfaces/cards/RadioCard.d.ts.map +1 -1
  29. package/dist/components/surfaces/cards/RadioCard.js +2 -3
  30. package/dist/components/surfaces/modal/Modal.cjs +2 -20
  31. package/dist/components/surfaces/modal/Modal.d.ts +2 -1
  32. package/dist/components/surfaces/modal/Modal.d.ts.map +1 -1
  33. package/dist/components/surfaces/modal/Modal.js +2 -3
  34. package/dist/foundation/iconography/icons.d.ts +1 -1
  35. package/dist/foundation/iconography/icons.d.ts.map +1 -1
  36. package/dist/foundation/iconography/svg/action/index.cjs +11 -0
  37. package/dist/foundation/iconography/svg/action/index.d.ts +26 -0
  38. package/dist/foundation/iconography/svg/action/index.d.ts.map +1 -1
  39. package/dist/foundation/iconography/svg/action/index.js +11 -0
  40. package/dist/foundation/iconography/svg/action/print-filled.svg.cjs +28 -0
  41. package/dist/foundation/iconography/svg/action/print-filled.svg.js +10 -0
  42. package/dist/foundation/iconography/svg/action/print-outlined.svg.cjs +28 -0
  43. package/dist/foundation/iconography/svg/action/print-outlined.svg.js +10 -0
  44. package/dist/foundation/iconography/svg/action/print-round.svg.cjs +28 -0
  45. package/dist/foundation/iconography/svg/action/print-round.svg.js +10 -0
  46. package/dist/foundation/iconography/svg/action/print-sharp.svg.cjs +28 -0
  47. package/dist/foundation/iconography/svg/action/print-sharp.svg.js +10 -0
  48. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.12.1](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.12.0...@gnist/design-system@3.12.1) (2025-09-12)
7
+
8
+ ### Bug Fixes
9
+
10
+ * make unselected radioButton not appear as selected when error ([8a73d22](https://github.com/mollerdigital/design-system-design-system/commit/8a73d2212bd97885ffc325b96063356ed9f53e68))
11
+
12
+ ## [3.12.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.11.2...@gnist/design-system@3.12.0) (2025-09-12)
13
+
14
+ ### Features
15
+
16
+ * add new print icon ([18673b0](https://github.com/mollerdigital/design-system-design-system/commit/18673b0d6b8b09aae321205cfc32d363f6bc26d2))
17
+
6
18
  ## [3.11.2](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.11.1...@gnist/design-system@3.11.2) (2025-09-12)
7
19
 
8
20
  **Note:** Version bump only for package @gnist/design-system
@@ -76,13 +76,10 @@ const CheckedCircleRecipe = recipes.recipe({
76
76
  success: {}
77
77
  },
78
78
  disabled: {
79
- true: [
80
- atoms_css_js.atoms({}),
81
- {
82
- backgroundColor: tokens_css_js.tokens.color["disabled"],
83
- cursor: "not-allowed"
84
- }
85
- ],
79
+ true: {
80
+ backgroundColor: tokens_css_js.tokens.color["disabled"],
81
+ cursor: "not-allowed"
82
+ },
86
83
  false: {}
87
84
  }
88
85
  },
@@ -97,6 +94,17 @@ const CheckedCircleRecipe = recipes.recipe({
97
94
  background: tokens_css_js.tokens.color["on-disabled"]
98
95
  }
99
96
  ]
97
+ },
98
+ {
99
+ variants: {
100
+ checked: false,
101
+ validity: "error"
102
+ },
103
+ style: [
104
+ {
105
+ background: "transparent"
106
+ }
107
+ ]
100
108
  }
101
109
  ]
102
110
  });
@@ -30,10 +30,10 @@ export declare const CheckedCircleRecipe: import("@vanilla-extract/recipes").Run
30
30
  success: {};
31
31
  };
32
32
  disabled: {
33
- true: (string | {
33
+ true: {
34
34
  backgroundColor: `var(--${string})`;
35
35
  cursor: "not-allowed";
36
- })[];
36
+ };
37
37
  false: {};
38
38
  };
39
39
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"radiobutton.css.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/selectionControls/radiobutton.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;EAwC5B,CAAC;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;EAuD9B,CAAC"}
1
+ {"version":3,"file":"radiobutton.css.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/selectionControls/radiobutton.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;EAwC5B,CAAC;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;EA8D9B,CAAC"}
@@ -74,13 +74,10 @@ const CheckedCircleRecipe = recipe({
74
74
  success: {}
75
75
  },
76
76
  disabled: {
77
- true: [
78
- atoms({}),
79
- {
80
- backgroundColor: tokens.color["disabled"],
81
- cursor: "not-allowed"
82
- }
83
- ],
77
+ true: {
78
+ backgroundColor: tokens.color["disabled"],
79
+ cursor: "not-allowed"
80
+ },
84
81
  false: {}
85
82
  }
86
83
  },
@@ -95,6 +92,17 @@ const CheckedCircleRecipe = recipe({
95
92
  background: tokens.color["on-disabled"]
96
93
  }
97
94
  ]
95
+ },
96
+ {
97
+ variants: {
98
+ checked: false,
99
+ validity: "error"
100
+ },
101
+ style: [
102
+ {
103
+ background: "transparent"
104
+ }
105
+ ]
98
106
  }
99
107
  ]
100
108
  });
@@ -8,14 +8,14 @@ require("../../../foundation/iconography/IconVariantProvider.cjs");
8
8
  require("../../../foundation/iconography/icons.cjs");
9
9
  const Icon = require("../../../foundation/iconography/Icon.cjs");
10
10
  const index = require("../../../foundation/typography/index.cjs");
11
- const React = require("react");
11
+ require("react");
12
12
  require("classnames");
13
13
  require("../../../foundation/logos/Logo.css.cjs");
14
14
  const atoms_css_js = require("@gnist/themes/atoms.css.js");
15
15
  const accordion_css = require("./accordion.css.cjs");
16
- const AccordionElement = React.forwardRef(function AccordionElement2({ head, expanded, children, ...props }, ref) {
16
+ function AccordionElement({ head, expanded, children, ref, ...props }) {
17
17
  const headElement = typeof head === "string" ? jsxRuntime.jsx(index.Heading3Text, { className: atoms_css_js.atoms({ typography: "heading3-small" }), children: head }) : head;
18
18
  return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("details", { ...props, open: expanded, ref, children: [jsxRuntime.jsxs("summary", { className: accordion_css.head, children: [jsxRuntime.jsx("div", { className: accordion_css.headBackground }), headElement, jsxRuntime.jsx(Icon.Icon, { icon: "expand_more" })] }), jsxRuntime.jsx("div", { className: accordion_css.body, children })] }) });
19
- });
19
+ }
20
20
  const Accordion = componentUtils.component("Accordion", accordion_css.accordionRecipe, AccordionElement);
21
21
  exports.Accordion = Accordion;
@@ -1,4 +1,4 @@
1
- import { ReactNode } from "react";
1
+ import { ReactNode, Ref } from "react";
2
2
  type AccordionProps = {
3
3
  /** Head is the top section of the accordion. It can be a string or a React node. */
4
4
  head: string | ReactNode;
@@ -12,7 +12,10 @@ type AccordionProps = {
12
12
  withBackground?: boolean;
13
13
  /** className is a string that can be used to add custom styling to the accordion. */
14
14
  className?: string;
15
+ /** ref to the underlying HTMLDetailsElement. */
16
+ ref?: Ref<HTMLDetailsElement>;
15
17
  };
18
+ declare function AccordionElement({ head, expanded, children, ref, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
16
19
  /**
17
20
  * The Accordion component is used to show and hide content.
18
21
  * It is typically used when there is a lot of content that should be hidden by default. It is built with the HTML details and summary elements.
@@ -23,7 +26,7 @@ type AccordionProps = {
23
26
  *
24
27
  * Documentation: [Accordion](https://gnist.moller.no/developers/components/latest/?path=/docs/components-surfaces-accordion--docs)
25
28
  */
26
- export declare const Accordion: import("@gnist/component-utils").VanillaRecipeComponent<import("react").ElementType, import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDetailsElement>>, import("@gnist/component-utils").VariantSelection<{
29
+ export declare const Accordion: import("@gnist/component-utils").VanillaRecipeComponent<import("react").ElementType, typeof AccordionElement, import("@gnist/component-utils").VariantSelection<{
27
30
  withDivider: {
28
31
  true: {
29
32
  borderBottom: `var(--${string}) solid var(--${string})`;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,KAAK,cAAc,GAAG;IAClB,oFAAoF;IACpF,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,oFAAoF;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yJAAyJ;IACzJ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8GAA8G;IAC9G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA6BF;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;GAIrB,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,cAAc,GAAG;IAClB,oFAAoF;IACpF,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,oFAAoF;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yJAAyJ;IACzJ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8GAA8G;IAC9G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,GAAG,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;CACjC,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACX,EAAE,cAAc,2CAsBhB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;GAIrB,CAAC"}
@@ -6,15 +6,15 @@ import "../../../foundation/iconography/IconVariantProvider.js";
6
6
  import "../../../foundation/iconography/icons.js";
7
7
  import { Icon } from "../../../foundation/iconography/Icon.js";
8
8
  import { Heading3Text } from "../../../foundation/typography/index.js";
9
- import { forwardRef } from "react";
9
+ import "react";
10
10
  import "classnames";
11
11
  import "../../../foundation/logos/Logo.css.js";
12
12
  import { atoms } from "@gnist/themes/atoms.css.js";
13
- import { head, headBackground, body, accordionRecipe } from "./accordion.css.js";
14
- const AccordionElement = forwardRef(function AccordionElement2({ head: head$1, expanded, children, ...props }, ref) {
13
+ import { accordionRecipe, head, headBackground, body } from "./accordion.css.js";
14
+ function AccordionElement({ head: head$1, expanded, children, ref, ...props }) {
15
15
  const headElement = typeof head$1 === "string" ? jsx(Heading3Text, { className: atoms({ typography: "heading3-small" }), children: head$1 }) : head$1;
16
16
  return jsx(Fragment, { children: jsxs("details", { ...props, open: expanded, ref, children: [jsxs("summary", { className: head, children: [jsx("div", { className: headBackground }), headElement, jsx(Icon, { icon: "expand_more" })] }), jsx("div", { className: body, children })] }) });
17
- });
17
+ }
18
18
  const Accordion = component("Accordion", accordionRecipe, AccordionElement);
19
19
  export {
20
20
  Accordion
@@ -8,7 +8,7 @@ const cards_css = require("./cards.css.cjs");
8
8
  const SharedComponents = require("./SharedComponents.cjs");
9
9
  const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
10
10
  const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
11
- const ActionCard = React.forwardRef(function ActionCard2({ $as, as, children, isLoading, density, ...props }, ref) {
11
+ function ActionCard({ $as, as, children, isLoading, density, ref, ...props }) {
12
12
  const cardProps = {
13
13
  ref,
14
14
  ...props,
@@ -19,5 +19,5 @@ const ActionCard = React.forwardRef(function ActionCard2({ $as, as, children, is
19
19
  }), props.className)
20
20
  };
21
21
  return React.createElement($as ?? as ?? "button", cardProps, jsxRuntime.jsx(jsxRuntime.Fragment, { children: isLoading ? jsxRuntime.jsx(SharedComponents.LoadingSkeleton, {}) : children }));
22
- });
22
+ }
23
23
  exports.ActionCard = ActionCard;
@@ -1,4 +1,4 @@
1
- import { ElementType, ForwardRefExoticComponent } from "react";
1
+ import { ElementType } from "react";
2
2
  import { ActionCardProps } from "./CardProps.js";
3
3
  /** Cards that contain content and actions about a single subject that helps users make a decision. The card serves as an overview and an entry point for more detailed information about the subject. A card can stand alone, without relying on surrounding elements for context.
4
4
 
@@ -10,5 +10,5 @@ Card layouts can vary to support the types of content they contain. Imagery, ico
10
10
 
11
11
  Documentation: [ActionCard](https://gnist.moller.no/developers/components/latest/?path=/docs/components-surfaces-cards-actioncard--docs)
12
12
  */
13
- export declare const ActionCard: ForwardRefExoticComponent<ActionCardProps<ElementType>>;
13
+ export declare function ActionCard<AsElement extends ElementType = "button">({ $as, as, children, isLoading, density, ref, ...props }: ActionCardProps<AsElement>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
14
14
  //# sourceMappingURL=ActionCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ActionCard.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/cards/ActionCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAGH,WAAW,EAGX,yBAAyB,EAC5B,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMjD;;;;;;;;;EASE;AACF,eAAO,MAAM,UAAU,EAAE,yBAAyB,CAC9C,eAAe,CAAC,WAAW,CAAC,CA6B9B,CAAC"}
1
+ {"version":3,"file":"ActionCard.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/cards/ActionCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwC,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMjD;;;;;;;;;EASE;AACF,wBAAgB,UAAU,CAAC,SAAS,SAAS,WAAW,GAAG,QAAQ,EAAE,EACjE,GAAG,EACH,EAAE,EACF,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACX,EAAE,eAAe,CAAC,SAAS,CAAC,0FAkB5B"}
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import { jsx, Fragment } from "react/jsx-runtime";
3
3
  import classNames from "classnames";
4
- import { forwardRef, createElement } from "react";
4
+ import { createElement } from "react";
5
5
  import { cardsRecipe } from "./cards.css.js";
6
6
  import { LoadingSkeleton } from "./SharedComponents.js";
7
- const ActionCard = forwardRef(function ActionCard2({ $as, as, children, isLoading, density, ...props }, ref) {
7
+ function ActionCard({ $as, as, children, isLoading, density, ref, ...props }) {
8
8
  const cardProps = {
9
9
  ref,
10
10
  ...props,
@@ -15,7 +15,7 @@ const ActionCard = forwardRef(function ActionCard2({ $as, as, children, isLoadin
15
15
  }), props.className)
16
16
  };
17
17
  return createElement($as ?? as ?? "button", cardProps, jsx(Fragment, { children: isLoading ? jsx(LoadingSkeleton, {}) : children }));
18
- });
18
+ }
19
19
  export {
20
20
  ActionCard
21
21
  };
@@ -6,14 +6,13 @@ const Checkbox = require("../../actions/selectionControls/Checkbox.cjs");
6
6
  const SelectionCard = require("./internal/SelectionCard.cjs");
7
7
  const InfoCard = require("./InfoCard.cjs");
8
8
  const checkboxCard_css = require("./checkboxCard.css.cjs");
9
- const React = require("react");
10
9
  const classNames = require("classnames");
11
10
  const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
12
11
  const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
13
- const CheckboxCard = React.forwardRef(function CheckboxCard2({ label, description, value, id, onChange, children, isLoading, validity, checkboxProps, cardStyle, ...props }, ref) {
12
+ function CheckboxCard({ label, description, value, id, onChange, children, isLoading, validity, checkboxProps, cardStyle, ref, ...props }) {
14
13
  return jsxRuntime.jsx(InfoCard.InfoCard, { ref, ...props, className: classNames__default.default(checkboxCard_css.StyledCardRecipe({
15
14
  disabled: props.disabled,
16
15
  cardStyle: cardStyle ?? "elevation"
17
16
  }), props.className), children: isLoading ? jsxRuntime.jsx(SelectionCard.SelectionCardLoader, { type: "checkbox", density: props.density }) : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Checkbox.Checkbox, { label, value, onChange, validity, id, disabled: props.disabled, ...checkboxProps }), jsxRuntime.jsx(SelectionCard.SelectionCardContent, { description, value, density: props.density, children })] }) });
18
- });
17
+ }
19
18
  exports.CheckboxCard = CheckboxCard;
@@ -8,7 +8,7 @@ interface CheckboxCardProps extends SelectionCardProps {
8
8
  /**
9
9
  * Props which will be passed to the checkbox
10
10
  */
11
- checkboxProps?: Omit<HtmlSelectionControlProps, "ref">;
11
+ checkboxProps?: HtmlSelectionControlProps;
12
12
  }
13
13
  /**
14
14
  Checkbox cards allow you to present an option and optionally provide additional information and supplementary actions.
@@ -19,6 +19,6 @@ The card serves to draw extra attention to a checkbox selection in the user inte
19
19
 
20
20
  Documentation: [CheckboxCard](https://gnist.moller.no/developers/components/latest/?path=/docs/components-surfaces-cards-checkboxcard--docs)
21
21
  */
22
- export declare const CheckboxCard: React.ForwardRefExoticComponent<Omit<CheckboxCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
22
+ export declare function CheckboxCard({ label, description, value, id, onChange, children, isLoading, validity, checkboxProps, cardStyle, ref, ...props }: CheckboxCardProps): import("react/jsx-runtime").JSX.Element;
23
23
  export {};
24
24
  //# sourceMappingURL=CheckboxCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxCard.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/cards/CheckboxCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,EAChB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACH,yBAAyB,EAGzB,kBAAkB,EACrB,MAAM,6BAA6B,CAAC;AAMrC,UAAU,iBAAkB,SAAQ,kBAAkB;IAClD;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;CAC1D;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,yBAAyB,CACtD,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAwDtE,CAAC"}
1
+ {"version":3,"file":"CheckboxCard.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/cards/CheckboxCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,EAChB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACH,yBAAyB,EAGzB,kBAAkB,EACrB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,iBAAkB,SAAQ,kBAAkB;IAClD;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC7C;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,WAAW,EACX,KAAK,EACL,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACX,EAAE,iBAAiB,2CAwCnB"}
@@ -4,14 +4,13 @@ import { Checkbox } from "../../actions/selectionControls/Checkbox.js";
4
4
  import { SelectionCardLoader, SelectionCardContent } from "./internal/SelectionCard.js";
5
5
  import { InfoCard } from "./InfoCard.js";
6
6
  import { StyledCardRecipe } from "./checkboxCard.css.js";
7
- import { forwardRef } from "react";
8
7
  import classNames from "classnames";
9
- const CheckboxCard = forwardRef(function CheckboxCard2({ label, description, value, id, onChange, children, isLoading, validity, checkboxProps, cardStyle, ...props }, ref) {
8
+ function CheckboxCard({ label, description, value, id, onChange, children, isLoading, validity, checkboxProps, cardStyle, ref, ...props }) {
10
9
  return jsx(InfoCard, { ref, ...props, className: classNames(StyledCardRecipe({
11
10
  disabled: props.disabled,
12
11
  cardStyle: cardStyle ?? "elevation"
13
12
  }), props.className), children: isLoading ? jsx(SelectionCardLoader, { type: "checkbox", density: props.density }) : jsxs(Fragment, { children: [jsx(Checkbox, { label, value, onChange, validity, id, disabled: props.disabled, ...checkboxProps }), jsx(SelectionCardContent, { description, value, density: props.density, children })] }) });
14
- });
13
+ }
15
14
  export {
16
15
  CheckboxCard
17
16
  };
@@ -3,17 +3,16 @@
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
4
  const jsxRuntime = require("react/jsx-runtime");
5
5
  const classNames = require("classnames");
6
- const React = require("react");
7
6
  const cards_css = require("./cards.css.cjs");
8
7
  const SharedComponents = require("./SharedComponents.cjs");
9
8
  const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
10
9
  const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
11
- const InfoCard = React.forwardRef(function InfoCard2({ isLoading, transparent, density, ...props }, ref) {
10
+ function InfoCard({ isLoading, transparent, density, ref, ...props }) {
12
11
  return jsxRuntime.jsx("div", { ref, ...props, className: classNames__default.default(cards_css.cardsRecipe({
13
12
  type: "info",
14
13
  isLoading,
15
14
  transparent,
16
15
  density
17
16
  }), props.className), children: isLoading ? jsxRuntime.jsx(SharedComponents.LoadingSkeleton, {}) : props.children });
18
- });
17
+ }
19
18
  exports.InfoCard = InfoCard;
@@ -1,4 +1,4 @@
1
- import { ElementType, ForwardRefExoticComponent } from "react";
1
+ import { ElementType } from "react";
2
2
  import { InfoCardProps } from "./CardProps.js";
3
3
  /** Cards that contain content but is not clickable. A card can stand alone, without relying on surrounding elements for context.
4
4
 
@@ -8,5 +8,5 @@ Card layouts can vary to support the types of content they contain. Imagery, ico
8
8
 
9
9
  Documentation: [InfoCard](https://gnist.moller.no/developers/components/latest/?path=/docs/components-surfaces-cards-infocard--docs)
10
10
  */
11
- export declare const InfoCard: ForwardRefExoticComponent<InfoCardProps<ElementType>>;
11
+ export declare function InfoCard<AsElement extends ElementType = "div">({ isLoading, transparent, density, ref, ...props }: InfoCardProps<AsElement>): import("react/jsx-runtime").JSX.Element;
12
12
  //# sourceMappingURL=InfoCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/cards/InfoCard.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,WAAW,EAGX,yBAAyB,EAC5B,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C;;;;;;;EAOE;AACF,eAAO,MAAM,QAAQ,EAAE,yBAAyB,CAAC,aAAa,CAAC,WAAW,CAAC,CAsBrE,CAAC"}
1
+ {"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/cards/InfoCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C;;;;;;;EAOE;AACF,wBAAgB,QAAQ,CAAC,SAAS,SAAS,WAAW,GAAG,KAAK,EAAE,EAC5D,SAAS,EACT,WAAW,EACX,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACX,EAAE,aAAa,CAAC,SAAS,CAAC,2CAkB1B"}
@@ -1,17 +1,16 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  import classNames from "classnames";
4
- import { forwardRef } from "react";
5
4
  import { cardsRecipe } from "./cards.css.js";
6
5
  import { LoadingSkeleton } from "./SharedComponents.js";
7
- const InfoCard = forwardRef(function InfoCard2({ isLoading, transparent, density, ...props }, ref) {
6
+ function InfoCard({ isLoading, transparent, density, ref, ...props }) {
8
7
  return jsx("div", { ref, ...props, className: classNames(cardsRecipe({
9
8
  type: "info",
10
9
  isLoading,
11
10
  transparent,
12
11
  density
13
12
  }), props.className), children: isLoading ? jsx(LoadingSkeleton, {}) : props.children });
14
- });
13
+ }
15
14
  export {
16
15
  InfoCard
17
16
  };
@@ -8,7 +8,7 @@ const cards_css = require("./cards.css.cjs");
8
8
  const SharedComponents = require("./SharedComponents.cjs");
9
9
  const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
10
10
  const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
11
- const LinkCard = React.forwardRef(function LinkCard2({ $as, as, children, isLoading, density, ...props }, ref) {
11
+ function LinkCard({ $as, as, children, isLoading, density, ref, ...props }) {
12
12
  const cardProps = {
13
13
  ...props,
14
14
  ref,
@@ -19,5 +19,5 @@ const LinkCard = React.forwardRef(function LinkCard2({ $as, as, children, isLoad
19
19
  }), props.className)
20
20
  };
21
21
  return React.createElement($as ?? as ?? "a", cardProps, jsxRuntime.jsx(jsxRuntime.Fragment, { children: isLoading ? jsxRuntime.jsx(SharedComponents.LoadingSkeleton, {}) : children }));
22
- });
22
+ }
23
23
  exports.LinkCard = LinkCard;
@@ -1,4 +1,4 @@
1
- import { ElementType, ForwardRefExoticComponent } from "react";
1
+ import { ElementType } from "react";
2
2
  import { LinkCardProps } from "./CardProps.js";
3
3
  /** Cards that contain content and actions about a single subject that helps users make a decision. The card serves as an overview and an entry point for more detailed information about the subject. A card can stand alone, without relying on surrounding elements for context.
4
4
 
@@ -10,5 +10,5 @@ Card layouts can vary to support the types of content they contain. Imagery, ico
10
10
 
11
11
  Documentation: [LinkCard](https://gnist.moller.no/developers/components/latest/?path=/docs/components-surfaces-cards-linkcard--docs)
12
12
  */
13
- export declare const LinkCard: ForwardRefExoticComponent<LinkCardProps<ElementType>>;
13
+ export declare function LinkCard<AsElement extends ElementType = "a">({ $as, as, children, isLoading, density, ref, ...props }: LinkCardProps<AsElement>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
14
14
  //# sourceMappingURL=LinkCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkCard.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/cards/LinkCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAGH,WAAW,EAGX,yBAAyB,EAC5B,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAK/C;;;;;;;;;EASE;AAEF,eAAO,MAAM,QAAQ,EAAE,yBAAyB,CAAC,aAAa,CAAC,WAAW,CAAC,CA6BrE,CAAC"}
1
+ {"version":3,"file":"LinkCard.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/cards/LinkCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuC,WAAW,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAK/C;;;;;;;;;EASE;AAEF,wBAAgB,QAAQ,CAAC,SAAS,SAAS,WAAW,GAAG,GAAG,EAAE,EAC1D,GAAG,EACH,EAAE,EACF,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACX,EAAE,aAAa,CAAC,SAAS,CAAC,0FAkB1B"}
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import { jsx, Fragment } from "react/jsx-runtime";
3
3
  import classNames from "classnames";
4
- import { forwardRef, createElement } from "react";
4
+ import { createElement } from "react";
5
5
  import { cardsRecipe } from "./cards.css.js";
6
6
  import { LoadingSkeleton } from "./SharedComponents.js";
7
- const LinkCard = forwardRef(function LinkCard2({ $as, as, children, isLoading, density, ...props }, ref) {
7
+ function LinkCard({ $as, as, children, isLoading, density, ref, ...props }) {
8
8
  const cardProps = {
9
9
  ...props,
10
10
  ref,
@@ -15,7 +15,7 @@ const LinkCard = forwardRef(function LinkCard2({ $as, as, children, isLoading, d
15
15
  }), props.className)
16
16
  };
17
17
  return createElement($as ?? as ?? "a", cardProps, jsx(Fragment, { children: isLoading ? jsx(LoadingSkeleton, {}) : children }));
18
- });
18
+ }
19
19
  export {
20
20
  LinkCard
21
21
  };
@@ -5,15 +5,14 @@ const jsxRuntime = require("react/jsx-runtime");
5
5
  const RadioButton = require("../../actions/selectionControls/RadioButton.cjs");
6
6
  const SelectionCard = require("./internal/SelectionCard.cjs");
7
7
  const InfoCard = require("./InfoCard.cjs");
8
- const React = require("react");
9
8
  const checkboxCard_css = require("./checkboxCard.css.cjs");
10
9
  const classNames = require("classnames");
11
10
  const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
12
11
  const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
13
- const RadioCard = React.forwardRef(function RadioCard2({ label, description, value, id, name, onChange, children, isLoading, validity, cardStyle, ...props }, ref) {
12
+ function RadioCard({ label, description, value, id, name, onChange, children, isLoading, validity, cardStyle, ref, ...props }) {
14
13
  return jsxRuntime.jsx(InfoCard.InfoCard, { ref, ...props, className: classNames__default.default(checkboxCard_css.StyledCardRecipe({
15
14
  disabled: props.disabled,
16
15
  cardStyle: cardStyle ?? "elevation"
17
16
  }), props.className), children: isLoading ? jsxRuntime.jsx(SelectionCard.SelectionCardLoader, { type: "radio", density: props.density }) : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(RadioButton.RadioButton, { label, value, onChange, disabled: props.disabled, validity, id, name }), jsxRuntime.jsx(SelectionCard.SelectionCardContent, { description, value, density: props.density, children })] }) });
18
- });
17
+ }
19
18
  exports.RadioCard = RadioCard;
@@ -23,6 +23,6 @@ The card serves to draw extra attention to a radio button selection in the user
23
23
 
24
24
  Documentation: [RadioCard](https://gnist.moller.no/developers/components/latest/?path=/docs/components-surfaces-cards-radiocard--docs)
25
25
  */
26
- export declare const RadioCard: React.ForwardRefExoticComponent<Omit<RadioCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
26
+ export declare function RadioCard({ label, description, value, id, name, onChange, children, isLoading, validity, cardStyle, ref, ...props }: RadioCardProps): import("react/jsx-runtime").JSX.Element;
27
27
  export {};
28
28
  //# sourceMappingURL=RadioCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/cards/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,gBAAgB,EACnB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EACH,yBAAyB,EAGzB,kBAAkB,EACrB,MAAM,6BAA6B,CAAC;AAMrC,UAAU,cAAe,SAAQ,kBAAkB;IAC/C;;OAEG;IACH,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvC;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;CAC1C;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,yBAAyB,CACnD,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAqDnE,CAAC"}
1
+ {"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/cards/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,gBAAgB,EACnB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EACH,yBAAyB,EAGzB,kBAAkB,EACrB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,cAAe,SAAQ,kBAAkB;IAC/C;;OAEG;IACH,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvC;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;CAC1C;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,WAAW,EACX,KAAK,EACL,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACX,EAAE,cAAc,2CAqChB"}
@@ -3,15 +3,14 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
3
  import { RadioButton } from "../../actions/selectionControls/RadioButton.js";
4
4
  import { SelectionCardLoader, SelectionCardContent } from "./internal/SelectionCard.js";
5
5
  import { InfoCard } from "./InfoCard.js";
6
- import { forwardRef } from "react";
7
6
  import { StyledCardRecipe } from "./checkboxCard.css.js";
8
7
  import classNames from "classnames";
9
- const RadioCard = forwardRef(function RadioCard2({ label, description, value, id, name, onChange, children, isLoading, validity, cardStyle, ...props }, ref) {
8
+ function RadioCard({ label, description, value, id, name, onChange, children, isLoading, validity, cardStyle, ref, ...props }) {
10
9
  return jsx(InfoCard, { ref, ...props, className: classNames(StyledCardRecipe({
11
10
  disabled: props.disabled,
12
11
  cardStyle: cardStyle ?? "elevation"
13
12
  }), props.className), children: isLoading ? jsx(SelectionCardLoader, { type: "radio", density: props.density }) : jsxs(Fragment, { children: [jsx(RadioButton, { label, value, onChange, disabled: props.disabled, validity, id, name }), jsx(SelectionCardContent, { description, value, density: props.density, children })] }) });
14
- });
13
+ }
15
14
  export {
16
15
  RadioCard
17
16
  };
@@ -33,24 +33,6 @@ const index = require("../../../translations/index.cjs");
33
33
  const reactDom = require("react-dom");
34
34
  const modal_css = require("./modal.css.cjs");
35
35
  const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
36
- function _interopNamespaceCompat(e) {
37
- if (e && typeof e === "object" && "default" in e) return e;
38
- const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
39
- if (e) {
40
- for (const k in e) {
41
- if (k !== "default") {
42
- const d = Object.getOwnPropertyDescriptor(e, k);
43
- Object.defineProperty(n, k, d.get ? d : {
44
- enumerable: true,
45
- get: () => e[k]
46
- });
47
- }
48
- }
49
- }
50
- n.default = e;
51
- return Object.freeze(n);
52
- }
53
- const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
54
36
  const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
55
37
  const hasScroll = (size, height) => {
56
38
  switch (size) {
@@ -64,7 +46,7 @@ const hasScroll = (size, height) => {
64
46
  return height > 271;
65
47
  }
66
48
  };
67
- const Modal = React__namespace.forwardRef(function Modal2({ children, title, isOpen, handleClose, size = "medium", primaryAction, secondaryAction, action, backgroundColor = tokens_css_js.tokens.color.surface, className }, ref) {
49
+ function Modal({ children, title, isOpen, handleClose, size = "medium", primaryAction, secondaryAction, action, backgroundColor = tokens_css_js.tokens.color.surface, ref, className }) {
68
50
  const text = index.useTranslation((t) => t.components.surfaces.modal);
69
51
  const [contentHeight, setContentHeight] = React.useState(0);
70
52
  const [renderComponent, setRenderComponent] = React.useState(false);
@@ -118,5 +100,5 @@ const Modal = React__namespace.forwardRef(function Modal2({ children, title, isO
118
100
  size,
119
101
  hasScroll: hasScroll(size, contentHeight)
120
102
  }), style: { backgroundColor }, children: [primaryAction ? jsxRuntime.jsx(PrimaryButton.PrimaryButton, { ...primaryAction, children: primaryAction.label }) : null, secondaryAction ? jsxRuntime.jsx(TextButton.TextButton, { ...secondaryAction, disabled: primaryAction?.loading?.isLoading, children: secondaryAction.label }) : null, action ? action : null] }) : null] })] }), document.body);
121
- });
103
+ }
122
104
  exports.Modal = Modal;
@@ -24,6 +24,7 @@ export interface ModalProps {
24
24
  /** Background color of the modal. */
25
25
  backgroundColor?: string;
26
26
  className?: string;
27
+ ref?: React.Ref<HTMLDivElement>;
27
28
  }
28
29
  /**
29
30
  *
@@ -37,6 +38,6 @@ export interface ModalProps {
37
38
  *
38
39
  * Documentation: [Modal](https://gnist.moller.no/developers/components/latest/?path=/docs/components-surfaces-modal--docs)
39
40
  */
40
- export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
41
+ export declare function Modal({ children, title, isOpen, handleClose, size, primaryAction, secondaryAction, action, backgroundColor, ref, className, }: ModalProps): React.ReactPortal | null;
41
42
  export {};
42
43
  //# sourceMappingURL=Modal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,4CAAsE;AAKjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKH,UAAU,EAIb,uBAAmD;AAEpD,UAAU,MAAO,SAAQ,gBAAgB,CAAC,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+GAA+G;IAC/G,eAAe,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C,4BAA4B;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAeD;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,KAAK,mFAiJhB,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,4CAAsE;AAKjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKH,UAAU,EAIb,uBAAmD;AAEpD,UAAU,MAAO,SAAQ,gBAAgB,CAAC,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+GAA+G;IAC/G,eAAe,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C,4BAA4B;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACnC;AAeD;;;;;;;;;;;GAWG;AAEH,wBAAgB,KAAK,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EACX,IAAe,EACf,aAAa,EACb,eAAe,EACf,MAAM,EACN,eAAsC,EACtC,GAAG,EACH,SAAS,GACZ,EAAE,UAAU,4BAmIZ"}
@@ -6,7 +6,6 @@ import "../../../foundation/iconography/IconVariantProvider.js";
6
6
  import "../../../foundation/iconography/icons.js";
7
7
  import "../../../foundation/iconography/Icon.js";
8
8
  import { LeadText } from "../../../foundation/typography/index.js";
9
- import * as React from "react";
10
9
  import { useState, useRef, useEffect } from "react";
11
10
  import classNames from "classnames";
12
11
  import "../../../foundation/logos/Logo.css.js";
@@ -43,7 +42,7 @@ const hasScroll = (size, height) => {
43
42
  return height > 271;
44
43
  }
45
44
  };
46
- const Modal = React.forwardRef(function Modal2({ children, title, isOpen, handleClose, size = "medium", primaryAction, secondaryAction, action, backgroundColor = tokens.color.surface, className }, ref) {
45
+ function Modal({ children, title, isOpen, handleClose, size = "medium", primaryAction, secondaryAction, action, backgroundColor = tokens.color.surface, ref, className }) {
47
46
  const text = useTranslation((t) => t.components.surfaces.modal);
48
47
  const [contentHeight, setContentHeight] = useState(0);
49
48
  const [renderComponent, setRenderComponent] = useState(false);
@@ -97,7 +96,7 @@ const Modal = React.forwardRef(function Modal2({ children, title, isOpen, handle
97
96
  size,
98
97
  hasScroll: hasScroll(size, contentHeight)
99
98
  }), style: { backgroundColor }, children: [primaryAction ? jsx(PrimaryButton, { ...primaryAction, children: primaryAction.label }) : null, secondaryAction ? jsx(TextButton, { ...secondaryAction, disabled: primaryAction?.loading?.isLoading, children: secondaryAction.label }) : null, action ? action : null] }) : null] })] }), document.body);
100
- });
99
+ }
101
100
  export {
102
101
  Modal
103
102
  };
@@ -31,7 +31,7 @@ type IconVariantsAndOptions<T extends string> = {
31
31
  };
32
32
  };
33
33
  export declare function defineIcons<T extends string>(icons: IconSpecifications<T>): IconVariantsAndOptions<T>;
34
- export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "sort" | "code" | "menu" | "search" | "coffee" | "help" | "favorite" | "favorite_border" | "star" | "star_outline" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_dissatisfied" | "sentiment_very_satisfied" | "event_note" | "live_tv" | "wifi" | "arrow_backward" | "arrow_downward" | "arrow_forward" | "arrow_upward" | "check" | "chevron_left" | "chevron_right" | "close" | "expand_less" | "expand_more" | "external" | "more_horizontal" | "more_vertical" | "open" | "refresh" | "spinner" | "unfold_less" | "unfold_more" | "ev_station" | "forest" | "gas_station" | "location" | "route" | "file_download" | "file_upload" | "task" | "add" | "auto" | "backspace" | "mail" | "manage_account" | "person" | "remove" | "send" | "work" | "call" | "chat" | "assignment" | "automatic_gear" | "binoculars" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "change" | "contract" | "edit" | "explore" | "glass_damage" | "home" | "image_not_supported" | "lightbulb" | "login" | "logout" | "manual_gear" | "notifications" | "payment" | "pets" | "play_circle" | "query_stats" | "savings" | "schedule" | "settings" | "shopping_cart" | "speed" | "tire" | "trash" | "tune" | "verified" | "visibility_off" | "visibility_on">;
34
+ export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "sort" | "code" | "menu" | "search" | "coffee" | "help" | "favorite" | "favorite_border" | "star" | "star_outline" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_dissatisfied" | "sentiment_very_satisfied" | "event_note" | "live_tv" | "wifi" | "arrow_backward" | "arrow_downward" | "arrow_forward" | "arrow_upward" | "check" | "chevron_left" | "chevron_right" | "close" | "expand_less" | "expand_more" | "external" | "more_horizontal" | "more_vertical" | "open" | "refresh" | "spinner" | "unfold_less" | "unfold_more" | "ev_station" | "forest" | "gas_station" | "location" | "route" | "file_download" | "file_upload" | "task" | "add" | "auto" | "backspace" | "mail" | "manage_account" | "person" | "remove" | "send" | "work" | "call" | "chat" | "assignment" | "automatic_gear" | "binoculars" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "change" | "contract" | "edit" | "explore" | "glass_damage" | "home" | "image_not_supported" | "lightbulb" | "login" | "logout" | "manual_gear" | "notifications" | "payment" | "pets" | "play_circle" | "print" | "query_stats" | "savings" | "schedule" | "settings" | "shopping_cart" | "speed" | "tire" | "trash" | "tune" | "verified" | "visibility_off" | "visibility_on">;
35
35
  type Icons = typeof icons;
36
36
  /**
37
37
  * Apps using this library can use declaration merging to add app-specific icons to the allowed icon list.
@@ -1 +1 @@
1
- {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/icons.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG;KACrB,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,YAAY;CACrC,CAAC;AAEF,UAAU,WAAW;IACjB;;;OAGG;IACH,GAAG,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,CAAC,GAAG,kBAAkB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE;CACpE,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;KAC3C,CAAC,IAAI,CAAC,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CACnE,CAAC;AAoBF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EACxC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,sBAAsB,CAAC,CAAC,CAAC,CAa3B;AAED,eAAO,MAAM,KAAK,8zCAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAGH,MAAM,WAAW,UAAU;CAAG;AAE9B,UAAU,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,MAAM,OAAO,CAAC,UAAU,SAAS,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC"}
1
+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/icons.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG;KACrB,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,YAAY;CACrC,CAAC;AAEF,UAAU,WAAW;IACjB;;;OAGG;IACH,GAAG,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,CAAC,GAAG,kBAAkB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE;CACpE,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;KAC3C,CAAC,IAAI,CAAC,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CACnE,CAAC;AAoBF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EACxC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,sBAAsB,CAAC,CAAC,CAAC,CAa3B;AAED,eAAO,MAAM,KAAK,w0CAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAGH,MAAM,WAAW,UAAU;CAAG;AAE9B,UAAU,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,MAAM,OAAO,CAAC,UAAU,SAAS,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC"}
@@ -101,6 +101,10 @@ const play_circleFilled = require("./play_circle-filled.svg.cjs");
101
101
  const play_circleOutlined = require("./play_circle-outlined.svg.cjs");
102
102
  const play_circleRound = require("./play_circle-round.svg.cjs");
103
103
  const play_circleSharp = require("./play_circle-sharp.svg.cjs");
104
+ const printFilled = require("./print-filled.svg.cjs");
105
+ const printOutlined = require("./print-outlined.svg.cjs");
106
+ const printRound = require("./print-round.svg.cjs");
107
+ const printSharp = require("./print-sharp.svg.cjs");
104
108
  const query_statsFilled = require("./query_stats-filled.svg.cjs");
105
109
  const query_statsOutlined = require("./query_stats-outlined.svg.cjs");
106
110
  const query_statsRound = require("./query_stats-round.svg.cjs");
@@ -307,6 +311,12 @@ const play_circle = {
307
311
  round: play_circleRound.default,
308
312
  sharp: play_circleSharp.default
309
313
  };
314
+ const print = {
315
+ filled: printFilled.default,
316
+ outlined: printOutlined.default,
317
+ round: printRound.default,
318
+ sharp: printSharp.default
319
+ };
310
320
  const query_stats = {
311
321
  filled: query_statsFilled.default,
312
322
  outlined: query_statsOutlined.default,
@@ -416,6 +426,7 @@ exports.notifications = notifications;
416
426
  exports.payment = payment;
417
427
  exports.pets = pets;
418
428
  exports.play_circle = play_circle;
429
+ exports.print = print;
419
430
  exports.query_stats = query_stats;
420
431
  exports.savings = savings;
421
432
  exports.schedule = schedule;
@@ -648,6 +648,32 @@ export declare const play_circle: {
648
648
  descId?: string;
649
649
  }>;
650
650
  };
651
+ export declare const print: {
652
+ filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
653
+ title?: string;
654
+ titleId?: string;
655
+ desc?: string;
656
+ descId?: string;
657
+ }>;
658
+ outlined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
659
+ title?: string;
660
+ titleId?: string;
661
+ desc?: string;
662
+ descId?: string;
663
+ }>;
664
+ round: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
665
+ title?: string;
666
+ titleId?: string;
667
+ desc?: string;
668
+ descId?: string;
669
+ }>;
670
+ sharp: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
671
+ title?: string;
672
+ titleId?: string;
673
+ desc?: string;
674
+ descId?: string;
675
+ }>;
676
+ };
651
677
  export declare const query_stats: {
652
678
  filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
653
679
  title?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/foundation/iconography/svg/action/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/foundation/iconography/svg/action/index.ts"],"names":[],"mappings":"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"}
@@ -99,6 +99,10 @@ import SvgPlayCircleFilled from "./play_circle-filled.svg.js";
99
99
  import SvgPlayCircleOutlined from "./play_circle-outlined.svg.js";
100
100
  import SvgPlayCircleRound from "./play_circle-round.svg.js";
101
101
  import SvgPlayCircleSharp from "./play_circle-sharp.svg.js";
102
+ import SvgPrintFilled from "./print-filled.svg.js";
103
+ import SvgPrintOutlined from "./print-outlined.svg.js";
104
+ import SvgPrintRound from "./print-round.svg.js";
105
+ import SvgPrintSharp from "./print-sharp.svg.js";
102
106
  import SvgQueryStatsFilled from "./query_stats-filled.svg.js";
103
107
  import SvgQueryStatsOutlined from "./query_stats-outlined.svg.js";
104
108
  import SvgQueryStatsRound from "./query_stats-round.svg.js";
@@ -305,6 +309,12 @@ const play_circle = {
305
309
  round: SvgPlayCircleRound,
306
310
  sharp: SvgPlayCircleSharp
307
311
  };
312
+ const print = {
313
+ filled: SvgPrintFilled,
314
+ outlined: SvgPrintOutlined,
315
+ round: SvgPrintRound,
316
+ sharp: SvgPrintSharp
317
+ };
308
318
  const query_stats = {
309
319
  filled: SvgQueryStatsFilled,
310
320
  outlined: SvgQueryStatsOutlined,
@@ -415,6 +425,7 @@ export {
415
425
  payment,
416
426
  pets,
417
427
  play_circle,
428
+ print,
418
429
  query_stats,
419
430
  savings,
420
431
  schedule,
@@ -0,0 +1,28 @@
1
+ "use client";
2
+ "use strict";
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
4
+ const React = require("react");
5
+ function _interopNamespaceCompat(e) {
6
+ if (e && typeof e === "object" && "default" in e) return e;
7
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
8
+ if (e) {
9
+ for (const k in e) {
10
+ if (k !== "default") {
11
+ const d = Object.getOwnPropertyDescriptor(e, k);
12
+ Object.defineProperty(n, k, d.get ? d : {
13
+ enumerable: true,
14
+ get: () => e[k]
15
+ });
16
+ }
17
+ }
18
+ }
19
+ n.default = e;
20
+ return Object.freeze(n);
21
+ }
22
+ const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
23
+ const SvgPrintFilled = ({
24
+ title,
25
+ titleId,
26
+ ...props
27
+ }) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M13.6 3.89H2.4A2.36 2.36 0 0 0 0 6.22v4.67h3.2V14h9.6v-3.11H16V6.22a2.36 2.36 0 0 0-2.4-2.33m-2.4 8.55H4.8V8.56h6.4zM13.6 7a.8.8 0 0 1-.8-.78.8.8 0 0 1 .8-.78c.44 0 .8.35.8.78a.8.8 0 0 1-.8.78m-.8-7H3.2v3.11h9.6z" }));
28
+ exports.default = SvgPrintFilled;
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import * as React from "react";
3
+ const SvgPrintFilled = ({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M13.6 3.89H2.4A2.36 2.36 0 0 0 0 6.22v4.67h3.2V14h9.6v-3.11H16V6.22a2.36 2.36 0 0 0-2.4-2.33m-2.4 8.55H4.8V8.56h6.4zM13.6 7a.8.8 0 0 1-.8-.78.8.8 0 0 1 .8-.78c.44 0 .8.35.8.78a.8.8 0 0 1-.8.78m-.8-7H3.2v3.11h9.6z" }));
8
+ export {
9
+ SvgPrintFilled as default
10
+ };
@@ -0,0 +1,28 @@
1
+ "use client";
2
+ "use strict";
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
4
+ const React = require("react");
5
+ function _interopNamespaceCompat(e) {
6
+ if (e && typeof e === "object" && "default" in e) return e;
7
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
8
+ if (e) {
9
+ for (const k in e) {
10
+ if (k !== "default") {
11
+ const d = Object.getOwnPropertyDescriptor(e, k);
12
+ Object.defineProperty(n, k, d.get ? d : {
13
+ enumerable: true,
14
+ get: () => e[k]
15
+ });
16
+ }
17
+ }
18
+ }
19
+ n.default = e;
20
+ return Object.freeze(n);
21
+ }
22
+ const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
23
+ const SvgPrintOutlined = ({
24
+ title,
25
+ titleId,
26
+ ...props
27
+ }) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M13.6 3.89h-.8V0H3.2v3.89h-.8A2.36 2.36 0 0 0 0 6.22v4.67h3.2V14h9.6v-3.11H16V6.22a2.36 2.36 0 0 0-2.4-2.33M4.8 1.56h6.4v2.33H4.8zm6.4 10.88H4.8v-3.1h6.4zm1.6-3.1V7.78H3.2v1.55H1.6v-3.1a.8.8 0 0 1 .8-.79h11.2c.44 0 .8.35.8.78v3.11z" }), /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M12.8 7.39a.8.8 0 0 0 .8-.78.8.8 0 0 0-.8-.78c-.44 0-.8.35-.8.78s.36.78.8.78" }));
28
+ exports.default = SvgPrintOutlined;
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import * as React from "react";
3
+ const SvgPrintOutlined = ({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M13.6 3.89h-.8V0H3.2v3.89h-.8A2.36 2.36 0 0 0 0 6.22v4.67h3.2V14h9.6v-3.11H16V6.22a2.36 2.36 0 0 0-2.4-2.33M4.8 1.56h6.4v2.33H4.8zm6.4 10.88H4.8v-3.1h6.4zm1.6-3.1V7.78H3.2v1.55H1.6v-3.1a.8.8 0 0 1 .8-.79h11.2c.44 0 .8.35.8.78v3.11z" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M12.8 7.39a.8.8 0 0 0 .8-.78.8.8 0 0 0-.8-.78c-.44 0-.8.35-.8.78s.36.78.8.78" }));
8
+ export {
9
+ SvgPrintOutlined as default
10
+ };
@@ -0,0 +1,28 @@
1
+ "use client";
2
+ "use strict";
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
4
+ const React = require("react");
5
+ function _interopNamespaceCompat(e) {
6
+ if (e && typeof e === "object" && "default" in e) return e;
7
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
8
+ if (e) {
9
+ for (const k in e) {
10
+ if (k !== "default") {
11
+ const d = Object.getOwnPropertyDescriptor(e, k);
12
+ Object.defineProperty(n, k, d.get ? d : {
13
+ enumerable: true,
14
+ get: () => e[k]
15
+ });
16
+ }
17
+ }
18
+ }
19
+ n.default = e;
20
+ return Object.freeze(n);
21
+ }
22
+ const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
23
+ const SvgPrintRound = ({
24
+ title,
25
+ titleId,
26
+ ...props
27
+ }) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M12.8 3.11V.78A.8.8 0 0 0 12 0H4a.8.8 0 0 0-.8.78V3.1zm.8.78H2.4A2.36 2.36 0 0 0 0 6.22v3.9c0 .42.36.77.8.77h2.4v1.55c0 .86.72 1.56 1.6 1.56h6.4c.88 0 1.6-.7 1.6-1.56V10.9h2.4a.8.8 0 0 0 .8-.78V6.23a2.36 2.36 0 0 0-2.4-2.33m-2.4 8.55H4.8v-3.1h6.4zm1.6-5.05a.8.8 0 0 1-.8-.78.8.8 0 0 1 .8-.78c.44 0 .8.35.8.78a.8.8 0 0 1-.8.78" }));
28
+ exports.default = SvgPrintRound;
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import * as React from "react";
3
+ const SvgPrintRound = ({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M12.8 3.11V.78A.8.8 0 0 0 12 0H4a.8.8 0 0 0-.8.78V3.1zm.8.78H2.4A2.36 2.36 0 0 0 0 6.22v3.9c0 .42.36.77.8.77h2.4v1.55c0 .86.72 1.56 1.6 1.56h6.4c.88 0 1.6-.7 1.6-1.56V10.9h2.4a.8.8 0 0 0 .8-.78V6.23a2.36 2.36 0 0 0-2.4-2.33m-2.4 8.55H4.8v-3.1h6.4zm1.6-5.05a.8.8 0 0 1-.8-.78.8.8 0 0 1 .8-.78c.44 0 .8.35.8.78a.8.8 0 0 1-.8.78" }));
8
+ export {
9
+ SvgPrintRound as default
10
+ };
@@ -0,0 +1,28 @@
1
+ "use client";
2
+ "use strict";
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
4
+ const React = require("react");
5
+ function _interopNamespaceCompat(e) {
6
+ if (e && typeof e === "object" && "default" in e) return e;
7
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
8
+ if (e) {
9
+ for (const k in e) {
10
+ if (k !== "default") {
11
+ const d = Object.getOwnPropertyDescriptor(e, k);
12
+ Object.defineProperty(n, k, d.get ? d : {
13
+ enumerable: true,
14
+ get: () => e[k]
15
+ });
16
+ }
17
+ }
18
+ }
19
+ n.default = e;
20
+ return Object.freeze(n);
21
+ }
22
+ const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
23
+ const SvgPrintSharp = ({
24
+ title,
25
+ titleId,
26
+ ...props
27
+ }) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M0 3.89v7h3.2V14h9.6v-3.11H16v-7zm11.2 8.55H4.8V8.56h6.4zM13.6 7a.8.8 0 0 1-.8-.78.8.8 0 0 1 .8-.78c.44 0 .8.35.8.78a.8.8 0 0 1-.8.78m-.8-7H3.2v3.11h9.6z" }));
28
+ exports.default = SvgPrintSharp;
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import * as React from "react";
3
+ const SvgPrintSharp = ({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M0 3.89v7h3.2V14h9.6v-3.11H16v-7zm11.2 8.55H4.8V8.56h6.4zM13.6 7a.8.8 0 0 1-.8-.78.8.8 0 0 1 .8-.78c.44 0 .8.35.8.78a.8.8 0 0 1-.8.78m-.8-7H3.2v3.11h9.6z" }));
8
+ export {
9
+ SvgPrintSharp as default
10
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gnist/design-system",
3
- "version": "3.11.2",
3
+ "version": "3.12.1",
4
4
  "license": "UNLICENSED",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -102,5 +102,5 @@
102
102
  "optional": true
103
103
  }
104
104
  },
105
- "gitHead": "71a0728659d1a86d417fe1015709d283a56e4bc7"
105
+ "gitHead": "0991cca0228700718ae27f309495a2afe3b67634"
106
106
  }