@ganpatiinfo/gids-react-web 2.0.8 → 2.0.9

package/dist/components/GidsButtonDock/GidsButtonDock.d.ts

@@ -0,0 +1,28 @@
+import React, { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type GidsButtonDockCommonProps } from '@ganpatiinfo/gids-core-shared';
+export type GidsButtonDockProps = GidsButtonDockCommonProps<ReactNode> & ComponentPropsWithRef<'div'>;
+/**
+ * React DOM implementation of GIDS ButtonDock component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsButtonDock } from '@ganpatiinfo/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * const buttonLabels = ['Button 1', 'Button 2'];
+ *
+ * const reactButtons = buttonLabels.map((label, index) => (
+ * 	<GidsButton type="button" key={index.toString()}>
+ *		{label}
+ * 	</GidsButton>
+ * ));
+ * <GidsButtonDock primaryChildren={reactButtons}>
+ * </GidsButtonDock>
+ * );
+ * ```
+ *
+ * **Note:** Any additional props are passed to the outermost `<div>` DOM element that this component renders.
+ */
+export declare function GidsButtonDock({ primaryChildren, secondaryChildren, className, ...rest }: GidsButtonDockProps): React.JSX.Element;
+//# sourceMappingURL=GidsButtonDock.d.ts.map

package/dist/components/GidsButtonDock/GidsButtonDock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsButtonDock.d.ts","sourceRoot":"","sources":["../../../src/components/GidsButtonDock/GidsButtonDock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAK/E,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,SAAS,CAAC,GACrE,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,wBAAgB,cAAc,CAAC,EAC9B,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACP,EAAE,mBAAmB,qBASrB"}

package/dist/components/GidsButtonDock/GidsButtonDock.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { GidsButtonDockWebUtils } from '@ganpatiinfo/gids-web-shared';
+const { getGidsButtonDockClassNames } = GidsButtonDockWebUtils;
+/**
+ * React DOM implementation of GIDS ButtonDock component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsButtonDock } from '@ganpatiinfo/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * const buttonLabels = ['Button 1', 'Button 2'];
+ *
+ * const reactButtons = buttonLabels.map((label, index) => (
+ * 	<GidsButton type="button" key={index.toString()}>
+ *		{label}
+ * 	</GidsButton>
+ * ));
+ * <GidsButtonDock primaryChildren={reactButtons}>
+ * </GidsButtonDock>
+ * );
+ * ```
+ *
+ * **Note:** Any additional props are passed to the outermost `<div>` DOM element that this component renders.
+ */
+export function GidsButtonDock({ primaryChildren, secondaryChildren, className, ...rest }) {
+    return (React.createElement("div", { className: getGidsButtonDockClassNames(className), ...rest },
+        React.createElement("div", { className: "gids-button-dock__secondary-area" }, secondaryChildren),
+        React.createElement("div", { className: "gids-button-dock__primary-area" }, primaryChildren)));
+}
+//# sourceMappingURL=GidsButtonDock.js.map

package/dist/components/GidsButtonDock/GidsButtonDock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsButtonDock.js","sourceRoot":"","sources":["../../../src/components/GidsButtonDock/GidsButtonDock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,MAAM,EAAE,2BAA2B,EAAE,GAAG,sBAAsB,CAAC;AAK/D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,MAAM,UAAU,cAAc,CAAC,EAC9B,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACc;IACrB,OAAO,CACN,6BAAK,SAAS,EAAE,2BAA2B,CAAC,SAAS,CAAC,KAAM,IAAI;QAC/D,6BAAK,SAAS,EAAC,kCAAkC,IAC/C,iBAAiB,CACb;QACN,6BAAK,SAAS,EAAC,gCAAgC,IAAE,eAAe,CAAO,CAClE,CACN,CAAC;AACH,CAAC"}

package/dist/components/GidsButtonGroup/GidsButtonGroup.d.ts

@@ -0,0 +1,26 @@
+import React, { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type GidsButtonGroupCommonProps } from '@ganpatiinfo/gids-core-shared';
+export type GidsButtonGroupProps = GidsButtonGroupCommonProps<ReactNode> & ComponentPropsWithRef<'span'>;
+/**
+ * React DOM implementation of GIDS ButtonGroup component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsButtonGroup } from '@ganpatiinfo/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsButtonGroup layout="wrap">
+ * 		<GidsButton
+ * 			appearance="default"
+ * 			as="button"
+ * 			size="md">Button 1</GidsButton>
+ * 		<!-- more buttons -->
+ * 	</GidsButtonGroup>
+ * );
+ * ```
+ *
+ * **Note:** Any additional props are passed to the outermost `<span>` DOM element that this component renders.
+ */
+export declare function GidsButtonGroup({ layout, children, className, ...rest }: GidsButtonGroupProps): React.JSX.Element;
+//# sourceMappingURL=GidsButtonGroup.d.ts.map

package/dist/components/GidsButtonGroup/GidsButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/GidsButtonGroup/GidsButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAKhF,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,CAAC,SAAS,CAAC,GACvE,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,wBAAgB,eAAe,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACP,EAAE,oBAAoB,qBAStB"}

package/dist/components/GidsButtonGroup/GidsButtonGroup.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { GidsButtonGroupWebUtils } from '@ganpatiinfo/gids-web-shared';
+const { getGidsButtonGroupClassNames } = GidsButtonGroupWebUtils;
+/**
+ * React DOM implementation of GIDS ButtonGroup component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsButtonGroup } from '@ganpatiinfo/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsButtonGroup layout="wrap">
+ * 		<GidsButton
+ * 			appearance="default"
+ * 			as="button"
+ * 			size="md">Button 1</GidsButton>
+ * 		<!-- more buttons -->
+ * 	</GidsButtonGroup>
+ * );
+ * ```
+ *
+ * **Note:** Any additional props are passed to the outermost `<span>` DOM element that this component renders.
+ */
+export function GidsButtonGroup({ layout, children, className, ...rest }) {
+    return (React.createElement("span", { className: getGidsButtonGroupClassNames({ layout }, className), ...rest }, children));
+}
+//# sourceMappingURL=GidsButtonGroup.js.map

package/dist/components/GidsButtonGroup/GidsButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsButtonGroup.js","sourceRoot":"","sources":["../../../src/components/GidsButtonGroup/GidsButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,EAAE,4BAA4B,EAAE,GAAG,uBAAuB,CAAC;AAKjE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,UAAU,eAAe,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACe;IACtB,OAAO,CACN,8BACC,SAAS,EAAE,4BAA4B,CAAC,EAAE,MAAM,EAAE,EAAE,SAAS,CAAC,KAC1D,IAAI,IAEP,QAAQ,CACH,CACP,CAAC;AACH,CAAC"}

package/dist/components/GidsCompoundButton/GidsCompoundButton.d.ts

@@ -0,0 +1,49 @@
+import { type GidsCompoundButtonCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type IconName } from '@ganpatiinfo/gids-web-theme-interface';
+import React, { type ChangeEvent, type ComponentPropsWithRef, type ReactNode } from 'react';
+export type GidsCompoundButtonProps = GidsCompoundButtonCommonProps<IconName, ReactNode | string> & Omit<ComponentPropsWithRef<'button'>, 'onChange'> & {
+    onChangeCheckbox?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onChangeRadio?: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+/**
+ * React DOM implementation of GIDS Compound Button component.
+ *
+ * **Basic Usage**
+ *
+ * This is the basic and default usage of GidsCompoundButton
+ *
+ * ```tsx
+ * import { GidsCompoundButton } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *		<GidsCompoundButton>
+ *      	Label
+ *  	</GidsCompoundButton>
+ * );
+ * ```
+ *
+ * **Advanced Usage**
+ *
+ * This is the advanced usage of GidsCompoundButton
+ *
+ * ```tsx
+ * import { GidsCompoundButton } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *		<GidsCompoundButton
+ *	 	 leadingIcon="image"
+ *	 	 checked leadingIcon="image"
+ *	 	 onChangeCheckbox={() => {}}
+ *	 	 onChangeRadio={() => {}}
+ *	 	 onClick={() => {}}
+ *	 	 trailingContent="checkbox"
+ *		>
+ *    		Label
+ *  	</GidsCompoundButton>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsCompoundButton />` component.
+ **/
+export declare const GidsCompoundButton: ({ children, leadingIcon, trailingContent, trailingContentDisabled, trailingContentIndeterminate, checked, disabled, onClick, onChangeCheckbox, onChangeRadio, ...rest }: GidsCompoundButtonProps) => React.JSX.Element;
+//# sourceMappingURL=GidsCompoundButton.d.ts.map

package/dist/components/GidsCompoundButton/GidsCompoundButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCompoundButton.d.ts","sourceRoot":"","sources":["../../../src/components/GidsCompoundButton/GidsCompoundButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAKnF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,KAAK,EAAE,EAEb,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,CAClE,QAAQ,EACR,SAAS,GAAG,MAAM,CAClB,GACA,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuCI;AACJ,eAAO,MAAM,kBAAkB,GAAI,yKAYhC,uBAAuB,sBA6GzB,CAAC"}

package/dist/components/GidsCompoundButton/GidsCompoundButton.js

@@ -0,0 +1,94 @@
+import { generateId, GidsCompoundButtonWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import React from 'react';
+import { GidsIcon } from '../GidsIcon/GidsIcon.js';
+import { GidsCheckboxControl } from '../_GidsCheckboxControl/GidsCheckboxControl.js';
+import { GidsRadioControl } from '../_GidsRadioControl/GidsRadioControl.js';
+const { getGidsCompoundButtonClassNames } = GidsCompoundButtonWebUtils;
+/**
+ * React DOM implementation of GIDS Compound Button component.
+ *
+ * **Basic Usage**
+ *
+ * This is the basic and default usage of GidsCompoundButton
+ *
+ * ```tsx
+ * import { GidsCompoundButton } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *		<GidsCompoundButton>
+ *      	Label
+ *  	</GidsCompoundButton>
+ * );
+ * ```
+ *
+ * **Advanced Usage**
+ *
+ * This is the advanced usage of GidsCompoundButton
+ *
+ * ```tsx
+ * import { GidsCompoundButton } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *		<GidsCompoundButton
+ *	 	 leadingIcon="image"
+ *	 	 checked leadingIcon="image"
+ *	 	 onChangeCheckbox={() => {}}
+ *	 	 onChangeRadio={() => {}}
+ *	 	 onClick={() => {}}
+ *	 	 trailingContent="checkbox"
+ *		>
+ *    		Label
+ *  	</GidsCompoundButton>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsCompoundButton />` component.
+ **/
+export const GidsCompoundButton = ({ children, leadingIcon, trailingContent = 'none', trailingContentDisabled, trailingContentIndeterminate, checked, disabled, onClick, onChangeCheckbox, onChangeRadio, ...rest }) => {
+    const getTrailingContent = () => {
+        switch (trailingContent) {
+            case 'disclosure':
+                return (React.createElement(GidsIcon, { name: "chevron-right", alt: "", appearance: "regular", size: "md", className: disabled
+                        ? 'gids-compound-button__trailing-icon gids-compound-button__icon-disabled'
+                        : 'gids-compound-button__trailing-icon' }));
+            case 'checkbox':
+                return (React.createElement(GidsCheckboxControl, { checked: checked, indeterminate: trailingContentIndeterminate, disabled: trailingContentDisabled || disabled, inputId: generateId(), onChange: onChangeCheckbox }));
+            case 'radio':
+                return (React.createElement(GidsRadioControl, { checked: checked, disabled: trailingContentDisabled || disabled, inputId: generateId(), onChange: onChangeRadio }));
+            default:
+                return null;
+        }
+    };
+    const onClickButton = (event) => {
+        if (onClick &&
+            trailingContent !== 'checkbox' &&
+            trailingContent !== 'radio') {
+            onClick(event);
+        }
+    };
+    const renderLeadingIcon = () => {
+        if (leadingIcon &&
+            typeof leadingIcon === 'string' &&
+            leadingIcon.toString() !== '' &&
+            leadingIcon.toString() !== '(none)') {
+            return (React.createElement(GidsIcon, { name: leadingIcon, alt: "", appearance: "regular", size: "md", className: disabled
+                    ? 'gids-compound-button__leading-icon gids-compound-button__icon-disabled'
+                    : 'gids-compound-button__leading-icon' }));
+        }
+        return null;
+    };
+    return (React.createElement("button", { className: getGidsCompoundButtonClassNames({
+            checked,
+            trailingContent,
+            disabled,
+        }), ...rest, disabled: disabled, 
+        // eslint-disable-next-line react/jsx-no-bind
+        onClick: onClickButton },
+        React.createElement("div", { className: "gids-compound-button__inner-container" },
+            renderLeadingIcon(),
+            typeof children === 'string' ? (React.createElement("div", { className: disabled
+                    ? 'gids-compound-button__label gids-compound-button__label-disabled'
+                    : 'gids-compound-button__label' }, children)) : (children),
+            trailingContent !== 'none' ? getTrailingContent() : null)));
+};
+//# sourceMappingURL=GidsCompoundButton.js.map

package/dist/components/GidsCompoundButton/GidsCompoundButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCompoundButton.js","sourceRoot":"","sources":["../../../src/components/GidsCompoundButton/GidsCompoundButton.tsx"],"names":[],"mappings":"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"}

package/dist/components/GidsSectionNotice/GidsSectionNotice.d.ts

@@ -0,0 +1,39 @@
+import { GidsSectionNoticeCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type JSX, type ComponentPropsWithRef, type MouseEventHandler, type ReactNode } from 'react';
+export type GidsSectionNoticeProps = GidsSectionNoticeCommonProps<string, ReactNode> & ComponentPropsWithRef<'div'> & {
+    onClickDismiss?: MouseEventHandler<HTMLButtonElement>;
+};
+/**
+ * React DOM implementation of GIDS Section Notice component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsSectionNotice, GidsButton } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsSectionNotice>
+ *      <GidsButton
+ *          appearance="default"
+ *          as="button"
+ *          size="sm"
+ *          width="intrinsic"
+ *      >
+ *          Label
+ *      </GidsButton>
+ *      <GidsButton
+ *          appearance="default"
+ *          as="button"
+ *          size="sm"
+ *          width="intrinsic"
+ *      >
+ *          Label
+ *      </GidsButton>
+ *  </GidsSectionNotice>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsSectionNotice />` component.
+ **/
+export declare const GidsSectionNotice: ({ appearance, title, supportingText, children, dismissible, onClickDismiss, ...rest }: GidsSectionNoticeProps) => JSX.Element;
+//# sourceMappingURL=GidsSectionNotice.d.ts.map

package/dist/components/GidsSectionNotice/GidsSectionNotice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSectionNotice.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSectionNotice/GidsSectionNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,4BAA4B,EAE5B,MAAM,+BAA+B,CAAC;AAEvC,OAAc,EACb,KAAK,GAAG,EACR,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AASf,MAAM,MAAM,sBAAsB,GAAG,4BAA4B,CAChE,MAAM,EACN,SAAS,CACT,GACA,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC9B,cAAc,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+BI;AACJ,eAAO,MAAM,iBAAiB,GAAI,uFAQ/B,sBAAsB,KAAG,GAAG,CAAC,OA+C/B,CAAC"}

package/dist/components/GidsSectionNotice/GidsSectionNotice.js

@@ -0,0 +1,53 @@
+import { GidsSectionNoticeCommonUtils, } from '@ganpatiinfo/gids-core-shared';
+import { GidsSectionNoticeWebUtils } from '@ganpatiinfo/gids-web-shared';
+import React from 'react';
+import { GidsIcon } from '../GidsIcon/GidsIcon.js';
+import { GidsButtonGroup } from '../GidsButtonGroup/GidsButtonGroup.js';
+import { GidsButton } from '../GidsButton/GidsButton.js';
+const { getGidsSectionNoticeClassNames } = GidsSectionNoticeWebUtils;
+const { getSectionNoticeIconName } = GidsSectionNoticeCommonUtils;
+/**
+ * React DOM implementation of GIDS Section Notice component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsSectionNotice, GidsButton } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsSectionNotice>
+ *      <GidsButton
+ *          appearance="default"
+ *          as="button"
+ *          size="sm"
+ *          width="intrinsic"
+ *      >
+ *          Label
+ *      </GidsButton>
+ *      <GidsButton
+ *          appearance="default"
+ *          as="button"
+ *          size="sm"
+ *          width="intrinsic"
+ *      >
+ *          Label
+ *      </GidsButton>
+ *  </GidsSectionNotice>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsSectionNotice />` component.
+ **/
+export const GidsSectionNotice = ({ appearance, title, supportingText, children, dismissible, onClickDismiss, ...rest }) => {
+    return (React.createElement("div", { className: getGidsSectionNoticeClassNames({ appearance }), ...rest },
+        React.createElement("div", { className: "gids-section-notice__inner-container" },
+            React.createElement("div", { className: "gids-section-notice__leading-icon-container" },
+                React.createElement(GidsIcon, { name: getSectionNoticeIconName({ appearance }), alt: "", appearance: "filled", size: "md", className: `gids-section-notice__${appearance}-icon` })),
+            React.createElement("div", { className: "gids-section-notice__content-container" },
+                title && typeof title === 'string' ? (React.createElement("div", { className: "gids-section-notice__title" }, title)) : (title),
+                supportingText && typeof supportingText === 'string' ? (React.createElement("div", { className: "gids-section-notice__supporting-text" }, supportingText)) : (supportingText),
+                children ? (React.createElement(GidsButtonGroup, { layout: "wrap" }, children)) : null),
+            dismissible && onClickDismiss ? (React.createElement("div", { className: "gids-section-notice__cross-button-container" },
+                React.createElement(GidsButton, { as: "button", appearance: "subtle", size: "sm", width: "intrinsic", leadingIcon: React.createElement(GidsIcon, { name: "cross", alt: "", appearance: "filled", size: "sm" }), onClick: onClickDismiss }))) : null)));
+};
+//# sourceMappingURL=GidsSectionNotice.js.map

package/dist/components/GidsSectionNotice/GidsSectionNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSectionNotice.js","sourceRoot":"","sources":["../../../src/components/GidsSectionNotice/GidsSectionNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,4BAA4B,GAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAKN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AACrE,MAAM,EAAE,wBAAwB,EAAE,GAAG,4BAA4B,CAAC;AAUlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+BI;AACJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EACjC,UAAU,EACV,KAAK,EACL,cAAc,EACd,QAAQ,EACR,WAAW,EACX,cAAc,EACd,GAAG,IAAI,EACiB,EAAe,EAAE;IACzC,OAAO,CACN,6BAAK,SAAS,EAAE,8BAA8B,CAAC,EAAE,UAAU,EAAE,CAAC,KAAM,IAAI;QACvE,6BAAK,SAAS,EAAC,sCAAsC;YACpD,6BAAK,SAAS,EAAC,6CAA6C;gBAC3D,oBAAC,QAAQ,IACR,IAAI,EAAE,wBAAwB,CAAC,EAAE,UAAU,EAAE,CAAa,EAC1D,GAAG,EAAC,EAAE,EACN,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,wBAAwB,UAAU,OAAO,GACnD,CACG;YACN,6BAAK,SAAS,EAAC,wCAAwC;gBACrD,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CACrC,6BAAK,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAO,CACzD,CAAC,CAAC,CAAC,CACH,KAAK,CACL;gBACA,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvD,6BAAK,SAAS,EAAC,sCAAsC,IACnD,cAAc,CACV,CACN,CAAC,CAAC,CAAC,CACH,cAAc,CACd;gBACA,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,eAAe,IAAC,MAAM,EAAC,MAAM,IAAE,QAAQ,CAAmB,CAC3D,CAAC,CAAC,CAAC,IAAI,CACH;YACL,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,CAChC,6BAAK,SAAS,EAAC,6CAA6C;gBAC3D,oBAAC,UAAU,IACV,EAAE,EAAC,QAAQ,EACX,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EACjB,WAAW,EACV,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAC,EAAE,EAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,GAAG,EAE/D,OAAO,EAAE,cAAc,GACtB,CACG,CACN,CAAC,CAAC,CAAC,IAAI,CACH,CACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/index.d.ts

@@ -16,6 +16,10 @@ export * from './components/GidsAvatar/GidsAvatar.js';
 export * from './components/GidsAvatarGroup/GidsAvatarGroup.js';
 export * from './components/GidsInputTag/GidsInputTag.js';
 export * from './components/GidsTagGroup/GidsTagGroup.js';
+export * from './components/GidsButtonGroup/GidsButtonGroup.js';
+export * from './components/GidsButtonDock/GidsButtonDock.js';
+export * from './components/GidsSectionNotice/GidsSectionNotice.js';
+export * from './components/GidsCompoundButton/GidsCompoundButton.js';
 /**
  * STENCIL GENERATED
  */

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAE1D;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oDAAoD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oDAAoD,CAAC"}

package/dist/index.js

@@ -16,6 +16,10 @@ export * from './components/GidsAvatar/GidsAvatar.js';
 export * from './components/GidsAvatarGroup/GidsAvatarGroup.js';
 export * from './components/GidsInputTag/GidsInputTag.js';
 export * from './components/GidsTagGroup/GidsTagGroup.js';
+export * from './components/GidsButtonGroup/GidsButtonGroup.js';
+export * from './components/GidsButtonDock/GidsButtonDock.js';
+export * from './components/GidsSectionNotice/GidsSectionNotice.js';
+export * from './components/GidsCompoundButton/GidsCompoundButton.js';
 /**
  * STENCIL GENERATED
  */

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAE1D;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oDAAoD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oDAAoD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ganpatiinfo/gids-react-web",
-	"version": "2.0.8",
+	"version": "2.0.9",
 	"private": false,
 	"description": "This package is react web package with all components",
 	"homepage": "https://ganpatiinfosystem.vercel.app/",
@@ -22,15 +22,15 @@
 		"dist/"
 	],
 	"peerDependencies": {
-		"@ganpatiinfo/gids-core-web": "2.0.7",
+		"@ganpatiinfo/gids-core-web": "2.0.8",
 		"@ganpatiinfo/gids-web-theme-interface": "2.0.7",
 		"react": "19.1.0",
 		"react-dom": "19.1.0"
 	},
 	"dependencies": {
 		"@stencil/react-output-target": "0.8.2",
-		"@ganpatiinfo/gids-core-shared": "2.0.8",
-		"@ganpatiinfo/gids-web-shared": "2.0.8"
+		"@ganpatiinfo/gids-core-shared": "2.0.9",
+		"@ganpatiinfo/gids-web-shared": "2.0.9"
 	},
 	"devDependencies": {
 		"@fontsource/inter": "5.2.5",
@@ -57,7 +57,7 @@
 		"sass": "^1.88.0",
 		"@ganpatiinfo/gids-storybook-theme": "2.0.7",
 		"@ganpatiinfo/gids-storybook-utilities": "2.0.6",
-		"@ganpatiinfo/gids-web-dom-reference": "2.0.8",
+		"@ganpatiinfo/gids-web-dom-reference": "2.0.9",
 		"@ganpatiinfo/gids-web-theme-ganpatiinfo": "2.0.7"
 	},
 	"author": {