@ganpatiinfo/gids-core-web 2.0.7 → 2.1.0

package/dist/gids-toggle-button.js.map

@@ -1 +1 @@
-{"file":"gids-toggle-button.js","mappings":"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","names":["GidsToggleButton","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/html/_GidsSpinnerControl/GidsSpinnerControl.tsx","src/components/html/GidsButton/GidsButton.tsx","src/components/webComponents/GidsToggleButton/GidsToggleButton.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport type { FunctionalComponent, JSXBase } from '@stencil/core/internal';\nimport { GidsSpinnerControlWebUtils } from '@ganpatiinfo/gids-web-shared';\nimport {\n\tGidsSpinnerControlCommonProps,\n\tGidsSpinnerControlCommonUtils,\n} from '@ganpatiinfo/gids-core-shared';\n\nconst { getGidsSpinnerControlClassNames } = GidsSpinnerControlWebUtils;\nconst { calculateStrokeDasharray, thickness, radius, centerPosition, viewBox } =\n\tGidsSpinnerControlCommonUtils;\n\nexport type GidsSpinnerControlProps = GidsSpinnerControlCommonProps &\n\tJSXBase.IntrinsicElements['svg'] & {\n\t\tclass?: string;\n\t};\n\nexport const GidsSpinnerControl: FunctionalComponent<\n\tGidsSpinnerControlCommonProps\n> = ({ size, indeterminate, value, max, ...rest }) => {\n\tlet style: Record<string, string> | undefined = undefined;\n\n\tif (!indeterminate) {\n\t\tconst dashArray = calculateStrokeDasharray(value, max ? max : 0);\n\t\tstyle = { strokeDashArray: dashArray, strokeDashoffset: '0' };\n\t}\n\n\treturn (\n\t\t<svg\n\t\t\tclass={getGidsSpinnerControlClassNames({ size, indeterminate, value })}\n\t\t\tviewBox={viewBox}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<circle\n\t\t\t\tclass=\"gids-spinner-control__track\"\n\t\t\t\tcx={centerPosition}\n\t\t\t\tcy={centerPosition}\n\t\t\t\tr={radius}\n\t\t\t\tstroke-width={thickness}\n\t\t\t/>\n\t\t\t<circle\n\t\t\t\tstyle={style}\n\t\t\t\tclass=\"gids-spinner-control__progress\"\n\t\t\t\tcx={centerPosition}\n\t\t\t\tcy={centerPosition}\n\t\t\t\tr={radius}\n\t\t\t\tstroke-width={thickness}\n\t\t\t/>\n\t\t</svg>\n\t);\n};\n","import { h } from '@stencil/core';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport {\n\ttype PermittedGidsButtonElements,\n\ttype GidsButtonWebProps,\n\tGidsButtonWebUtils,\n\tnonEmpty,\n} from '@ganpatiinfo/gids-web-shared';\nimport { GidsSpinnerControl } from '../_GidsSpinnerControl/GidsSpinnerControl.js';\n\nconst { getGidsButtonClassNames } = GidsButtonWebUtils;\n\n/**\n * Props for the Stencil Functional Component implementation of GIDS Button.\n */\nexport type GidsButtonProps<E extends PermittedGidsButtonElements> =\n\tGidsButtonWebProps<VNode | VNode[], VNode | VNode[], E> &\n\t\tJSXBase.IntrinsicElements[E] & {\n\t\t\t/**\n\t\t\t * Whether to force the button to icon-only styling.\n\t\t\t */\n\t\t\tforceIconOnly?: boolean;\n\t\t};\n\n/**\n * Stencil functional component implementation of GIDS Button component.\n *\n * Only used internally by Stencil web components that need to render Buttons within their\n * JSX templates.\n *\n * @internal\n *\n * @param props\n * @param children\n * @returns\n */\nexport const GidsButton = <E extends PermittedGidsButtonElements = 'button'>(\n\t{\n\t\tappearance,\n\t\tsize,\n\t\tdestructive,\n\t\tloading,\n\t\twidth,\n\t\tleadingIcon,\n\t\ttrailingIcon,\n\t\tas,\n\t\tdisabled,\n\t\tclass: className,\n\t\tforceIconOnly = false,\n\t\t...rest\n\t}: GidsButtonProps<E>,\n\tchildren: VNode[],\n): VNode | VNode[] => {\n\tconst Element = as || 'button';\n\tconst spinnerSize = size === 'lg' || size === undefined ? 'md' : size;\n\n\t// Default to type=\"button\" if not provided, since HTML's default is \"submit\"\n\tif (Element === 'button' && !('type' in rest)) {\n\t\t(rest as JSXBase.IntrinsicElements['button']).type = 'button';\n\t}\n\n\treturn (\n\t\t// @ts-expect-error: TODO This used to work in TypeScript 4.x but not anymore\n\t\t<Element\n\t\t\tclass={getGidsButtonClassNames(\n\t\t\t\t{ appearance, size, destructive, loading, width },\n\t\t\t\tforceIconOnly ||\n\t\t\t\t\t(children.length === 0 &&\n\t\t\t\t\t\tnonEmpty(leadingIcon) &&\n\t\t\t\t\t\t!nonEmpty(trailingIcon)),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdisabled={Element === 'button' ? disabled : undefined}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<span class=\"gids-button__content\">\n\t\t\t\t{leadingIcon}\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t\t{loading && (\n\t\t\t\t<GidsSpinnerControl size={spinnerSize} indeterminate></GidsSpinnerControl>\n\t\t\t)}\n\t\t\t{trailingIcon}\n\t\t</Element>\n\t);\n};\n","import {\n\th,\n\tComponent,\n\tProp,\n\tElement,\n\tHost,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { GidsButton } from '../../html/GidsButton/GidsButton.js';\nimport { getConstructedGidsStylesheet } from '../../../utils/constructedGidsStylesheet.js';\nimport {\n\ttype GidsButtonSize,\n\ttype GidsToggleButtonAppearance,\n\ttype GidsButtonWidth,\n} from '@ganpatiinfo/gids-core-shared';\nimport { type GidsToggleButtonWebProps } from '@ganpatiinfo/gids-web-shared';\n\n@Component({\n\ttag: 'gids-toggle-button',\n\tshadow: true,\n})\nexport class GidsToggleButton\n\timplements Omit<GidsToggleButtonWebProps, 'children'>\n{\n\t/**\n\t * @internal\n\t */\n\t@Element() private _el: HTMLGidsToggleButtonElement;\n\n\t@Event()\n\tprivate select?: EventEmitter<boolean>;\n\n\t/**\n\t *\n\t * Reflected by `disabled` property\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t})\n\tdisabled?: boolean;\n\n\t/**\n\t *\n\t * Reflected by `appearance` property\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t})\n\tappearance?: GidsToggleButtonAppearance;\n\n\t/**\n\t *\n\t * Reflected by `size` property\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t})\n\tsize?: GidsButtonSize;\n\n\t/**\n\t *\n\t * Reflected by `width` property\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t})\n\twidth?: GidsButtonWidth;\n\n\t/**\n\t *\n\t * Reflected by `defaultSelected` property\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t})\n\tdefaultSelected?: boolean;\n\n\t/**\n\t *\n\t * Only available as a property. There is no `selected` attribute\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t\tattribute: null,\n\t})\n\tget selected(): boolean | undefined {\n\t\treturn this.#selected ?? this.defaultSelected;\n\t}\n\tset selected(value: unknown) {\n\t\tthis.#selected = value === undefined ? undefined : Boolean(value);\n\t}\n\n\tconstructor() {\n\t\tthis._toggle = this._toggle.bind(this);\n\t}\n\n\t/**\n\t * @internal\n\t */\n\t#selected?: boolean;\n\n\tconnectedCallback() {\n\t\tconst constructedGidsStylesheet = getConstructedGidsStylesheet();\n\t\tif (constructedGidsStylesheet !== undefined) {\n\t\t\tthis._el.shadowRoot?.adoptedStyleSheets.push(constructedGidsStylesheet);\n\t\t}\n\t}\n\n\tprivate _toggle() {\n\t\tconst toggledValue = !this.selected;\n\t\tthis._el.selected = toggledValue;\n\t\tthis.select?.emit(toggledValue);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<style>{`:host {\n                display: ${this.width === 'full' ? 'block' : 'inline-block'}\n                }`}</style>\n\t\t\t\t<GidsButton\n\t\t\t\t\tappearance={this.appearance}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\twidth={this.width}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tonClick={this._toggle}\n\t\t\t\t\taria-pressed={this.selected ? 'true' : 'false'}\n\t\t\t\t\tleadingIcon={<slot name=\"leadingIcon\" />}\n\t\t\t\t\ttrailingIcon={<slot name=\"trailingIcon\" />}\n\t\t\t\t\tforceIconOnly={this._onlyHasLeadingIcon()}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</GidsButton>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onlyHasLeadingIcon(): boolean {\n\t\tconst childNodes = this._el.childNodes;\n\t\tif (\n\t\t\tchildNodes.length === 1 &&\n\t\t\tchildNodes[0] instanceof window.Element &&\n\t\t\tchildNodes[0].slot === 'leadingIcon'\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n}\n"],"version":3}
+{"file":"gids-toggle-button.js","mappings":"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","names":["GidsToggleButton","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/html/_GidsSpinnerControl/GidsSpinnerControl.tsx","src/components/html/GidsButton/GidsButton.tsx","src/components/webComponents/GidsToggleButton/GidsToggleButton.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport type { FunctionalComponent, JSXBase } from '@stencil/core/internal';\nimport { GidsSpinnerControlWebUtils } from '@ganpatiinfo/gids-web-shared';\nimport {\n\tGidsSpinnerControlCommonProps,\n\tGidsSpinnerControlCommonUtils,\n} from '@ganpatiinfo/gids-core-shared';\n\nconst { getGidsSpinnerControlClassNames } = GidsSpinnerControlWebUtils;\nconst { calculateStrokeDasharray, thickness, radius, centerPosition, viewBox } =\n\tGidsSpinnerControlCommonUtils;\n\nexport type GidsSpinnerControlProps = GidsSpinnerControlCommonProps &\n\tJSXBase.IntrinsicElements['svg'] & {\n\t\tclass?: string;\n\t};\n\nexport const GidsSpinnerControl: FunctionalComponent<\n\tGidsSpinnerControlCommonProps\n> = ({ size, indeterminate, value, max, ...rest }) => {\n\tlet style: Record<string, string> | undefined = undefined;\n\n\tif (!indeterminate) {\n\t\tconst dashArray = calculateStrokeDasharray(value, max ? max : 0);\n\t\tstyle = { strokeDashArray: dashArray, strokeDashoffset: '0' };\n\t}\n\n\treturn (\n\t\t<svg\n\t\t\tclass={getGidsSpinnerControlClassNames({ size, indeterminate, value })}\n\t\t\tviewBox={viewBox}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<circle\n\t\t\t\tclass=\"gids-spinner-control__track\"\n\t\t\t\tcx={centerPosition}\n\t\t\t\tcy={centerPosition}\n\t\t\t\tr={radius}\n\t\t\t\tstroke-width={thickness}\n\t\t\t/>\n\t\t\t<circle\n\t\t\t\tstyle={style}\n\t\t\t\tclass=\"gids-spinner-control__progress\"\n\t\t\t\tcx={centerPosition}\n\t\t\t\tcy={centerPosition}\n\t\t\t\tr={radius}\n\t\t\t\tstroke-width={thickness}\n\t\t\t/>\n\t\t</svg>\n\t);\n};\n","import { h } from '@stencil/core';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport {\n\ttype PermittedGidsButtonElements,\n\ttype GidsButtonWebProps,\n\tGidsButtonWebUtils,\n\tnonEmpty,\n} from '@ganpatiinfo/gids-web-shared';\nimport { GidsSpinnerControl } from '../_GidsSpinnerControl/GidsSpinnerControl.js';\n\nconst { getGidsButtonClassNames } = GidsButtonWebUtils;\n\n/**\n * Props for the Stencil Functional Component implementation of GIDS Button.\n */\nexport type GidsButtonProps<E extends PermittedGidsButtonElements> =\n\tGidsButtonWebProps<VNode | VNode[], VNode | VNode[], E> &\n\t\tJSXBase.IntrinsicElements[E] & {\n\t\t\t/**\n\t\t\t * Whether to force the button to icon-only styling.\n\t\t\t */\n\t\t\tforceIconOnly?: boolean;\n\t\t};\n\n/**\n * Stencil functional component implementation of GIDS Button component.\n *\n * Only used internally by Stencil web components that need to render Buttons within their\n * JSX templates.\n *\n * @internal\n *\n * @param props\n * @param children\n * @returns\n */\nexport const GidsButton = <E extends PermittedGidsButtonElements = 'button'>(\n\t{\n\t\tappearance,\n\t\tsize,\n\t\tdestructive,\n\t\tloading,\n\t\twidth,\n\t\tleadingIcon,\n\t\ttrailingIcon,\n\t\tas,\n\t\tdisabled,\n\t\tclass: className,\n\t\tforceIconOnly = false,\n\t\t...rest\n\t}: GidsButtonProps<E>,\n\tchildren: VNode[],\n): VNode | VNode[] => {\n\tconst Element = as || 'button';\n\tconst spinnerSize = size === 'lg' || size === undefined ? 'md' : size;\n\n\t// Default to type=\"button\" if not provided, since HTML's default is \"submit\"\n\tif (Element === 'button' && !('type' in rest)) {\n\t\t(rest as JSXBase.IntrinsicElements['button']).type = 'button';\n\t}\n\n\treturn (\n\t\t// @ts-expect-error: TODO This used to work in TypeScript 4.x but not anymore\n\t\t<Element\n\t\t\tclass={getGidsButtonClassNames(\n\t\t\t\t{ appearance, size, destructive, loading, width },\n\t\t\t\tforceIconOnly ||\n\t\t\t\t\t(children.length === 0 &&\n\t\t\t\t\t\tnonEmpty(leadingIcon) &&\n\t\t\t\t\t\t!nonEmpty(trailingIcon)),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdisabled={Element === 'button' ? disabled : undefined}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<span class=\"gids-button__content\">\n\t\t\t\t{leadingIcon}\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t\t{loading && (\n\t\t\t\t<GidsSpinnerControl\n\t\t\t\t\tsize={spinnerSize}\n\t\t\t\t\tindeterminate\n\t\t\t\t></GidsSpinnerControl>\n\t\t\t)}\n\t\t\t{trailingIcon}\n\t\t</Element>\n\t);\n};\n","import {\n\th,\n\tComponent,\n\tProp,\n\tElement,\n\tHost,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { GidsButton } from '../../html/GidsButton/GidsButton.js';\nimport { getConstructedGidsStylesheet } from '../../../utils/constructedGidsStylesheet.js';\nimport {\n\ttype GidsButtonSize,\n\ttype GidsToggleButtonAppearance,\n\ttype GidsButtonWidth,\n} from '@ganpatiinfo/gids-core-shared';\nimport { type GidsToggleButtonWebProps } from '@ganpatiinfo/gids-web-shared';\n\n@Component({\n\ttag: 'gids-toggle-button',\n\tshadow: true,\n})\nexport class GidsToggleButton\n\timplements Omit<GidsToggleButtonWebProps, 'children'>\n{\n\t/**\n\t * @internal\n\t */\n\t@Element() private _el: HTMLGidsToggleButtonElement;\n\n\t@Event()\n\tprivate select?: EventEmitter<boolean>;\n\n\t/**\n\t *\n\t * Reflected by `disabled` property\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t})\n\tdisabled?: boolean;\n\n\t/**\n\t *\n\t * Reflected by `appearance` property\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t})\n\tappearance?: GidsToggleButtonAppearance;\n\n\t/**\n\t *\n\t * Reflected by `size` property\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t})\n\tsize?: GidsButtonSize;\n\n\t/**\n\t *\n\t * Reflected by `width` property\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t})\n\twidth?: GidsButtonWidth;\n\n\t/**\n\t *\n\t * Reflected by `defaultSelected` property\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t})\n\tdefaultSelected?: boolean;\n\n\t/**\n\t *\n\t * Only available as a property. There is no `selected` attribute\n\t *\n\t * @inheritdoc\n\t */\n\t@Prop({\n\t\treflect: true,\n\t\tattribute: null,\n\t})\n\tget selected(): boolean | undefined {\n\t\treturn this.#selected ?? this.defaultSelected;\n\t}\n\tset selected(value: unknown) {\n\t\tthis.#selected = value === undefined ? undefined : Boolean(value);\n\t}\n\n\tconstructor() {\n\t\tthis._toggle = this._toggle.bind(this);\n\t}\n\n\t/**\n\t * @internal\n\t */\n\t#selected?: boolean;\n\n\tconnectedCallback() {\n\t\tconst constructedGidsStylesheet = getConstructedGidsStylesheet();\n\t\tif (constructedGidsStylesheet !== undefined) {\n\t\t\tthis._el.shadowRoot?.adoptedStyleSheets.push(constructedGidsStylesheet);\n\t\t}\n\t}\n\n\tprivate _toggle() {\n\t\tconst toggledValue = !this.selected;\n\t\tthis._el.selected = toggledValue;\n\t\tthis.select?.emit(toggledValue);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<style>{`:host {\n                display: ${this.width === 'full' ? 'block' : 'inline-block'}\n                }`}</style>\n\t\t\t\t<GidsButton\n\t\t\t\t\tappearance={this.appearance}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\twidth={this.width}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tonClick={this._toggle}\n\t\t\t\t\taria-pressed={this.selected ? 'true' : 'false'}\n\t\t\t\t\tleadingIcon={<slot name=\"leadingIcon\" />}\n\t\t\t\t\ttrailingIcon={<slot name=\"trailingIcon\" />}\n\t\t\t\t\tforceIconOnly={this._onlyHasLeadingIcon()}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</GidsButton>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onlyHasLeadingIcon(): boolean {\n\t\tconst childNodes = this._el.childNodes;\n\t\tif (\n\t\t\tchildNodes.length === 1 &&\n\t\t\tchildNodes[0] instanceof window.Element &&\n\t\t\tchildNodes[0].slot === 'leadingIcon'\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n}\n"],"version":3}

package/dist/index.css

@@ -64,6 +64,218 @@ gids-global-styles-start {
   }
 }
 
+.gids-checkbox-control {
+  --gidsCheckbox-border: var(--gids-color-border-input);
+  --gidsCheckbox-background: var(--gids-color-background-input-default);
+  display: inline-flex;
+  position: relative;
+  width: var(--gids-size-240);
+  height: var(--gids-size-240);
+  justify-content: center;
+  align-items: center;
+}
+.gids-checkbox-control::before {
+  display: inline;
+  content: "";
+  height: var(--gids-size-160);
+  width: 0;
+}
+.gids-checkbox-control__input {
+  display: block;
+  position: absolute;
+  margin: 0;
+  top: var(--gids-padding-vertical-edge-to-element-025);
+  left: var(--gids-padding-horizontal-edge-to-element-025);
+  bottom: var(--gids-padding-vertical-edge-to-element-025);
+  right: var(--gids-padding-horizontal-edge-to-element-025);
+  appearance: none;
+  background-color: var(--gidsCheckbox-background);
+  border-width: var(--gids-border-width-thin);
+  border-style: solid;
+  border-color: var(--gidsCheckbox-border);
+  border-radius: var(--gids-border-radius-sm);
+}
+.gids-checkbox-control__input:not(:disabled):not(:active):hover {
+  --gidsCheckbox-background: var(--gids-color-background-input-hovered);
+}
+.gids-checkbox-control__input:not(:disabled):active {
+  --gidsCheckbox-background: var(--gids-color-background-input-pressed);
+}
+.gids-checkbox-control__input:not(:disabled):checked, .gids-checkbox-control__input:not(:disabled):indeterminate {
+  --gidsCheckbox-border: var(--gids-color-border-selected);
+  --gidsCheckbox-background: var(
+  	--gids-color-background-selected-bold-default
+  );
+}
+.gids-checkbox-control__input:not(:disabled):checked:not(:active):hover, .gids-checkbox-control__input:not(:disabled):indeterminate:not(:active):hover {
+  --gidsCheckbox-background: var(
+  	--gids-color-background-selected-bold-hovered
+  );
+}
+.gids-checkbox-control__input:not(:disabled):checked:active, .gids-checkbox-control__input:not(:disabled):indeterminate:active {
+  --gidsCheckbox-background: var(
+  	--gids-color-background-selected-bold-pressed
+  );
+}
+.gids-checkbox-control__input:disabled {
+  --gidsCheckbox-border: var(--gids-color-border-disabled);
+  --gidsCheckbox-background: var(--gids-color-background-disabled);
+}
+.gids-checkbox-control__input:focus-visible {
+  outline: var(--gids-border-width-thick) solid var(--gids-color-border-focused);
+  outline-offset: var(--gids-border-width-thick);
+}
+.gids-checkbox-control__check, .gids-checkbox-control__minus {
+  --gidsIcon-color: var(--gids-color-icon-inverse);
+  display: none;
+  position: relative;
+  pointer-events: none;
+}
+.gids-checkbox-control__input:not(:indeterminate):checked ~ .gids-checkbox-control__check {
+  display: block;
+}
+.gids-checkbox-control__input:indeterminate ~ .gids-checkbox-control__minus {
+  display: block;
+}
+.gids-checkbox-control__input:disabled ~ .gids-checkbox-control__check, .gids-checkbox-control__input:disabled ~ .gids-checkbox-control__minus {
+  --gidsIcon-color: var(--gids-color-icon-disabled);
+}
+
+.gids-radio-control {
+  display: inline-flex;
+  position: relative;
+  width: var(--gids-size-240);
+  height: var(--gids-size-240);
+  justify-content: center;
+  align-items: center;
+}
+.gids-radio-control::before {
+  display: inline;
+  content: "";
+  height: var(--gids-size-160);
+  width: 0;
+}
+.gids-radio-control__input {
+  display: block;
+  position: absolute;
+  margin: 0;
+  appearance: none;
+  border-style: solid;
+  border-color: var(--gids-color-border-input);
+  border-width: var(--gids-border-width-thin);
+  border-radius: var(--gids-border-radius-full);
+  width: var(--gids-size-240);
+  height: var(--gids-size-240);
+  background-color: var(--gids-color-background-input-default);
+}
+.gids-radio-control__input:not(:disabled):not(:active):hover {
+  background-color: var(--gids-color-background-input-hovered);
+}
+.gids-radio-control__input:not(:disabled) :active {
+  border-color: var(--gids-color-border-input);
+  background-color: var(--gids-color-background-input-pressed);
+}
+.gids-radio-control__input:not(:disabled):checked {
+  background-color: var(--gids-color-background-selected-bold-default);
+  border-color: var(--gids-color-border-selected);
+}
+.gids-radio-control__input:not(:disabled):checked:active {
+  border-color: var(--gids-color-border-selected);
+  background-color: var(--gids-color-background-selected-bold-pressed);
+}
+.gids-radio-control__input:not(:disabled):checked:not(:active):hover {
+  background-color: var(--gids-color-background-selected-bold-hovered);
+  border-color: var(--gids-color-border-selected);
+}
+.gids-radio-control__input:disabled {
+  border-color: var(--gids-color-border-disabled);
+  background-color: var(--gids-color-background-disabled);
+}
+.gids-radio-control__input:focus-visible {
+  outline: var(--gids-border-width-thick) solid var(--gids-color-border-focused);
+  outline-offset: var(--gids-border-width-thick);
+}
+.gids-radio-control__check {
+  display: none;
+  position: absolute;
+  height: var(--gids-size-080);
+  width: var(--gids-size-080);
+  border-radius: var(--gids-border-radius-full);
+  background-color: var(--gids-color-icon-inverse);
+  pointer-events: none;
+}
+.gids-radio-control__input:checked ~ .gids-radio-control__check {
+  display: block;
+}
+.gids-radio-control__input:disabled:checked ~ .gids-radio-control__check {
+  background-color: var(--gids-color-icon-disabled);
+}
+
+.gids-switch-control {
+  display: inline-flex;
+  position: relative;
+  padding: calc(2 * var(--gids-padding-vertical-edge-to-element-025)) calc(2 * var(--gids-padding-horizontal-edge-to-element-025));
+}
+.gids-switch-control__input {
+  display: block;
+  position: absolute;
+  top: var(--gids-padding-vertical-edge-to-element-025);
+  right: var(--gids-padding-horizontal-edge-to-element-025);
+  bottom: var(--gids-padding-vertical-edge-to-element-025);
+  left: var(--gids-padding-horizontal-edge-to-element-025);
+  border-radius: var(--gids-border-radius-full);
+  transition: background-color 0.3s;
+  background-color: var(--gids-color-background-neutral-bold-default);
+  appearance: none;
+  margin: 0;
+}
+.gids-switch-control__input:focus-visible {
+  outline: var(--gids-border-width-thick) solid var(--gids-color-border-focused);
+  outline-offset: var(--gids-border-width-thick);
+}
+.gids-switch-control__input:hover {
+  background-color: var(--gids-color-background-neutral-bold-hovered);
+}
+.gids-switch-control__input:active {
+  background-color: var(--gids-color-background-neutral-bold-pressed);
+}
+.gids-switch-control__input:checked {
+  background-color: var(--gids-color-background-positive-bold-default);
+}
+.gids-switch-control__input:checked:not(:disabled):hover {
+  background-color: var(--gids-color-background-positive-bold-hovered);
+}
+.gids-switch-control__input:checked:not(:disabled):active {
+  background-color: var(--gids-color-background-positive-bold-pressed);
+}
+.gids-switch-control__input:disabled {
+  transition: none;
+  background-color: var(--gids-color-background-disabled);
+}
+.gids-switch-control__slider {
+  width: var(--gids-size-160);
+  height: var(--gids-size-160);
+  background-color: var(--gids-color-icon-inverse);
+  border-radius: var(--gids-border-radius-full);
+  padding: var(--gids-padding-horizontal-edge-to-element-025);
+  transition: background-color 0.3s, transform 0.3s;
+  box-shadow: var(--gids-elevation-shadow-raised);
+  transform: translateX(0);
+}
+.gids-switch-control__input:checked ~ .gids-switch-control__slider {
+  transform: translateX(100%);
+}
+.gids-switch-control__check, .gids-switch-control__cross, .gids-switch-control__slider {
+  pointer-events: none;
+}
+.gids-switch-control__check, .gids-switch-control__cross {
+  position: relative;
+  --gidsIcon-color: var(--gids-color-icon-inverse);
+}
+.gids-switch-control__slider {
+  position: absolute;
+}
+
 /*
 * Components for public
 */
@@ -529,21 +741,21 @@ gids-global-styles-start {
   --gidsIcon-color: var(--gids-color-icon-disabled);
 }
 
-.gids-link {
+.gids-breadcrumb-item, .gids-link {
   --gidsIcon-color: currentColor;
   display: inline-flex;
   align-items: center;
   gap: var(--gids-gap-025);
   color: var(--gids-color-link-default);
 }
-.gids-link:visited {
+.gids-breadcrumb-item:visited, .gids-link:visited {
   color: var(--gids-color-link-visited-default);
 }
-.gids-link:active, gids-card[clickable]:defined:is(--active, :state(active)) [data-gids-card-primary-control].gids-link {
+.gids-breadcrumb-item:active, .gids-link:active, gids-card[clickable]:defined:is(--active, :state(active)) [data-gids-card-primary-control].gids-breadcrumb-item, gids-card[clickable]:defined:is(--active, :state(active)) [data-gids-card-primary-control].gids-link {
   color: var(--gids-color-link-pressed);
 }
 
-.gids-link::before {
+.gids-breadcrumb-item::before, .gids-link::before {
   display: inline;
   content: "";
   height: 1em;
@@ -723,235 +935,23 @@ gids-global-styles-start {
   font-variant-caps: var(--gids-typography-paragraph-large__font-variant-caps, inherit);
 }
 
-.gids-checkbox-control {
-  --gidsCheckbox-border: var(--gids-color-border-input);
-  --gidsCheckbox-background: var(--gids-color-background-input-default);
-  display: inline-flex;
-  position: relative;
-  width: var(--gids-size-240);
-  height: var(--gids-size-240);
-  justify-content: center;
-  align-items: center;
+.gids-checkbox {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--gids-gap-150);
 }
-.gids-checkbox-control::before {
-  display: inline;
-  content: "";
-  height: var(--gids-size-160);
-  width: 0;
+.gids-checkbox .gids-checkbox-control {
+  margin-top: max(0px, -1 * (var(--gids-size-240) - var(--gids-typography-label-small__line-height) * var(--gids-typography-label-small__font-size)) / 2);
+  flex-shrink: 0;
 }
-.gids-checkbox-control__input {
-  display: block;
-  position: absolute;
-  margin: 0;
-  top: var(--gids-padding-vertical-edge-to-element-025);
-  left: var(--gids-padding-horizontal-edge-to-element-025);
-  bottom: var(--gids-padding-vertical-edge-to-element-025);
-  right: var(--gids-padding-horizontal-edge-to-element-025);
-  appearance: none;
-  background-color: var(--gidsCheckbox-background);
-  border-width: var(--gids-border-width-thin);
-  border-style: solid;
-  border-color: var(--gidsCheckbox-border);
-  border-radius: var(--gids-border-radius-sm);
+.gids-checkbox .gids-label {
+  margin-top: max(0px, (var(--gids-size-240) - var(--gids-typography-label-small__line-height) * var(--gids-typography-label-small__font-size)) / 2);
 }
-.gids-checkbox-control__input:not(:disabled):not(:active):hover {
-  --gidsCheckbox-background: var(--gids-color-background-input-hovered);
-}
-.gids-checkbox-control__input:not(:disabled):active {
-  --gidsCheckbox-background: var(--gids-color-background-input-pressed);
-}
-.gids-checkbox-control__input:not(:disabled):checked, .gids-checkbox-control__input:not(:disabled):indeterminate {
-  --gidsCheckbox-border: var(--gids-color-border-selected);
-  --gidsCheckbox-background: var(
-  	--gids-color-background-selected-bold-default
-  );
-}
-.gids-checkbox-control__input:not(:disabled):checked:not(:active):hover, .gids-checkbox-control__input:not(:disabled):indeterminate:not(:active):hover {
-  --gidsCheckbox-background: var(
-  	--gids-color-background-selected-bold-hovered
-  );
-}
-.gids-checkbox-control__input:not(:disabled):checked:active, .gids-checkbox-control__input:not(:disabled):indeterminate:active {
-  --gidsCheckbox-background: var(
-  	--gids-color-background-selected-bold-pressed
-  );
-}
-.gids-checkbox-control__input:disabled {
-  --gidsCheckbox-border: var(--gids-color-border-disabled);
-  --gidsCheckbox-background: var(--gids-color-background-disabled);
-}
-.gids-checkbox-control__input:focus-visible {
-  outline: var(--gids-border-width-thick) solid var(--gids-color-border-focused);
-  outline-offset: var(--gids-border-width-thick);
-}
-.gids-checkbox-control__check, .gids-checkbox-control__minus {
-  --gidsIcon-color: var(--gids-color-icon-inverse);
-  display: none;
-  position: relative;
-  pointer-events: none;
-}
-.gids-checkbox-control__input:not(:indeterminate):checked ~ .gids-checkbox-control__check {
-  display: block;
-}
-.gids-checkbox-control__input:indeterminate ~ .gids-checkbox-control__minus {
-  display: block;
-}
-.gids-checkbox-control__input:disabled ~ .gids-checkbox-control__check, .gids-checkbox-control__input:disabled ~ .gids-checkbox-control__minus {
-  --gidsIcon-color: var(--gids-color-icon-disabled);
-}
-
-.gids-radio-control {
-  display: inline-flex;
-  position: relative;
-  width: var(--gids-size-240);
-  height: var(--gids-size-240);
-  justify-content: center;
-  align-items: center;
-}
-.gids-radio-control::before {
-  display: inline;
-  content: "";
-  height: var(--gids-size-160);
-  width: 0;
-}
-.gids-radio-control__input {
-  display: block;
-  position: absolute;
-  margin: 0;
-  appearance: none;
-  border-style: solid;
-  border-color: var(--gids-color-border-input);
-  border-width: var(--gids-border-width-thin);
-  border-radius: var(--gids-border-radius-full);
-  width: var(--gids-size-240);
-  height: var(--gids-size-240);
-  background-color: var(--gids-color-background-input-default);
-}
-.gids-radio-control__input:not(:disabled):not(:active):hover {
-  background-color: var(--gids-color-background-input-hovered);
-}
-.gids-radio-control__input:not(:disabled) :active {
-  border-color: var(--gids-color-border-input);
-  background-color: var(--gids-color-background-input-pressed);
-}
-.gids-radio-control__input:not(:disabled):checked {
-  background-color: var(--gids-color-background-selected-bold-default);
-  border-color: var(--gids-color-border-selected);
-}
-.gids-radio-control__input:not(:disabled):checked:active {
-  border-color: var(--gids-color-border-selected);
-  background-color: var(--gids-color-background-selected-bold-pressed);
-}
-.gids-radio-control__input:not(:disabled):checked:not(:active):hover {
-  background-color: var(--gids-color-background-selected-bold-hovered);
-  border-color: var(--gids-color-border-selected);
-}
-.gids-radio-control__input:disabled {
-  border-color: var(--gids-color-border-disabled);
-  background-color: var(--gids-color-background-disabled);
-}
-.gids-radio-control__input:focus-visible {
-  outline: var(--gids-border-width-thick) solid var(--gids-color-border-focused);
-  outline-offset: var(--gids-border-width-thick);
-}
-.gids-radio-control__check {
-  display: none;
-  position: absolute;
-  height: var(--gids-size-080);
-  width: var(--gids-size-080);
-  border-radius: var(--gids-border-radius-full);
-  background-color: var(--gids-color-icon-inverse);
-  pointer-events: none;
-}
-.gids-radio-control__input:checked ~ .gids-radio-control__check {
-  display: block;
-}
-.gids-radio-control__input:disabled:checked ~ .gids-radio-control__check {
-  background-color: var(--gids-color-icon-disabled);
-}
-
-.gids-switch-control {
-  display: inline-flex;
-  position: relative;
-  padding: calc(2 * var(--gids-padding-vertical-edge-to-element-025)) calc(2 * var(--gids-padding-horizontal-edge-to-element-025));
-}
-.gids-switch-control__input {
-  display: block;
-  position: absolute;
-  top: var(--gids-padding-vertical-edge-to-element-025);
-  right: var(--gids-padding-horizontal-edge-to-element-025);
-  bottom: var(--gids-padding-vertical-edge-to-element-025);
-  left: var(--gids-padding-horizontal-edge-to-element-025);
-  border-radius: var(--gids-border-radius-full);
-  transition: background-color 0.3s;
-  background-color: var(--gids-color-background-neutral-bold-default);
-  appearance: none;
-  margin: 0;
-}
-.gids-switch-control__input:focus-visible {
-  outline: var(--gids-border-width-thick) solid var(--gids-color-border-focused);
-  outline-offset: var(--gids-border-width-thick);
-}
-.gids-switch-control__input:hover {
-  background-color: var(--gids-color-background-neutral-bold-hovered);
-}
-.gids-switch-control__input:active {
-  background-color: var(--gids-color-background-neutral-bold-pressed);
-}
-.gids-switch-control__input:checked {
-  background-color: var(--gids-color-background-positive-bold-default);
-}
-.gids-switch-control__input:checked:not(:disabled):hover {
-  background-color: var(--gids-color-background-positive-bold-hovered);
-}
-.gids-switch-control__input:checked:not(:disabled):active {
-  background-color: var(--gids-color-background-positive-bold-pressed);
-}
-.gids-switch-control__input:disabled {
-  transition: none;
-  background-color: var(--gids-color-background-disabled);
-}
-.gids-switch-control__slider {
-  width: var(--gids-size-160);
-  height: var(--gids-size-160);
-  background-color: var(--gids-color-icon-inverse);
-  border-radius: var(--gids-border-radius-full);
-  padding: var(--gids-padding-horizontal-edge-to-element-025);
-  transition: background-color 0.3s, transform 0.3s;
-  box-shadow: var(--gids-elevation-shadow-raised);
-  transform: translateX(0);
-}
-.gids-switch-control__input:checked ~ .gids-switch-control__slider {
-  transform: translateX(100%);
-}
-.gids-switch-control__check, .gids-switch-control__cross, .gids-switch-control__slider {
-  pointer-events: none;
-}
-.gids-switch-control__check, .gids-switch-control__cross {
-  position: relative;
-  --gidsIcon-color: var(--gids-color-icon-inverse);
-}
-.gids-switch-control__slider {
-  position: absolute;
-}
-
-.gids-checkbox {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--gids-gap-150);
-}
-.gids-checkbox .gids-checkbox-control {
-  margin-top: max(0px, -1 * (var(--gids-size-240) - var(--gids-typography-label-small__line-height) * var(--gids-typography-label-small__font-size)) / 2);
-  flex-shrink: 0;
-}
-.gids-checkbox .gids-label {
-  margin-top: max(0px, (var(--gids-size-240) - var(--gids-typography-label-small__line-height) * var(--gids-typography-label-small__font-size)) / 2);
-}
-
-.gids-radio {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--gids-gap-150);
+
+.gids-radio {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--gids-gap-150);
 }
 .gids-radio .gids-radio-control {
   margin-top: max(0px, -1 * (var(--gids-size-240) - var(--gids-typography-label-small__line-height) * var(--gids-typography-label-small__font-size)) / 2);
@@ -1362,6 +1362,326 @@ button.gids-input-tag--bold:not(:disabled):active {
   background-color: var(--gids-color-background-neutral-bold-pressed);
 }
 
+.gids-button-group {
+  display: flex;
+  gap: var(--gids-gap-100);
+  flex-wrap: wrap;
+}
+.gids-button-group > * {
+  flex-shrink: 0;
+}
+.gids-button-group--scroll {
+  overflow-x: auto;
+  width: 100%;
+  flex-wrap: nowrap;
+  scrollbar-width: none;
+}
+.gids-button-group--scroll::-webkit-scrollbar {
+  display: none;
+}
+
+.gids-button-dock {
+  --gidsButtonDock-padding-vertical: var(
+  	--gids-padding-vertical-edge-to-element-300
+  );
+  --gidsButtonDock-padding-horizontal: var(
+  	--gids-padding-horizontal-edge-to-element-300
+  );
+  container-type: inline-size;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--gids-gap-100);
+  justify-content: space-between;
+  padding: var(--gidsButtonDock-padding-vertical) var(--gidsButtonDock-padding-horizontal);
+  background-color: inherit;
+}
+.gids-button-dock__primary-area, .gids-button-dock__secondary-area {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--gids-gap-200);
+}
+
+@container (max-width: 600px) {
+  .gids-button-dock__primary-area, .gids-button-dock__secondary-area {
+    width: 100%;
+    gap: var(--gids-gap-100);
+  }
+  .gids-button-dock__primary-area {
+    flex-direction: column-reverse;
+  }
+  .gids-button-dock__secondary-area {
+    flex-direction: column;
+  }
+}
+.gids-section-notice {
+  display: flex;
+  flex-direction: column;
+  padding: var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-200);
+  border-radius: var(--gids-border-radius-lg);
+  border-width: var(--border-width-thin);
+  border-style: solid;
+  hyphens: auto;
+}
+.gids-section-notice__inner-container {
+  display: flex;
+  gap: var(--gids-gap-200);
+}
+.gids-section-notice__leading-icon-container {
+  align-self: flex-start;
+}
+.gids-section-notice__content-container {
+  flex: 1;
+}
+.gids-section-notice__cross-button-container {
+  align-self: flex-start;
+}
+.gids-section-notice__title {
+  font-family: var(--gids-typography-heading-x-small__font-family);
+  font-size: var(--gids-typography-heading-x-small__font-size);
+  font-weight: var(--gids-typography-heading-x-small__font-weight);
+  letter-spacing: var(--gids-typography-heading-x-small__letter-spacing);
+  line-height: var(--gids-typography-heading-x-small__line-height);
+  text-transform: var(--gids-typography-heading-x-small__text-transform, inherit);
+  font-variant-caps: var(--gids-typography-heading-x-small__font-variant-caps, inherit);
+  color: var(--gids-color-text-default);
+}
+.gids-section-notice__supporting-text {
+  font-family: var(--gids-typography-paragraph-medium__font-family);
+  font-size: var(--gids-typography-paragraph-medium__font-size);
+  font-weight: var(--gids-typography-paragraph-medium__font-weight);
+  letter-spacing: var(--gids-typography-paragraph-medium__letter-spacing);
+  line-height: var(--gids-typography-paragraph-medium__line-height);
+  text-transform: var(--gids-typography-paragraph-medium__text-transform, inherit);
+  font-variant-caps: var(--gids-typography-paragraph-medium__font-variant-caps, inherit);
+  padding-top: var(--gids-gap-025);
+  color: var(--gids-color-text-default);
+}
+.gids-section-notice--information {
+  background-color: var(--gids-color-background-information-default);
+  border-color: var(--gids-color-border-information);
+}
+.gids-section-notice--warning {
+  background-color: var(--gids-color-background-warning-default);
+  border-color: var(--gids-color-border-warning);
+}
+.gids-section-notice--danger {
+  background-color: var(--gids-color-background-danger-default);
+  border-color: var(--gids-color-border-danger);
+}
+.gids-section-notice--success {
+  background-color: var(--gids-color-background-positive-default);
+  border-color: var(--gids-color-border-positive);
+}
+.gids-section-notice__information-icon {
+  --gidsIcon-color: var(--gids-color-icon-information);
+}
+.gids-section-notice__warning-icon {
+  --gidsIcon-color: var(--gids-color-icon-warning);
+}
+.gids-section-notice__danger-icon {
+  --gidsIcon-color: var(--gids-color-icon-danger);
+}
+.gids-section-notice__success-icon {
+  --gidsIcon-color: var(--gids-color-icon-positive);
+}
+.gids-section-notice .gids-button-group {
+  margin-top: var(--gids-gap-025);
+  padding-top: var(--gids-padding-vertical-edge-to-element-100);
+}
+
+.gids-compound-button {
+  appearance: none;
+  text-decoration: none;
+  text-align: start;
+  max-width: 239px;
+  min-width: 239px;
+  padding: var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-200);
+  border-width: var(--gids-border-width-thin);
+  border-style: solid;
+  border-radius: var(--gids-border-radius-md);
+}
+.gids-compound-button__inner-container {
+  display: flex;
+  gap: var(--gids-gap-200);
+  align-items: center;
+}
+.gids-compound-button__leading-icon {
+  --gidsIcon-color: var(--gids-color-icon-default);
+}
+.gids-compound-button__label {
+  font-family: var(--gids-typography-label-medium__font-family);
+  font-size: var(--gids-typography-label-medium__font-size);
+  font-weight: var(--gids-typography-label-medium__font-weight);
+  letter-spacing: var(--gids-typography-label-medium__letter-spacing);
+  line-height: var(--gids-typography-label-medium__line-height);
+  text-transform: var(--gids-typography-label-medium__text-transform, inherit);
+  font-variant-caps: var(--gids-typography-label-medium__font-variant-caps, inherit);
+  flex: 1;
+  color: var(--gids-color-text-default);
+}
+.gids-compound-button__trailing-icon {
+  --gidsIcon-color: var(--gids-color-icon-default);
+}
+.gids-compound-button--default {
+  border-color: var(--gids-color-border-default);
+  background-color: var(--gids-color-background-neutral-default);
+  pointer-events: all;
+}
+.gids-compound-button--default:hover {
+  background-color: var(--gids-color-background-neutral-hovered);
+}
+.gids-compound-button--default:active {
+  background-color: var(--gids-color-background-neutral-pressed);
+}
+.gids-compound-button--input {
+  border-color: var(--gids-color-border-input);
+  background-color: var(--gids-color-background-input-default);
+}
+.gids-compound-button--input:hover {
+  background-color: var(--gids-color-background-input-hovered);
+}
+.gids-compound-button--input:active {
+  background-color: var(--gids-color-background-input-pressed);
+}
+.gids-compound-button--selected {
+  border-color: var(--gids-color-border-selected);
+  background-color: var(--gids-color-background-selected-default);
+}
+.gids-compound-button--selected:hover {
+  background-color: var(--gids-color-background-selected-hovered);
+}
+.gids-compound-button--selected:active {
+  background-color: var(--gids-color-background-selected-pressed);
+}
+.gids-compound-button--disabled {
+  border-color: var(--gids-color-border-disabled);
+  background-color: var(--gids-color-background-disabled);
+  pointer-events: none;
+}
+.gids-compound-button__label-disabled {
+  color: var(--gids-color-text-disabled);
+}
+.gids-compound-button__icon-disabled {
+  --gidsIcon-color: var(--gids-color-icon-disabled);
+}
+
+.gids-box {
+  padding: var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-200);
+  z-index: 9999;
+}
+
+.gids-container {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+}
+.gids-container--xs {
+  max-width: var(--gids-width-xs);
+}
+.gids-container--sm {
+  max-width: var(--gids-width-sm);
+}
+.gids-container--md {
+  max-width: var(--gids-width-md);
+}
+.gids-container--lg {
+  max-width: var(--gids-width-lg);
+}
+.gids-container--xl {
+  max-width: var(--gids-width-xl);
+}
+.gids-container--auto {
+  max-width: auto;
+  min-width: auto;
+}
+.gids-container--fixed-xs {
+  min-width: var(--gids-width-xs);
+  align-items: stretch;
+}
+.gids-container--fixed-sm {
+  min-width: var(--gids-width-sm);
+  align-items: stretch;
+}
+.gids-container--fixed-md {
+  min-width: var(--gids-width-md);
+  align-items: stretch;
+}
+.gids-container--fixed-lg {
+  min-width: var(--gids-width-lg);
+  align-items: stretch;
+}
+.gids-container--fixed-xl {
+  min-width: var(--gids-width-xl);
+  align-items: stretch;
+}
+.gids-container--fixed-auto {
+  max-width: auto;
+  min-width: auto;
+  align-items: stretch;
+}
+
+.gids-breadcrumb-item {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  hyphens: auto;
+  font-family: var(--gids-typography-label-medium__font-family);
+  font-size: var(--gids-typography-label-medium__font-size);
+  font-weight: var(--gids-typography-label-medium__font-weight);
+  letter-spacing: var(--gids-typography-label-medium__letter-spacing);
+  line-height: var(--gids-typography-label-medium__line-height);
+  text-transform: var(--gids-typography-label-medium__text-transform, inherit);
+  font-variant-caps: var(--gids-typography-label-medium__font-variant-caps, inherit);
+}
+.gids-breadcrumb-item--selected {
+  color: var(--gids-color-text-selected);
+}
+.gids-breadcrumb-item--not-selected {
+  color: var(--gids-color-text-subtle);
+}
+.gids-breadcrumb-item__leading-icon {
+  margin-right: var(--gids-gap-050);
+  cursor: pointer;
+}
+.gids-breadcrumb-item__anchor-label {
+  text-decoration: none;
+  cursor: pointer;
+}
+.gids-breadcrumb-item__separator-icon {
+  margin-left: var(--gids-gap-050);
+  --gidsIcon-color: var(--gids-color-icon-default);
+}
+
+.gids-breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+}
+.gids-breadcrumb .gids-breadcrumb-item {
+  gap: var(--gids-gap-100);
+}
+
+.gids-box-demo__container-with-text {
+  border: 1px dashed var(--gids-color-border-brand-default);
+}
+.gids-box-demo__container-empty {
+  width: 100px;
+  height: 100px;
+  border-radius: 5px;
+  background-color: var(--gids-color-border-brand-default);
+}
+.gids-box-demo__container-empty:hover {
+  background-color: var(--gids-color-border-brand-subtle);
+}
+
+.gids-container-demo__container {
+  background-color: var(--gids-color-background-information-default);
+  height: 100vh;
+}
+.gids-container-demo__text-element-div {
+  background-color: var(--gids-color-background-information-default);
+  height: 100vh;
+}
+
 /*
 	DO NOT EDIT THIS FILE!
 

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/index.scss","../src/styles/start.scss","../src/styles/3-generic/normalise.scss","../src/components/html/_GidsSpinnerControl/GidsSpinnerControl.scss","../src/components/html/GidsButton/GidsButton.scss","../src/styles/2-tools/typography.scss","../src/styles/2-tools/card.scss","../src/styles/2-tools/focus.scss","../src/components/html/GidsDivider/GidsDivider.scss","../src/components/html/GidsDisplayTag/GidsDisplayTag.scss","../src/styles/2-tools/tags.scss","../src/components/html/GidsIcon/GidsIcon.scss","../src/components/html/GidsLabel/GidsLabel.scss","../src/components/html/GidsLabel/GidsLabelInfo/GidsLabelInfo.scss","../src/styles/2-tools/links.scss","../src/components/html/GidsLink/GidsLink.scss","../src/components/html/GidsSpinner/GidsSpinner.scss","../src/components/html/_GidsCheckboxControl/GidsCheckboxControl.scss","../src/components/html/_GidsRadioControl/GidsRadioControl.scss","../src/components/html/_GidsSwitchControl/GidsSwitchControl.scss","../src/components/html/GidsCheckbox/GidsCheckbox.scss","../src/components/html/GidsRadio/GidsRadio.scss","../src/components/html/GidsSwitch/GidsSwitch.scss","../src/styles/2-tools/stack-layout.scss","../src/components/html/GidsBadge/GidsBadge.scss","../src/styles/2-tools/badge.scss","../src/components/html/GidsAvatar/GidsAvatar.scss","../src/components/html/GidsAvatarGroup/GidsAvatarGroup.scss","../src/styles/2-tools/group-container.scss","../src/components/html/GidsTagGroup/GidsTagGroup.scss","../src/components/html/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.scss","../src/components/html/GidsInputTag/GidsInputTag.scss","../src/styles/6-utilities/typography.scss","../src/styles/2-tools/accessibility.scss","../src/styles/6-utilities/visually-hidden.scss","../src/styles/end.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;ACAA;EACC;;;ACDD;EACC;;;ACKD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;EACA;EACA;;AAIF;EACC;IACC,mBA7Da;;EA+Dd;IACC;;;;AHzDH;AAAA;AAAA;AINA;EAOC;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EACA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EC/CA;EACA;EACA;EACA;EACA;EAGC;EAGD;ED8CA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA,SAEC;EASD;EAKA;AAyDA;AA6CA;AA0CA;AAuDA;;AA1LA;EACC;EACA;EAWA;EACA;EACA;EAIA;;AAID;EACC;EACA;EACA;EACA;EACA;;AAID;EACC;EACA;;AAID;EAEC;EACA;;AAID;EAEC;;AE+BC;EF3BD;;;AE2BC;EFpBD;EACA;;;AAKD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EAEA;;AGrLD;EACC;EACA;;AHyLD;EAEC;;AAMD;EACC;EACA;;AAIA;EACC;;AAGD;EACC;IACC;;EAED;IACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAMF;ECpOA;EACA;EACA;EACA;EACA;EAGC;EAGD;ED6NC;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EACA;;AAID;ECtPA;EACA;EACA;EACA;EACA;EAGC;EAGD;ED+OC;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EACA;;AAID;ECxQA;EACA;EACA;EACA;EACA;EAGC;EAGD;EDiQC;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EACA;;AAID;EACC;EACA;EACA;AAAA;AAAA;;AEhHC;EF2HA;EACA;;;AE5HA;EFgIA;;;AEhIA;EFoIA;;;AAIF;EACC;EACA;;AE1IC;EF6IA;;;AE7IA;EFiJA;;;AAGD;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;AAAA;AAAA;EAGA;AAAA;AAAA;;AAIA;EACC;;;AItWH;EACC;EACA;EAEA;;AAEA;EACC;EACA;EAEA;EACA;EACA;;;ACTF;EACC;ECAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAKA;EACA;ELhBA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AKWA;EACC;EACA;;AAGD;EL1BA;EACA;EACA;EACA;EACA;EAGC;EAGD;EKmBC;EAKA;EACA;;AACA;EACC;;AAIF;ELzCA;EACA;EACA;EACA;EACA;EAGC;EAGD;EKkCC;EAKA;EACA;;AACA;EACC;;AAIF;ELxDA;EACA;EACA;EACA;EACA;EAGC;EAGD;EKiDC;EAKA;EACA;;AACA;EACC;;AD/DF;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;AE3DF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;;AChBF;EACC;EACA;EPDA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AONA;EACC;;AAGD;EACC;;AAGD;EACC;;;AChBF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AChBF;EAEC;EAEA;EACA;EACA;EAEA;;AAEA;EACC;;ARmKC;EQ1JD;;;AAWD;EACC;EACA;EAWA;EACA;EACA;;;AC1CD;EVHA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUHA;EVPA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUCA;EVXA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUKA;EVfA;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AWXD;EACC;EACA;EACA;;AAEA;EACC;EACA;EXND;EACA;EACA;EACA;EACA;EAGC;EAGD;;AWAA;EACC;EXXD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AWMC;EXhBD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AWUC;EXpBD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AWgBC;EX1BD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AWoBC;EX9BD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AW0BC;EXpCD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AW8BC;EXxCD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AWoCC;EX9CD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AWwCC;EXlDD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AW8CC;EXxDD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AWkDC;EX5DD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AWwDC;EXlED;EACA;EACA;EACA;EACA;EAGC;EAGD;;AW4DC;EXtED;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AYXD;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAOA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAGC;EACC;;AAGD;EACC;;AAGD;EAEC;EACA;AAAA;AAAA;;AAIA;EACC;AAAA;AAAA;;AAKD;EACC;AAAA;AAAA;;AAOH;EACC;EACA;;AVxEF;EACC;EACA;;AU+ED;EAEC;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EAEC;;;AClGF;EAGC;EACA;EACA;EACA;EACA;EAEA;;AAQA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAKH;EACC;EACA;;AXlEF;EACC;EACA;;AWsED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;;ACtFF;EAEC;EACA;EACA;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AZpBD;EACC;EACA;;AYuBA;EACC;;AAGD;EACC;;AAID;EACC;;AAMC;EACC;;AAGD;EACC;;AAMH;EACC;EACA;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAGD;EACC;;AAGD;EAIC;;AAID;EAEC;EACA;;AAED;EACC;;;AC3FF;EAIC;EACA;EACA;;AAEA;EAEC;EACA;;AAGD;EAEC;;;AChBF;EAIC;EACA;EACA;;AAEA;EAEC;EACA;;AAGD;EAEC;;;AChBF;EAIC;EACA;EACA;;AAEA;EAEC;EACA;;AAGD;EAEC;;;ACfD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACCF;EACC;EACA;EACA;EACA;EACA;EACA;EACA,SAEC;EASD;EACA;EACA;EACA;EACA;EAGA;EnBzBA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AmBoBA;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;;ACnDF;AAAA;AAAA;ACCA;EACC;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;ErBXA;EACA;EACA;EACA;EACA;EAMA;EqBOA;ADZA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAqBA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;EAkBA;AAAA;AAAA;AAAA;EAKA;;AAGC;EACC;EACA;EAIA;EAKA;;ACvCF;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAID;EACC;ErBvCD;EACA;EACA;EACA;EACA;EAMA;;AqBmCC;EACC;;AAGF;EACC;ErBlDD;EACA;EACA;EACA;EACA;EAMA;;AqB8CC;EACC;;AAGF;EACC;ErB7DD;EACA;EACA;EACA;EACA;EAMA;;AqByDC;EACC;;AAMD;EACC;AAAA;AAAA;;AADD;EACC;AAAA;AAAA;;AADD;EACC;AAAA;AAAA;;AADD;EACC;AAAA;AAAA;;AADD;EACC;AAAA;AAAA;;;AASH;EACC;;;ACtFD;ECDC;EACA;EACA;;AACA;EACC;;AAGD;EACC;EACA;EACA;EAEA;;AAEA;EACC;;ADXF;EACC;EACA;;AAIA;EAGC;;;AEZH;EDDC;EACA;EACA;;AACA;EACC;;AAGD;EACC;EACA;EACA;EAEA;;AAEA;EACC;;;AEZH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AvBhBA;EACC;EACA;;AuBgBD;EACC;EAGA;EACA;;AAIA;EACC;;AAKD;EACC;EACA;;AAKD;EACC;EACA;;AAKD;EACC;EACA;;AAIF;EACC;;AAGD;EACC;;AAIA;EACC;;;AC3DH;EACC;EACA;EACA;EACA;ErBLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAKA;EACA;ELhBA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AKWA;EACC;EACA;;AAGD;EL1BA;EACA;EACA;EACA;EACA;EAGC;EAGD;EKmBC;EAKA;EACA;;AACA;EACC;;AAIF;ELzCA;EACA;EACA;EACA;EACA;EAGC;EAGD;EKkCC;EAKA;EACA;;AACA;EACC;;AAIF;ELxDA;EACA;EACA;EACA;EACA;EAGC;EAGD;EKiDC;EAKA;EACA;;AACA;EACC;;AqBzDF;EACC;EACA;EACA;;AAGD;EAEC;EACA;EACA;;;AxBtBD;EACC;EACA;;AwB0BD;EACC;;AAGD;EACC;;AAIA;EACC;;AAGD;EACC;;;AC3CH;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAWA;E3BRC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BED;E3BZC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BMD;E3BhBC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BUD;E3BpBC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BcD;E3BxBC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BkBD;E3B5BC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BsBD;E3BhCC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2B0BD;E3BpCC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2B8BD;E3BxCC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BkCD;E3B5CC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BsCD;E3BhDC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2B0CD;E3BpDC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2B8CD;E3BxDC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BkDD;E3B5DC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BsDD;E3BhEC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2B0DD;E3BpEC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2B8DD;E3BxEC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BkED;E3B5EC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2BsED;E3BhFC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2B0ED;E3BpFC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A2B8ED;E3BxFC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;A4BbD;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;ACEA;EDSC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AjCuBD;AAAA;AAAA;AmC1CA;EACC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../src/index.scss","../src/styles/start.scss","../src/styles/3-generic/normalise.scss","../src/components/html/_GidsSpinnerControl/GidsSpinnerControl.scss","../src/components/html/_GidsCheckboxControl/GidsCheckboxControl.scss","../src/styles/2-tools/focus.scss","../src/components/html/_GidsRadioControl/GidsRadioControl.scss","../src/components/html/_GidsSwitchControl/GidsSwitchControl.scss","../src/components/html/GidsButton/GidsButton.scss","../src/styles/2-tools/typography.scss","../src/styles/2-tools/card.scss","../src/components/html/GidsDivider/GidsDivider.scss","../src/components/html/GidsDisplayTag/GidsDisplayTag.scss","../src/styles/2-tools/tags.scss","../src/components/html/GidsIcon/GidsIcon.scss","../src/components/html/GidsLabel/GidsLabel.scss","../src/components/html/GidsLabel/GidsLabelInfo/GidsLabelInfo.scss","../src/styles/2-tools/links.scss","../src/components/html/GidsLink/GidsLink.scss","../src/components/html/GidsSpinner/GidsSpinner.scss","../src/components/html/GidsCheckbox/GidsCheckbox.scss","../src/components/html/GidsRadio/GidsRadio.scss","../src/components/html/GidsSwitch/GidsSwitch.scss","../src/styles/2-tools/stack-layout.scss","../src/components/html/GidsBadge/GidsBadge.scss","../src/styles/2-tools/badge.scss","../src/components/html/GidsAvatar/GidsAvatar.scss","../src/components/html/GidsAvatarGroup/GidsAvatarGroup.scss","../src/styles/2-tools/group-container.scss","../src/components/html/GidsTagGroup/GidsTagGroup.scss","../src/components/html/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.scss","../src/components/html/GidsInputTag/GidsInputTag.scss","../src/components/html/GidsButtonGroup/GidsButtonGroup.scss","../src/components/html/GidsButtonDock/GidsButtonDock.scss","../src/components/html/GidsSectionNotice/GidsSectionNotice.scss","../src/components/html/GidsCompoundButton/GidsCompoundButton.scss","../src/components/html/GidsBox/GidsBox.scss","../src/components/html/GidsContainer/GidsContainer.scss","../src/components/html/GidsBreadcrumbItem/GidsBreadcrumbItem.scss","../src/components/html/GidsBreadcrumb/GidsBreadcrumb.scss","../src/components/html/GidsBox/GidsBoxDemo.scss","../src/components/html/GidsContainer/GidsContainerDemo.scss","../src/styles/6-utilities/typography.scss","../src/styles/2-tools/accessibility.scss","../src/styles/6-utilities/visually-hidden.scss","../src/styles/end.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;ACAA;EACC;;;ACDD;EACC;;;ACKD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;EACA;EACA;;AAIF;EACC;IACC,mBA7Da;;EA+Dd;IACC;;;;AClEH;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAOA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAGC;EACC;;AAGD;EACC;;AAGD;EAEC;EACA;AAAA;AAAA;;AAIA;EACC;AAAA;AAAA;;AAKD;EACC;AAAA;AAAA;;AAOH;EACC;EACA;;ACxEF;EACC;EACA;;AD+ED;EAEC;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EAEC;;;AElGF;EAGC;EACA;EACA;EACA;EACA;EAEA;;AAQA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAKH;EACC;EACA;;ADlEF;EACC;EACA;;ACsED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;;ACtFF;EAEC;EACA;EACA;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFpBD;EACC;EACA;;AEuBA;EACC;;AAGD;EACC;;AAID;EACC;;AAMC;EACC;;AAGD;EACC;;AAMH;EACC;EACA;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAGD;EACC;;AAGD;EAIC;;AAID;EAEC;EACA;;AAED;EACC;;;AP7EF;AAAA;AAAA;AQTA;EAOC;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EACA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EC/CA;EACA;EACA;EACA;EACA;EAGC;EAGD;ED8CA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA,SAEC;EASD;EAKA;AAyDA;AA6CA;AA0CA;AAuDA;;AA1LA;EACC;EACA;EAWA;EACA;EACA;EAIA;;AAID;EACC;EACA;EACA;EACA;EACA;;AAID;EACC;EACA;;AAID;EAEC;EACA;;AAID;EAEC;;AE+BC;EF3BD;;;AE2BC;EFpBD;EACA;;;AAKD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EAEA;;AHrLD;EACC;EACA;;AGyLD;EAEC;;AAMD;EACC;EACA;;AAIA;EACC;;AAGD;EACC;IACC;;EAED;IACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAMF;ECpOA;EACA;EACA;EACA;EACA;EAGC;EAGD;ED6NC;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EACA;;AAID;ECtPA;EACA;EACA;EACA;EACA;EAGC;EAGD;ED+OC;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EACA;;AAID;ECxQA;EACA;EACA;EACA;EACA;EAGC;EAGD;EDiQC;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EACA;;AAID;EACC;EACA;EACA;AAAA;AAAA;;AEhHC;EF2HA;EACA;;;AE5HA;EFgIA;;;AEhIA;EFoIA;;;AAIF;EACC;EACA;;AE1IC;EF6IA;;;AE7IA;EFiJA;;;AAGD;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;AAAA;AAAA;EAGA;AAAA;AAAA;;AAIA;EACC;;;AGtWH;EACC;EACA;EAEA;;AAEA;EACC;EACA;EAEA;EACA;EACA;;;ACTF;EACC;ECAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAKA;EACA;EJhBA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AIWA;EACC;EACA;;AAGD;EJ1BA;EACA;EACA;EACA;EACA;EAGC;EAGD;EImBC;EAKA;EACA;;AACA;EACC;;AAIF;EJzCA;EACA;EACA;EACA;EACA;EAGC;EAGD;EIkCC;EAKA;EACA;;AACA;EACC;;AAIF;EJxDA;EACA;EACA;EACA;EACA;EAGC;EAGD;EIiDC;EAKA;EACA;;AACA;EACC;;AD/DF;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;AE3DF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;;AChBF;EACC;EACA;ENDA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AMNA;EACC;;AAGD;EACC;;AAGD;EACC;;;AChBF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AChBF;EAEC;EAEA;EACA;EACA;EAEA;;AAEA;EACC;;APmKC;EO1JD;;;AAWD;EACC;EACA;EAWA;EACA;EACA;;;AC1CD;ETHA;EACA;EACA;EACA;EACA;EAGC;EAGD;;ASHA;ETPA;EACA;EACA;EACA;EACA;EAGC;EAGD;;ASCA;ETXA;EACA;EACA;EACA;EACA;EAGC;EAGD;;ASKA;ETfA;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AUXD;EACC;EACA;EACA;;AAEA;EACC;EACA;EVND;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUAA;EACC;EVXD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUMC;EVhBD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUUC;EVpBD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUgBC;EV1BD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUoBC;EV9BD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AU0BC;EVpCD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AU8BC;EVxCD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUoCC;EV9CD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUwCC;EVlDD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AU8CC;EVxDD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUkDC;EV5DD;EACA;EACA;EACA;EACA;EAGC;EAGD;;AUwDC;EVlED;EACA;EACA;EACA;EACA;EAGC;EAGD;;AU4DC;EVtED;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AWbD;EAIC;EACA;EACA;;AAEA;EAEC;EACA;;AAGD;EAEC;;;AChBF;EAIC;EACA;EACA;;AAEA;EAEC;EACA;;AAGD;EAEC;;;AChBF;EAIC;EACA;EACA;;AAEA;EAEC;EACA;;AAGD;EAEC;;;ACfD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACCF;EACC;EACA;EACA;EACA;EACA;EACA;EACA,SAEC;EASD;EACA;EACA;EACA;EACA;EAGA;EfzBA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AeoBA;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;;ACnDF;AAAA;AAAA;ACCA;EACC;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EjBXA;EACA;EACA;EACA;EACA;EAMA;EiBOA;ADZA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAqBA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;EAkBA;AAAA;AAAA;AAAA;EAKA;;AAGC;EACC;EACA;EAIA;EAKA;;ACvCF;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAID;EACC;EjBvCD;EACA;EACA;EACA;EACA;EAMA;;AiBmCC;EACC;;AAGF;EACC;EjBlDD;EACA;EACA;EACA;EACA;EAMA;;AiB8CC;EACC;;AAGF;EACC;EjB7DD;EACA;EACA;EACA;EACA;EAMA;;AiByDC;EACC;;AAMD;EACC;AAAA;AAAA;;AADD;EACC;AAAA;AAAA;;AADD;EACC;AAAA;AAAA;;AADD;EACC;AAAA;AAAA;;AADD;EACC;AAAA;AAAA;;;AASH;EACC;;;ACtFD;ECDC;EACA;EACA;;AACA;EACC;;AAGD;EACC;EACA;EACA;EAEA;;AAEA;EACC;;ADXF;EACC;EACA;;AAIA;EAGC;;;AEZH;EDDC;EACA;EACA;;AACA;EACC;;AAGD;EACC;EACA;EACA;EAEA;;AAEA;EACC;;;AEZH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AzBhBA;EACC;EACA;;AyBgBD;EACC;EAGA;EACA;;AAIA;EACC;;AAKD;EACC;EACA;;AAKD;EACC;EACA;;AAKD;EACC;EACA;;AAIF;EACC;;AAGD;EACC;;AAIA;EACC;;;AC3DH;EACC;EACA;EACA;EACA;ElBLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAKA;EACA;EJhBA;EACA;EACA;EACA;EACA;EAGC;EAGD;;AIWA;EACC;EACA;;AAGD;EJ1BA;EACA;EACA;EACA;EACA;EAGC;EAGD;EImBC;EAKA;EACA;;AACA;EACC;;AAIF;EJzCA;EACA;EACA;EACA;EACA;EAGC;EAGD;EIkCC;EAKA;EACA;;AACA;EACC;;AAIF;EJxDA;EACA;EACA;EACA;EACA;EAGC;EAGD;EIiDC;EAKA;EACA;;AACA;EACC;;AkBzDF;EACC;EACA;EACA;;AAGD;EAEC;EACA;EACA;;;A1BtBD;EACC;EACA;;A0B0BD;EACC;;AAGD;EACC;;AAIA;EACC;;AAGD;EACC;;;ACzCH;EJDC;EACA;EACA;;AACA;EACC;;AAGD;EACC;EACA;EACA;EAEA;;AAEA;EACC;;;AKhBH;EACC;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EAEA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EAEC;EACA;EACA;;;AAIF;EAEE;IAEC;IACA;;EAGD;IACC;;EAGD;IACC;;;ACtCH;EACC;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EzB1BA;EACA;EACA;EACA;EACA;EAGC;EAGD;EyBkBC;;AAGD;EzB/BA;EACA;EACA;EACA;EACA;EAGC;EAGD;EyBuBC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;;AC5EF;EACC;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAGD;E1BtBA;EACA;EACA;EACA;EACA;EAGC;EAGD;E0BcC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;;ACtFF;EACC;EAEA;;;ACHD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;;;ACvDF;EAGC;EACA;EACA;EACA;E7BNA;EACA;EACA;EACA;EACA;EAGC;EAGD;;A6BAA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;ACjCF;EACC;EACA;;AAEA;EACC;;;ACJD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;;ACXF;EACC;EACA;;AAGD;EACC;EACA;;;ACRF;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAWA;EjCRC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCED;EjCZC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCMD;EjChBC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCUD;EjCpBC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCcD;EjCxBC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCkBD;EjC5BC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCsBD;EjChCC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiC0BD;EjCpCC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiC8BD;EjCxCC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCkCD;EjC5CC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCsCD;EjChDC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiC0CD;EjCpDC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiC8CD;EjCxDC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCkDD;EjC5DC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCsDD;EjChEC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiC0DD;EjCpEC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiC8DD;EjCxEC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCkED;EjC5EC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiCsED;EjChFC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiC0ED;EjCpFC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AiC8ED;EjCxFC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AkCbD;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;ACEA;EDSC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A3CmCD;AAAA;AAAA;A6CtDA;EACC","file":"index.css"}

package/dist/types/components/html/GidsBox/GidsBox.d.ts

@@ -0,0 +1,6 @@
+import { ClassValue, type GidsBoxWebProps, PermittedGidsBoxElements } from '@ganpatiinfo/gids-web-shared';
+import { type VNode } from '../../../stencil-public-runtime';
+export type GidsBoxProps<E extends PermittedGidsBoxElements> = GidsBoxWebProps<VNode, E> & {
+    class?: ClassValue;
+};
+export declare const GidsBox: <E extends PermittedGidsBoxElements = "div">({ children, component, class: className, ...rest }: GidsBoxProps<E>) => VNode | VNode[];

package/dist/types/components/html/GidsBreadcrumb/GidsBreadcrumb.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionalComponent, JSXBase, VNode } from '../../../stencil-public-runtime';
+import { type GidsBreadcrumbCommonProps } from '@ganpatiinfo/gids-core-shared';
+export type GidsBreadcrumbProps = GidsBreadcrumbCommonProps<VNode | VNode[]> & Omit<JSXBase.IntrinsicElements['nav'], 'children' | 'onClick'>;
+export declare const GidsBreadcrumb: FunctionalComponent<GidsBreadcrumbProps>;

package/dist/types/components/html/GidsBreadcrumbItem/GidsBreadcrumbItem.d.ts

@@ -0,0 +1,7 @@
+import { type GidsBreadcrumbItemCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type FunctionalComponent, type JSXBase, type VNode } from '../../../stencil-public-runtime';
+export type GidsBreadcrumbItemProps = JSXBase.IntrinsicElements['li'] & GidsBreadcrumbItemCommonProps<VNode, string, string> & {
+    href?: string;
+    onClick?: (even: MouseEvent) => void;
+};
+export declare const GidsBreadcrumbItem: FunctionalComponent<GidsBreadcrumbItemProps>;

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

@@ -0,0 +1,5 @@
+import { type FunctionalComponent } from '../../../stencil-public-runtime';
+import { VNode, type JSXBase } from '../../../stencil-public-runtime';
+import { type GidsButtonDockCommonProps } from '@ganpatiinfo/gids-core-shared';
+export type GidsButtonDockProps = JSXBase.IntrinsicElements['div'] & GidsButtonDockCommonProps<VNode[]>;
+export declare const GidsButtonDock: FunctionalComponent<GidsButtonDockProps>;

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

@@ -0,0 +1,5 @@
+import { type FunctionalComponent, type VNode } from '../../../stencil-public-runtime';
+import { type JSXBase } from '../../../stencil-public-runtime';
+import { type GidsButtonGroupCommonProps } from '@ganpatiinfo/gids-core-shared';
+export type GidsButtonGroupProps = JSXBase.IntrinsicElements['span'] & GidsButtonGroupCommonProps<VNode[]>;
+export declare const GidsButtonGroup: FunctionalComponent<GidsButtonGroupProps>;

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

@@ -0,0 +1,8 @@
+import { type VNode, type JSXBase, type FunctionalComponent } from '../../../stencil-public-runtime';
+import { GidsCompoundButtonCommonProps } from '@ganpatiinfo/gids-core-shared';
+export type GidsCompoundButtonProps = JSXBase.IntrinsicElements['button'] & GidsCompoundButtonCommonProps<VNode | VNode[], VNode | VNode[]> & {
+    onClick?: (event: MouseEvent) => void;
+    onChangeCheckbox?: (event: Event) => void;
+    onChangeRadio?: (event: Event) => void;
+};
+export declare const GidsCompoundButton: FunctionalComponent<GidsCompoundButtonProps>;

package/dist/types/components/html/GidsContainer/GidsContainer.d.ts

@@ -0,0 +1,4 @@
+import { type GidsContainerWebProps } from '@ganpatiinfo/gids-web-shared';
+import { type FunctionalComponent, type JSXBase, type VNode } from '../../../stencil-public-runtime';
+export type GidsContainerProps = JSXBase.IntrinsicElements['div'] & GidsContainerWebProps<VNode>;
+export declare const GidsContainer: FunctionalComponent<GidsContainerProps>;

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

@@ -0,0 +1,6 @@
+import { type GidsSectionNoticeCommonProps } from '@ganpatiinfo/gids-core-shared';
+import type { FunctionalComponent, VNode, JSXBase } from '../../../stencil-public-runtime';
+export type GidsSectionNoticeProps = JSXBase.IntrinsicElements['div'] & GidsSectionNoticeCommonProps<VNode[], VNode> & {
+    onClickDismiss?: (event: MouseEvent) => void;
+};
+export declare const GidsSectionNotice: FunctionalComponent<GidsSectionNoticeProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ganpatiinfo/gids-core-web",
-	"version": "2.0.7",
+	"version": "2.1.0",
 	"private": false,
 	"description": "This is a core web package contains html components",
 	"homepage": "https://ganpatiinfosystem.vercel.app/",
@@ -84,8 +84,8 @@
 	},
 	"dependencies": {
 		"clsx": "^2.1.1",
-		"@ganpatiinfo/gids-core-shared": "^2.0.8",
-		"@ganpatiinfo/gids-web-shared": "^2.0.8"
+		"@ganpatiinfo/gids-core-shared": "^2.1.0",
+		"@ganpatiinfo/gids-web-shared": "^2.1.0"
 	},
 	"devDependencies": {
 		"@babel/preset-env": "^7.27.2",
@@ -96,7 +96,7 @@
 		"@ganpatiinfo/gids-liquid-renderer": "^2.0.6",
 		"@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.1.0",
 		"@ganpatiinfo/gids-web-theme-ganpatiinfo": "^2.0.7",
 		"@jest/globals": "^29.7.0",
 		"@stencil/angular-output-target": "^0.10.2",