@digigov/react-core 2.0.0-555d1027 → 2.0.0-5e7a6790
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/AccordionSectionSummaryHeading/index.d.ts +1 -0
- package/AccordionSectionSummaryHeading/index.js +3 -2
- package/AccordionSectionSummaryHeading/index.js.map +2 -2
- package/BannerContainer/index.js +1 -1
- package/BannerContainer/index.js.map +2 -2
- package/DetailsContent/index.d.ts +1 -0
- package/DetailsContent/index.js +3 -2
- package/DetailsContent/index.js.map +2 -2
- package/Grid/index.d.ts +1 -7
- package/Grid/index.js.map +2 -2
- package/cjs/AccordionSectionSummaryHeading/index.js +3 -2
- package/cjs/AccordionSectionSummaryHeading/index.js.map +2 -2
- package/cjs/BannerContainer/index.js +1 -1
- package/cjs/BannerContainer/index.js.map +2 -2
- package/cjs/DetailsContent/index.js +3 -2
- package/cjs/DetailsContent/index.js.map +2 -2
- package/cjs/Grid/index.js.map +2 -2
- package/cjs/lazy/index.js +1 -1
- package/cjs/lazy.js.map +2 -2
- package/cjs/registry/index.js +4 -4
- package/cjs/registry.js.map +2 -2
- package/index.js +1 -1
- package/lazy/index.js +1 -1
- package/package.json +3 -3
- package/registry/index.js +4 -4
- package/src/AccordionSectionSummaryHeading/index.tsx +9 -2
- package/src/BannerContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/BannerContainer/index.tsx +1 -1
- package/src/DetailsContent/index.tsx +11 -2
- package/src/Grid/index.tsx +1 -7
- package/src/lazy.js +1 -1
- package/src/registry.js +4 -4
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BaseProps } from '@digigov/react-core/Base';
|
|
3
3
|
export interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {
|
|
4
|
+
variant?: 'default' | 'arrows';
|
|
4
5
|
}
|
|
5
6
|
/**
|
|
6
7
|
* AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import Base from "@digigov/react-core/Base";
|
|
4
|
-
const AccordionSectionSummaryHeading = React.forwardRef(function AccordionSectionSummaryHeading2({ className, children, ...props }, ref) {
|
|
4
|
+
const AccordionSectionSummaryHeading = React.forwardRef(function AccordionSectionSummaryHeading2({ variant, className, children, ...props }, ref) {
|
|
5
5
|
return /* @__PURE__ */ React.createElement(
|
|
6
6
|
Base,
|
|
7
7
|
{
|
|
@@ -18,7 +18,8 @@ const AccordionSectionSummaryHeading = React.forwardRef(function AccordionSectio
|
|
|
18
18
|
{
|
|
19
19
|
as: "span",
|
|
20
20
|
className: clsx({
|
|
21
|
-
"ds-accordion__section-button": true
|
|
21
|
+
"ds-accordion__section-button": true,
|
|
22
|
+
"ds-accordion__section-button--arrows": variant === "arrows"
|
|
22
23
|
})
|
|
23
24
|
},
|
|
24
25
|
children
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AccordionSectionSummaryHeading/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {}\n/**\n * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.\n */\nexport const AccordionSectionSummaryHeading = React.forwardRef<\n HTMLHeadingElement,\n AccordionSectionSummaryHeadingProps\n>(function AccordionSectionSummaryHeading(\n { className, children, ...props },\n ref\n) {\n return (\n <Base\n as=\"h2\"\n ref={ref}\n className={clsx(className, {\n 'ds-accordion__section-heading': true,\n })}\n {...props}\n role=\"button\"\n >\n <Base\n as=\"span\"\n className={clsx({\n 'ds-accordion__section-button': true,\n })}\n >\n {children}\n </Base>\n </Base>\n );\n});\n\nexport default AccordionSectionSummaryHeading;\n"],
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {\n /*\n * The type of the icon to be displayed on the right side of the heading.\n * @default 'default'\n */\n variant?: 'default' | 'arrows';\n}\n/**\n * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.\n */\nexport const AccordionSectionSummaryHeading = React.forwardRef<\n HTMLHeadingElement,\n AccordionSectionSummaryHeadingProps\n>(function AccordionSectionSummaryHeading(\n { variant, className, children, ...props },\n ref\n) {\n return (\n <Base\n as=\"h2\"\n ref={ref}\n className={clsx(className, {\n 'ds-accordion__section-heading': true,\n })}\n {...props}\n role=\"button\"\n >\n <Base\n as=\"span\"\n className={clsx({\n 'ds-accordion__section-button': true,\n 'ds-accordion__section-button--arrows': variant === 'arrows',\n })}\n >\n {children}\n </Base>\n </Base>\n );\n});\n\nexport default AccordionSectionSummaryHeading;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAYzB,MAAM,iCAAiC,MAAM,WAGlD,SAASA,gCACT,EAAE,SAAS,WAAW,UAAU,GAAG,MAAM,GACzC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA,MACJ,MAAK;AAAA;AAAA,IAEL;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK;AAAA,UACd,gCAAgC;AAAA,UAChC,wCAAwC,YAAY;AAAA,QACtD,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yCAAQ;",
|
|
6
6
|
"names": ["AccordionSectionSummaryHeading"]
|
|
7
7
|
}
|
package/BannerContainer/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/BannerContainer/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface BannerContainerProps extends BaseProps<'div'> {}\n\nexport const BannerContainer = React.forwardRef<\n HTMLDivElement,\n BannerContainerProps\n>(function BannerContainer({ className, children, ...props }, ref) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface BannerContainerProps extends BaseProps<'div'> {}\n\nexport const BannerContainer = React.forwardRef<\n HTMLDivElement,\n BannerContainerProps\n>(function BannerContainer({ className, children, ...props }, ref) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-banner-container': true,\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default BannerContainer;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
|
|
6
6
|
"names": ["BannerContainer"]
|
|
7
7
|
}
|
package/DetailsContent/index.js
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import Base from "@digigov/react-core/Base";
|
|
4
|
-
const DetailsContent = React.forwardRef(function DetailsContent2({ className, children, ...props }, ref) {
|
|
4
|
+
const DetailsContent = React.forwardRef(function DetailsContent2({ color, className, children, ...props }, ref) {
|
|
5
5
|
return /* @__PURE__ */ React.createElement(
|
|
6
6
|
Base,
|
|
7
7
|
{
|
|
8
8
|
as: "div",
|
|
9
9
|
ref,
|
|
10
10
|
className: clsx(className, {
|
|
11
|
-
"ds-details__content": true
|
|
11
|
+
"ds-details__content": true,
|
|
12
|
+
"ds-details__content--secondary": color === "secondary"
|
|
12
13
|
}),
|
|
13
14
|
...props
|
|
14
15
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DetailsContent/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsContentProps extends BaseProps<'div'> {}\n/**\n *DetailsContent component wraps the content text.\n *It is used inside Details component as children\n */\nexport const DetailsContent = React.forwardRef<\n HTMLDivElement,\n DetailsContentProps\n>(function DetailsContent({ className, children, ...props }, ref) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-details__content': true,\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default DetailsContent;\n"],
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsContentProps extends BaseProps<'div'> {\n /*\n ** color is optional. Default value is 'primary'.\n * @value 'primary'\n * @value 'secondary'\n * @default 'primary'\n * */\n color?: 'primary' | 'secondary';\n}\n/**\n *DetailsContent component wraps the content text.\n *It is used inside Details component as children\n */\nexport const DetailsContent = React.forwardRef<\n HTMLDivElement,\n DetailsContentProps\n>(function DetailsContent({ color, className, children, ...props }, ref) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-details__content': true,\n 'ds-details__content--secondary': color === 'secondary',\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default DetailsContent;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAezB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,kCAAkC,UAAU;AAAA,MAC9C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
|
|
6
6
|
"names": ["DetailsContent"]
|
|
7
7
|
}
|
package/Grid/index.d.ts
CHANGED
|
@@ -30,13 +30,7 @@ export interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {
|
|
|
30
30
|
inline?: boolean;
|
|
31
31
|
/**
|
|
32
32
|
* Defines the space between the type item components. It can only be used on a type container component.
|
|
33
|
-
* @value 1
|
|
34
|
-
* @value 2
|
|
35
|
-
* @value 4
|
|
36
|
-
* @value 6
|
|
37
|
-
* @value 8
|
|
38
|
-
* @value 10
|
|
39
|
-
* @value 12
|
|
33
|
+
* @value 1 - 12
|
|
40
34
|
* @value object
|
|
41
35
|
* @default undefined
|
|
42
36
|
*/
|
package/Grid/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Grid/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\ntype GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;\ninterface SpacingMediaValues {\n xs?: SpacingValues;\n sm?: SpacingValues;\n md?: SpacingValues;\n lg?: SpacingValues;\n xl?: SpacingValues;\n}\nexport interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {\n /**\n * If true, the component will have the flex container behavior. You should be wrapping items with a container.\n * @value true\n * @value false\n * @default false\n */\n container?: boolean;\n /**\n * @value true\n * @value false\n * @default true\n */\n item?: boolean;\n /**\n * @value true\n * @value false\n */\n inline?: boolean;\n /**\n * Defines the space between the type item components. It can only be used on a type container component.\n * @value 1
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\ntype GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;\ninterface SpacingMediaValues {\n xs?: SpacingValues;\n sm?: SpacingValues;\n md?: SpacingValues;\n lg?: SpacingValues;\n xl?: SpacingValues;\n}\nexport interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {\n /**\n * If true, the component will have the flex container behavior. You should be wrapping items with a container.\n * @value true\n * @value false\n * @default false\n */\n container?: boolean;\n /**\n * @value true\n * @value false\n * @default true\n */\n item?: boolean;\n /**\n * @value true\n * @value false\n */\n inline?: boolean;\n /**\n * Defines the space between the type item components. It can only be used on a type container component.\n * @value 1 - 12\n * @value object\n * @default undefined\n */\n spacing?: SpacingValues | SpacingMediaValues;\n\n /**\n * If a number, it sets the number of columns the grid item uses.\n * It can't be greater than the total number of columns of the container (12).\n * If 'auto', the grid item's width matches its content.\n * If it's not set, the prop is ignored.\n * The value is applied for all the screen sizes with the lowest priority.\n */\n xs?: GridValues;\n /**\n * If a number, it sets the number of columns the grid item uses.\n * It can't be greater than the total number of columns of the container (12).\n * If 'auto', the grid item's width matches its content.\n * If it's not set, the prop is ignored.\n * The value is applied for the sm breakpoint and wider screens if not overridden.\n */\n sm?: GridValues;\n /**\n * If a number, it sets the number of columns the grid item uses.\n * It can't be greater than the total number of columns of the container (12).\n * If 'auto', the grid item's width matches its content.\n * If it's not set, the prop is ignored.\n * The value is applied for the md breakpoint and wider screens if not overridden.\n */\n md?: GridValues;\n /**\n * If a number, it sets the number of columns the grid item uses.\n * It can't be greater than the total number of columns of the container (12).\n * If 'auto', the grid item's width matches its content.\n * If it's not set, the prop is ignored.\n * The value is applied for the lg breakpoint and wider screens if not overridden.\n */\n lg?: GridValues;\n /**\n * If a number, it sets the number of columns the grid item uses.\n * It can't be greater than the total number of columns of the container (12).\n * If 'auto', the grid item's width matches its content.\n * If it's not set, the prop is ignored.\n * The value is applied for the xl breakpoint and wider screens.\n */\n xl?: GridValues;\n}\n/**\n * Grid is used to arrange other components in complex grid configurations of rows and columns.\n */\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n {\n className,\n children,\n container = false,\n item = true,\n spacing,\n inline,\n xs,\n sm,\n md,\n lg,\n xl,\n as,\n ...props\n },\n ref\n) {\n return (\n <Base\n as={as || 'div'}\n ref={ref}\n className={clsx(className, {\n 'ds-grid': container,\n 'ds-grid-item': item,\n 'ds-grid-inline': container && inline,\n [`ds-gap-${spacing}`]: container && typeof spacing === 'number',\n [`ds-gap-xs-${(spacing as SpacingMediaValues)?.xs}`]:\n container && (spacing as SpacingMediaValues)?.xs !== undefined,\n [`ds-gap-sm-${(spacing as SpacingMediaValues)?.sm}`]:\n container && (spacing as SpacingMediaValues)?.sm !== undefined,\n [`ds-gap-md-${(spacing as SpacingMediaValues)?.md}`]:\n container && (spacing as SpacingMediaValues)?.md !== undefined,\n [`ds-gap-lg-${(spacing as SpacingMediaValues)?.lg}`]:\n container && (spacing as SpacingMediaValues)?.lg !== undefined,\n [`ds-gap-xl-${(spacing as SpacingMediaValues)?.xl}`]:\n container && (spacing as SpacingMediaValues)?.xl !== undefined,\n [`xs:ds-grid__col-span-${xs}`]: item && xs !== undefined,\n [`sm:ds-grid__col-span-${sm}`]: item && sm !== undefined,\n [`md:ds-grid__col-span-${md}`]: item && md !== undefined,\n [`lg:ds-grid__col-span-${lg}`]: item && lg !== undefined,\n [`xl:ds-grid__col-span-${xl}`]: item && xl !== undefined,\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default Grid;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkFzB,MAAM,OAAO,MAAM,WAAmC,SAASA,MACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,kBAAkB,aAAa;AAAA,QAC/B,CAAC,UAAU,OAAO,EAAE,GAAG,aAAa,OAAO,YAAY;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,MACjD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,eAAQ;",
|
|
6
6
|
"names": ["Grid"]
|
|
7
7
|
}
|
|
@@ -34,7 +34,7 @@ module.exports = __toCommonJS(AccordionSectionSummaryHeading_exports);
|
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
35
|
var import_clsx = __toESM(require("clsx"));
|
|
36
36
|
var import_Base = __toESM(require("@digigov/react-core/Base"));
|
|
37
|
-
const AccordionSectionSummaryHeading = import_react.default.forwardRef(function AccordionSectionSummaryHeading2({ className, children, ...props }, ref) {
|
|
37
|
+
const AccordionSectionSummaryHeading = import_react.default.forwardRef(function AccordionSectionSummaryHeading2({ variant, className, children, ...props }, ref) {
|
|
38
38
|
return /* @__PURE__ */ import_react.default.createElement(
|
|
39
39
|
import_Base.default,
|
|
40
40
|
{
|
|
@@ -51,7 +51,8 @@ const AccordionSectionSummaryHeading = import_react.default.forwardRef(function
|
|
|
51
51
|
{
|
|
52
52
|
as: "span",
|
|
53
53
|
className: (0, import_clsx.default)({
|
|
54
|
-
"ds-accordion__section-button": true
|
|
54
|
+
"ds-accordion__section-button": true,
|
|
55
|
+
"ds-accordion__section-button--arrows": variant === "arrows"
|
|
55
56
|
})
|
|
56
57
|
},
|
|
57
58
|
children
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/AccordionSectionSummaryHeading/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {}\n/**\n * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.\n */\nexport const AccordionSectionSummaryHeading = React.forwardRef<\n HTMLHeadingElement,\n AccordionSectionSummaryHeadingProps\n>(function AccordionSectionSummaryHeading(\n { className, children, ...props },\n ref\n) {\n return (\n <Base\n as=\"h2\"\n ref={ref}\n className={clsx(className, {\n 'ds-accordion__section-heading': true,\n })}\n {...props}\n role=\"button\"\n >\n <Base\n as=\"span\"\n className={clsx({\n 'ds-accordion__section-button': true,\n })}\n >\n {children}\n </Base>\n </Base>\n );\n});\n\nexport default AccordionSectionSummaryHeading;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {\n /*\n * The type of the icon to be displayed on the right side of the heading.\n * @default 'default'\n */\n variant?: 'default' | 'arrows';\n}\n/**\n * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.\n */\nexport const AccordionSectionSummaryHeading = React.forwardRef<\n HTMLHeadingElement,\n AccordionSectionSummaryHeadingProps\n>(function AccordionSectionSummaryHeading(\n { variant, className, children, ...props },\n ref\n) {\n return (\n <Base\n as=\"h2\"\n ref={ref}\n className={clsx(className, {\n 'ds-accordion__section-heading': true,\n })}\n {...props}\n role=\"button\"\n >\n <Base\n as=\"span\"\n className={clsx({\n 'ds-accordion__section-button': true,\n 'ds-accordion__section-button--arrows': variant === 'arrows',\n })}\n >\n {children}\n </Base>\n </Base>\n );\n});\n\nexport default AccordionSectionSummaryHeading;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAYzB,MAAM,iCAAiC,aAAAA,QAAM,WAGlD,SAASC,gCACT,EAAE,SAAS,WAAW,UAAU,GAAG,MAAM,GACzC,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA,MACJ,MAAK;AAAA;AAAA,IAEL,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,gCAAgC;AAAA,UAChC,wCAAwC,YAAY;AAAA,QACtD,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yCAAQ;",
|
|
6
6
|
"names": ["React", "AccordionSectionSummaryHeading", "Base", "clsx"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/BannerContainer/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface BannerContainerProps extends BaseProps<'div'> {}\n\nexport const BannerContainer = React.forwardRef<\n HTMLDivElement,\n BannerContainerProps\n>(function BannerContainer({ className, children, ...props }, ref) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAIzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface BannerContainerProps extends BaseProps<'div'> {}\n\nexport const BannerContainer = React.forwardRef<\n HTMLDivElement,\n BannerContainerProps\n>(function BannerContainer({ className, children, ...props }, ref) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-banner-container': true,\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default BannerContainer;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAIzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
|
|
6
6
|
"names": ["React", "BannerContainer", "clsx"]
|
|
7
7
|
}
|
|
@@ -34,14 +34,15 @@ module.exports = __toCommonJS(DetailsContent_exports);
|
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
35
|
var import_clsx = __toESM(require("clsx"));
|
|
36
36
|
var import_Base = __toESM(require("@digigov/react-core/Base"));
|
|
37
|
-
const DetailsContent = import_react.default.forwardRef(function DetailsContent2({ className, children, ...props }, ref) {
|
|
37
|
+
const DetailsContent = import_react.default.forwardRef(function DetailsContent2({ color, className, children, ...props }, ref) {
|
|
38
38
|
return /* @__PURE__ */ import_react.default.createElement(
|
|
39
39
|
import_Base.default,
|
|
40
40
|
{
|
|
41
41
|
as: "div",
|
|
42
42
|
ref,
|
|
43
43
|
className: (0, import_clsx.default)(className, {
|
|
44
|
-
"ds-details__content": true
|
|
44
|
+
"ds-details__content": true,
|
|
45
|
+
"ds-details__content--secondary": color === "secondary"
|
|
45
46
|
}),
|
|
46
47
|
...props
|
|
47
48
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/DetailsContent/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsContentProps extends BaseProps<'div'> {}\n/**\n *DetailsContent component wraps the content text.\n *It is used inside Details component as children\n */\nexport const DetailsContent = React.forwardRef<\n HTMLDivElement,\n DetailsContentProps\n>(function DetailsContent({ className, children, ...props }, ref) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-details__content': true,\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default DetailsContent;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsContentProps extends BaseProps<'div'> {\n /*\n ** color is optional. Default value is 'primary'.\n * @value 'primary'\n * @value 'secondary'\n * @default 'primary'\n * */\n color?: 'primary' | 'secondary';\n}\n/**\n *DetailsContent component wraps the content text.\n *It is used inside Details component as children\n */\nexport const DetailsContent = React.forwardRef<\n HTMLDivElement,\n DetailsContentProps\n>(function DetailsContent({ color, className, children, ...props }, ref) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-details__content': true,\n 'ds-details__content--secondary': color === 'secondary',\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default DetailsContent;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAezB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,kCAAkC,UAAU;AAAA,MAC9C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
|
|
6
6
|
"names": ["React", "DetailsContent", "Base", "clsx"]
|
|
7
7
|
}
|
package/cjs/Grid/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/Grid/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\ntype GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;\ninterface SpacingMediaValues {\n xs?: SpacingValues;\n sm?: SpacingValues;\n md?: SpacingValues;\n lg?: SpacingValues;\n xl?: SpacingValues;\n}\nexport interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {\n /**\n * If true, the component will have the flex container behavior. You should be wrapping items with a container.\n * @value true\n * @value false\n * @default false\n */\n container?: boolean;\n /**\n * @value true\n * @value false\n * @default true\n */\n item?: boolean;\n /**\n * @value true\n * @value false\n */\n inline?: boolean;\n /**\n * Defines the space between the type item components. It can only be used on a type container component.\n * @value 1
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\ntype GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;\ninterface SpacingMediaValues {\n xs?: SpacingValues;\n sm?: SpacingValues;\n md?: SpacingValues;\n lg?: SpacingValues;\n xl?: SpacingValues;\n}\nexport interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {\n /**\n * If true, the component will have the flex container behavior. You should be wrapping items with a container.\n * @value true\n * @value false\n * @default false\n */\n container?: boolean;\n /**\n * @value true\n * @value false\n * @default true\n */\n item?: boolean;\n /**\n * @value true\n * @value false\n */\n inline?: boolean;\n /**\n * Defines the space between the type item components. It can only be used on a type container component.\n * @value 1 - 12\n * @value object\n * @default undefined\n */\n spacing?: SpacingValues | SpacingMediaValues;\n\n /**\n * If a number, it sets the number of columns the grid item uses.\n * It can't be greater than the total number of columns of the container (12).\n * If 'auto', the grid item's width matches its content.\n * If it's not set, the prop is ignored.\n * The value is applied for all the screen sizes with the lowest priority.\n */\n xs?: GridValues;\n /**\n * If a number, it sets the number of columns the grid item uses.\n * It can't be greater than the total number of columns of the container (12).\n * If 'auto', the grid item's width matches its content.\n * If it's not set, the prop is ignored.\n * The value is applied for the sm breakpoint and wider screens if not overridden.\n */\n sm?: GridValues;\n /**\n * If a number, it sets the number of columns the grid item uses.\n * It can't be greater than the total number of columns of the container (12).\n * If 'auto', the grid item's width matches its content.\n * If it's not set, the prop is ignored.\n * The value is applied for the md breakpoint and wider screens if not overridden.\n */\n md?: GridValues;\n /**\n * If a number, it sets the number of columns the grid item uses.\n * It can't be greater than the total number of columns of the container (12).\n * If 'auto', the grid item's width matches its content.\n * If it's not set, the prop is ignored.\n * The value is applied for the lg breakpoint and wider screens if not overridden.\n */\n lg?: GridValues;\n /**\n * If a number, it sets the number of columns the grid item uses.\n * It can't be greater than the total number of columns of the container (12).\n * If 'auto', the grid item's width matches its content.\n * If it's not set, the prop is ignored.\n * The value is applied for the xl breakpoint and wider screens.\n */\n xl?: GridValues;\n}\n/**\n * Grid is used to arrange other components in complex grid configurations of rows and columns.\n */\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n {\n className,\n children,\n container = false,\n item = true,\n spacing,\n inline,\n xs,\n sm,\n md,\n lg,\n xl,\n as,\n ...props\n },\n ref\n) {\n return (\n <Base\n as={as || 'div'}\n ref={ref}\n className={clsx(className, {\n 'ds-grid': container,\n 'ds-grid-item': item,\n 'ds-grid-inline': container && inline,\n [`ds-gap-${spacing}`]: container && typeof spacing === 'number',\n [`ds-gap-xs-${(spacing as SpacingMediaValues)?.xs}`]:\n container && (spacing as SpacingMediaValues)?.xs !== undefined,\n [`ds-gap-sm-${(spacing as SpacingMediaValues)?.sm}`]:\n container && (spacing as SpacingMediaValues)?.sm !== undefined,\n [`ds-gap-md-${(spacing as SpacingMediaValues)?.md}`]:\n container && (spacing as SpacingMediaValues)?.md !== undefined,\n [`ds-gap-lg-${(spacing as SpacingMediaValues)?.lg}`]:\n container && (spacing as SpacingMediaValues)?.lg !== undefined,\n [`ds-gap-xl-${(spacing as SpacingMediaValues)?.xl}`]:\n container && (spacing as SpacingMediaValues)?.xl !== undefined,\n [`xs:ds-grid__col-span-${xs}`]: item && xs !== undefined,\n [`sm:ds-grid__col-span-${sm}`]: item && sm !== undefined,\n [`md:ds-grid__col-span-${md}`]: item && md !== undefined,\n [`lg:ds-grid__col-span-${lg}`]: item && lg !== undefined,\n [`xl:ds-grid__col-span-${xl}`]: item && xl !== undefined,\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default Grid;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkFzB,MAAM,OAAO,aAAAA,QAAM,WAAmC,SAASC,MACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,kBAAkB,aAAa;AAAA,QAC/B,CAAC,UAAU,OAAO,EAAE,GAAG,aAAa,OAAO,YAAY;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,MACjD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,eAAQ;",
|
|
6
6
|
"names": ["React", "Grid", "Base", "clsx"]
|
|
7
7
|
}
|
package/cjs/lazy/index.js
CHANGED
|
@@ -250,8 +250,8 @@ var lazy_default = {
|
|
|
250
250
|
"TaskListItemTag": (0, import_react.lazy)(() => import("@digigov/react-core/TaskListItemTag").then((module2) => ({ default: module2["TaskListItemTag"] }))),
|
|
251
251
|
"WarningTextAssistive": (0, import_react.lazy)(() => import("@digigov/react-core/WarningTextAssistive").then((module2) => ({ default: module2["WarningTextAssistive"] }))),
|
|
252
252
|
"AutoCompleteAssistiveHint": (0, import_react.lazy)(() => import("@digigov/react-core/AutoCompleteAssistiveHint").then((module2) => ({ default: module2["AutoCompleteAssistiveHint"] }))),
|
|
253
|
-
"AutoCompleteStatusContainer": (0, import_react.lazy)(() => import("@digigov/react-core/AutoCompleteStatusContainer").then((module2) => ({ default: module2["AutoCompleteStatusContainer"] }))),
|
|
254
253
|
"AutoCompleteStatus": (0, import_react.lazy)(() => import("@digigov/react-core/AutoCompleteStatus").then((module2) => ({ default: module2["AutoCompleteStatus"] }))),
|
|
254
|
+
"AutoCompleteStatusContainer": (0, import_react.lazy)(() => import("@digigov/react-core/AutoCompleteStatusContainer").then((module2) => ({ default: module2["AutoCompleteStatusContainer"] }))),
|
|
255
255
|
"BackToTopContainer": (0, import_react.lazy)(() => import("@digigov/react-core/BackToTopContainer").then((module2) => ({ default: module2["BackToTopContainer"] }))),
|
|
256
256
|
"BackToTopLimit": (0, import_react.lazy)(() => import("@digigov/react-core/BackToTopLimit").then((module2) => ({ default: module2["BackToTopLimit"] }))),
|
|
257
257
|
"BackToTopLink": (0, import_react.lazy)(() => import("@digigov/react-core/BackToTopLink").then((module2) => ({ default: module2["BackToTopLink"] }))),
|