@ganpatiinfo/gids-core-web 2.0.5 → 2.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,7 +12,7 @@
12
12
  "name": "*",
13
13
  "declaration": {
14
14
  "name": "*",
15
- "package": "./utils/constructedGidsStylesheet"
15
+ "package": "./utils/constructedGidsStylesheet.js"
16
16
  }
17
17
  },
18
18
  {
@@ -1,4 +1,4 @@
1
- import { h, p as proxyCustomElement, H, e as createEvent, d as getConstructedGidsStylesheet, f as Host } from './p-DXWsIVvG.js';
1
+ import { h, p as proxyCustomElement, H, e as createEvent, d as getConstructedGidsStylesheet, f as Host } from './p-C0FfV2mK.js';
2
2
  import { GidsSpinnerControlWebUtils, GidsButtonWebUtils, nonEmpty } from '@ganpatiinfo/gids-web-shared';
3
3
  import { GidsSpinnerControlCommonUtils } from '@ganpatiinfo/gids-core-shared';
4
4
 
@@ -84,9 +84,9 @@ const GidsToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class GidsToggleButt
84
84
  this.select?.emit(toggledValue);
85
85
  }
86
86
  render() {
87
- return (h(Host, { key: '5325aafb2311b47df024410009b368e84ae23e35' }, h("style", { key: 'bf7e5a1623ed267a5f558e2b61baea50d298cabb' }, `:host {
87
+ return (h(Host, { key: '5c54c2974c214043b8d07e03d1bba4428106e2aa' }, h("style", { key: '9d90d24d0b47e87cf0b62d906f05cd2fab689950' }, `:host {
88
88
  display: ${this.width === 'full' ? 'block' : 'inline-block'}
89
- }`), h(GidsButton, { key: '90cb7509ac3972f45040c621bbf2850947a11c8b', appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? 'true' : 'false', leadingIcon: h("slot", { name: "leadingIcon" }), trailingIcon: h("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, h("slot", { key: '071bf6162ebc2870e7a075a45a1bf9d38b2e286f' }))));
89
+ }`), h(GidsButton, { key: 'e48005f27f637b9f03c9c1e6e0cf13bb0687a6ce', appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? 'true' : 'false', leadingIcon: h("slot", { name: "leadingIcon" }), trailingIcon: h("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, h("slot", { key: 'e727c6972563dbb7320dc0157a2522df459a8635' }))));
90
90
  }
91
91
  _onlyHasLeadingIcon() {
92
92
  const childNodes = this._el.childNodes;
@@ -1 +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';\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';\nimport { getConstructedGidsStylesheet } from '../../../utils/constructedGidsStylesheet';\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}
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}
package/dist/index.css CHANGED
@@ -986,6 +986,382 @@ gids-global-styles-start {
986
986
  margin-top: var(--gids-gap-100);
987
987
  }
988
988
 
989
+ .gids-badge {
990
+ display: inline-flex;
991
+ justify-content: center;
992
+ align-items: center;
993
+ background-color: var(--gids-color-background-danger-bold-default);
994
+ height: var(--gids-size-200);
995
+ min-width: var(--gids-size-200);
996
+ padding: calc(var(--gids-padding-vertical-edge-to-element-025) - var(--gids-border-width-thin)) calc(var(--gids-padding-horizontal-edge-to-element-075) - var(--gids-border-width-thin));
997
+ border-radius: var(--gids-border-radius-full);
998
+ border-width: var(--gids-border-width-thin);
999
+ border-style: solid;
1000
+ border-color: transparent;
1001
+ color: var(--gids-color-text-inverse);
1002
+ background-color: var(--gids-color-background-information-bold-default);
1003
+ font-family: var(--gids-typography-label-x-small__font-family);
1004
+ font-size: var(--gids-typography-label-x-small__font-size);
1005
+ font-weight: var(--gids-typography-label-x-small__font-weight);
1006
+ letter-spacing: var(--gids-typography-label-x-small__letter-spacing);
1007
+ line-height: var(--gids-typography-label-x-small__line-height);
1008
+ text-transform: var(--gids-typography-label-x-small__text-transform, inherit);
1009
+ font-variant-caps: var(--gids-typography-label-x-small__font-variant-caps, inherit);
1010
+ }
1011
+ .gids-badge--dot {
1012
+ height: var(--gids-size-100);
1013
+ min-width: var(--gids-size-100);
1014
+ border-radius: var(--gids-border-radius-full);
1015
+ padding: 0px;
1016
+ }
1017
+ .gids-badge--outline {
1018
+ border-color: var(--gids-color-border-inverse);
1019
+ }
1020
+ .gids-badge--danger {
1021
+ background-color: var(--gids-color-background-danger-bold-default);
1022
+ }
1023
+ .gids-badge--positive {
1024
+ background-color: var(--gids-color-background-positive-bold-default);
1025
+ }
1026
+ .gids-badge--warning {
1027
+ background-color: var(--gids-color-background-warning-bold-default);
1028
+ }
1029
+
1030
+ /**
1031
+ Allows an element to have a nested GIDS Badge positioned at the top-right corner.
1032
+ */
1033
+ .gids-avatar {
1034
+ display: flex;
1035
+ align-items: center;
1036
+ justify-content: center;
1037
+ border-radius: 50%;
1038
+ background-color: var(--gidsAvatar-background-color, var(--gids-color-background-brand-bold-default));
1039
+ color: var(--gids-color-text-inverse);
1040
+ width: var(--gidsAvatar-size, var(--gids-size-320));
1041
+ height: var(--gidsAvatar-size, var(--gids-size-320));
1042
+ font-family: var(--gids-typography-label-small__font-family);
1043
+ font-size: var(--gids-typography-label-small__font-size);
1044
+ font-weight: var(--gids-typography-label-small__font-weight);
1045
+ letter-spacing: var(--gids-typography-label-small__letter-spacing);
1046
+ line-height: var(--gids-typography-label-small__line-height);
1047
+ font-variant-caps: var(--gids-typography-label-small__font-variant-caps, inherit);
1048
+ text-transform: uppercase;
1049
+ /*
1050
+ Badges need to be nudged to the right by their border radius.
1051
+
1052
+ - 1) Dot style Badges are always perfect circles, so 50% of their width does the trick.
1053
+ - 2) Notification style Badges might be pill-shaped, so need to shift them by half their height.
1054
+
1055
+ For a dot Badge, 50% of its width (1) will be less that the nudge amount for a
1056
+ pill-shaped Badge (2), so that should be used.
1057
+
1058
+ For a notification circle, the nudge amount (2) will be equal to 50% of the Badge's width
1059
+ if it is a perfect cirle, but smaller than half its width if it is a pill shape.
1060
+
1061
+ Therefore min( (1), (2) ) will always return the correct nudge amount.
1062
+
1063
+ Finally, since we will use this within a translate() function and want to nudge the
1064
+ Badge to the right, we need to negate the nudge amount.
1065
+ */
1066
+ /*
1067
+ --gidsWidthBadge-offset is the offset from the top and right edges of the
1068
+ container's bounding box to the centre of the Badge.
1069
+
1070
+ If the container has rounded corners, we want the centre of the Badge to sit
1071
+ that rounded border, not the corner of its bounding box.
1072
+
1073
+ The container's top right rounded corner is like a quarter of a circle with radius
1074
+ of $container-border-radius. We want our Badge to sit half way along that curve.
1075
+ In other words, if we drew a line from the centre of that circle up and to the right
1076
+ at a 45 degree angle, it would intersect the circle at our target point.
1077
+ That's a perfect right-angled triangle with hypotenuse of $container-border-radius, so
1078
+ the length of the other two sides is $container-border-radius * sin(45deg).
1079
+
1080
+ Finally, since we need the offset from the top right corner of the container's border box,
1081
+ we need to subtract that length from the border radius.
1082
+ */
1083
+ --gidsWithBadge-offset: calc(
1084
+ calc(var(--gidsAvatar-size, var(--gids-size-320)) / 2) -
1085
+ (calc(var(--gidsAvatar-size, var(--gids-size-320)) / 2) * 0.7071067812)
1086
+ );
1087
+ position: relative;
1088
+ }
1089
+ .gids-avatar .gids-badge {
1090
+ position: absolute;
1091
+ top: var(--gidsWithBadge-offset);
1092
+ left: calc(100% - var(--gidsWithBadge-offset));
1093
+ transform: translate(calc(-1 * min(var(--gids-size-200) / 2, 50%)), -50%);
1094
+ }
1095
+ .gids-avatar .gids-icon {
1096
+ --gidsIcon-color: currentColor;
1097
+ --gidsIcon-height: var(--gids-size-160);
1098
+ }
1099
+ .gids-avatar img {
1100
+ border-radius: 50%;
1101
+ display: block;
1102
+ width: 100%;
1103
+ height: 100%;
1104
+ object-fit: cover;
1105
+ }
1106
+ .gids-avatar--sm {
1107
+ --gidsAvatar-size: var(--gids-size-240);
1108
+ font-family: var(--gids-typography-label-x-small__font-family);
1109
+ font-size: var(--gids-typography-label-x-small__font-size);
1110
+ font-weight: var(--gids-typography-label-x-small__font-weight);
1111
+ letter-spacing: var(--gids-typography-label-x-small__letter-spacing);
1112
+ line-height: var(--gids-typography-label-x-small__line-height);
1113
+ font-variant-caps: var(--gids-typography-label-x-small__font-variant-caps, inherit);
1114
+ }
1115
+ .gids-avatar--sm .gids-icon {
1116
+ --gidsIcon-height: var(--gids-size-120);
1117
+ }
1118
+ .gids-avatar--lg {
1119
+ --gidsAvatar-size: var(--gids-size-400);
1120
+ font-family: var(--gids-typography-label-large__font-family);
1121
+ font-size: var(--gids-typography-label-large__font-size);
1122
+ font-weight: var(--gids-typography-label-large__font-weight);
1123
+ letter-spacing: var(--gids-typography-label-large__letter-spacing);
1124
+ line-height: var(--gids-typography-label-large__line-height);
1125
+ font-variant-caps: var(--gids-typography-label-large__font-variant-caps, inherit);
1126
+ }
1127
+ .gids-avatar--lg .gids-icon {
1128
+ --gidsIcon-height: var(--gids-size-240);
1129
+ }
1130
+ .gids-avatar--xl {
1131
+ --gidsAvatar-size: var(--gids-size-480);
1132
+ font-family: var(--gids-typography-heading-x-small__font-family);
1133
+ font-size: var(--gids-typography-heading-x-small__font-size);
1134
+ font-weight: var(--gids-typography-heading-x-small__font-weight);
1135
+ letter-spacing: var(--gids-typography-heading-x-small__letter-spacing);
1136
+ line-height: var(--gids-typography-heading-x-small__line-height);
1137
+ font-variant-caps: var(--gids-typography-heading-x-small__font-variant-caps, inherit);
1138
+ }
1139
+ .gids-avatar--xl .gids-icon {
1140
+ --gidsIcon-height: var(--gids-size-320);
1141
+ }
1142
+ .gids-avatar--accent-1 {
1143
+ --gidsAvatar-background-color: var(
1144
+ --gids-color-background-accent-1-bolder-default
1145
+ );
1146
+ }
1147
+ .gids-avatar--accent-2 {
1148
+ --gidsAvatar-background-color: var(
1149
+ --gids-color-background-accent-2-bolder-default
1150
+ );
1151
+ }
1152
+ .gids-avatar--accent-3 {
1153
+ --gidsAvatar-background-color: var(
1154
+ --gids-color-background-accent-3-bolder-default
1155
+ );
1156
+ }
1157
+ .gids-avatar--accent-4 {
1158
+ --gidsAvatar-background-color: var(
1159
+ --gids-color-background-accent-4-bolder-default
1160
+ );
1161
+ }
1162
+ .gids-avatar--accent-5 {
1163
+ --gidsAvatar-background-color: var(
1164
+ --gids-color-background-accent-5-bolder-default
1165
+ );
1166
+ }
1167
+
1168
+ .gids-avatar:has(img) {
1169
+ background: none;
1170
+ }
1171
+
1172
+ .gids-avatar-group {
1173
+ display: flex;
1174
+ gap: var(--gids-gap-100);
1175
+ flex-wrap: wrap;
1176
+ }
1177
+ .gids-avatar-group > * {
1178
+ flex-shrink: 0;
1179
+ }
1180
+ .gids-avatar-group--scroll {
1181
+ overflow-x: auto;
1182
+ width: 100%;
1183
+ flex-wrap: nowrap;
1184
+ scrollbar-width: none;
1185
+ }
1186
+ .gids-avatar-group--scroll::-webkit-scrollbar {
1187
+ display: none;
1188
+ }
1189
+ .gids-avatar-group--stack {
1190
+ gap: var(--gids-gap-100) var(--gids-gap-0);
1191
+ padding-left: var(--gids-gap-100);
1192
+ }
1193
+ .gids-avatar-group--stack > * {
1194
+ margin-left: calc(-1 * var(--gids-gap-100));
1195
+ }
1196
+
1197
+ .gids-tag-group {
1198
+ display: flex;
1199
+ gap: var(--gids-gap-100);
1200
+ flex-wrap: wrap;
1201
+ }
1202
+ .gids-tag-group > * {
1203
+ flex-shrink: 0;
1204
+ }
1205
+ .gids-tag-group--scroll {
1206
+ overflow-x: auto;
1207
+ width: 100%;
1208
+ flex-wrap: nowrap;
1209
+ scrollbar-width: none;
1210
+ }
1211
+ .gids-tag-group--scroll::-webkit-scrollbar {
1212
+ display: none;
1213
+ }
1214
+
1215
+ .gids-input-tag-button {
1216
+ color: inherit;
1217
+ background-color: transparent;
1218
+ border: none;
1219
+ margin: 0;
1220
+ padding: 0;
1221
+ text-align: inherit;
1222
+ font: inherit;
1223
+ border-radius: 0;
1224
+ appearance: none;
1225
+ display: inline-flex;
1226
+ justify-content: "center";
1227
+ align-self: "flex-start";
1228
+ border-radius: var(--gids-border-radius-full);
1229
+ }
1230
+ .gids-input-tag-button:focus-visible {
1231
+ outline: var(--gids-border-width-thick) solid var(--gids-color-border-focused);
1232
+ outline-offset: var(--gids-border-width-thick);
1233
+ }
1234
+ .gids-input-tag-button .gids-icon {
1235
+ --gidsIcon-color: var(--gids-color-icon-default);
1236
+ width: var(--gids-size-160);
1237
+ height: var(--gids-size-160);
1238
+ }
1239
+ .gids-input-tag-button--bold .gids-icon {
1240
+ --gidsIcon-color: var(--gids-color-icon-inverse);
1241
+ }
1242
+ .gids-input-tag-button--xsmall .gids-icon {
1243
+ width: var(--gids-size-120);
1244
+ height: var(--gids-size-120);
1245
+ }
1246
+ .gids-input-tag-button--small .gids-icon {
1247
+ width: var(--gids-size-160);
1248
+ height: var(--gids-size-160);
1249
+ }
1250
+ .gids-input-tag-button--large .gids-icon {
1251
+ width: var(--gids-size-240);
1252
+ height: var(--gids-size-240);
1253
+ }
1254
+ .gids-input-tag-button:not(:disabled):hover {
1255
+ background-color: var(--gids-color-background-neutral-subtle-hovered);
1256
+ }
1257
+ .gids-input-tag-button:not(:disabled):active {
1258
+ background-color: var(--gids-color-background-neutral-subtle-pressed);
1259
+ }
1260
+ .gids-input-tag-button:disabled .gids-icon {
1261
+ --gidsIcon-color: var(--gids-color-icon-disabled);
1262
+ }
1263
+
1264
+ .gids-input-tag {
1265
+ appearance: none;
1266
+ color: var(--gids-color-text-accent-5);
1267
+ border-color: var(--gids-color-border-default);
1268
+ background-color: var(--gids-color-background-neutral-subtle-default);
1269
+ display: inline-flex;
1270
+ flex-shrink: 0;
1271
+ justify-content: center;
1272
+ align-content: center;
1273
+ align-items: center;
1274
+ border-style: solid;
1275
+ border-radius: var(--gids-border-radius-sm);
1276
+ border-width: var(--gids-border-width-thin);
1277
+ padding: 0 calc(var(--gids-padding-horizontal-edge-to-element-100) - var(--gids-border-width-thin));
1278
+ min-height: var(--gids-size-320);
1279
+ gap: var(--gids-gap-100);
1280
+ font-family: var(--gids-typography-label-medium__font-family);
1281
+ font-size: var(--gids-typography-label-medium__font-size);
1282
+ font-weight: var(--gids-typography-label-medium__font-weight);
1283
+ letter-spacing: var(--gids-typography-label-medium__letter-spacing);
1284
+ line-height: var(--gids-typography-label-medium__line-height);
1285
+ text-transform: var(--gids-typography-label-medium__text-transform, inherit);
1286
+ font-variant-caps: var(--gids-typography-label-medium__font-variant-caps, inherit);
1287
+ }
1288
+ .gids-input-tag .gids-icon {
1289
+ --gidsIcon-color: currentColor;
1290
+ --gidsIcon-height: var(--gids-size-240);
1291
+ }
1292
+ .gids-input-tag--xsmall {
1293
+ font-family: var(--gids-typography-label-x-small__font-family);
1294
+ font-size: var(--gids-typography-label-x-small__font-size);
1295
+ font-weight: var(--gids-typography-label-x-small__font-weight);
1296
+ letter-spacing: var(--gids-typography-label-x-small__letter-spacing);
1297
+ line-height: var(--gids-typography-label-x-small__line-height);
1298
+ text-transform: var(--gids-typography-label-x-small__text-transform, inherit);
1299
+ font-variant-caps: var(--gids-typography-label-x-small__font-variant-caps, inherit);
1300
+ padding: 0 calc(var(--gids-padding-horizontal-edge-to-element-050) - var(--gids-border-width-thin));
1301
+ min-height: var(--gids-size-200);
1302
+ gap: var(--gids-gap-050);
1303
+ }
1304
+ .gids-input-tag--xsmall .gids-icon {
1305
+ --gidsIcon-height: var(--gids-size-120);
1306
+ }
1307
+ .gids-input-tag--small {
1308
+ font-family: var(--gids-typography-label-small__font-family);
1309
+ font-size: var(--gids-typography-label-small__font-size);
1310
+ font-weight: var(--gids-typography-label-small__font-weight);
1311
+ letter-spacing: var(--gids-typography-label-small__letter-spacing);
1312
+ line-height: var(--gids-typography-label-small__line-height);
1313
+ text-transform: var(--gids-typography-label-small__text-transform, inherit);
1314
+ font-variant-caps: var(--gids-typography-label-small__font-variant-caps, inherit);
1315
+ padding: 0 calc(var(--gids-padding-horizontal-edge-to-element-100) - var(--gids-border-width-thin));
1316
+ min-height: var(--gids-size-240);
1317
+ gap: var(--gids-gap-100);
1318
+ }
1319
+ .gids-input-tag--small .gids-icon {
1320
+ --gidsIcon-height: var(--gids-size-160);
1321
+ }
1322
+ .gids-input-tag--large {
1323
+ font-family: var(--gids-typography-label-large__font-family);
1324
+ font-size: var(--gids-typography-label-large__font-size);
1325
+ font-weight: var(--gids-typography-label-large__font-weight);
1326
+ letter-spacing: var(--gids-typography-label-large__letter-spacing);
1327
+ line-height: var(--gids-typography-label-large__line-height);
1328
+ text-transform: var(--gids-typography-label-large__text-transform, inherit);
1329
+ font-variant-caps: var(--gids-typography-label-large__font-variant-caps, inherit);
1330
+ padding: 0 calc(var(--gids-padding-horizontal-edge-to-element-150) - var(--gids-border-width-thin));
1331
+ min-height: var(--gids-size-400);
1332
+ gap: var(--gids-gap-150);
1333
+ }
1334
+ .gids-input-tag--large .gids-icon {
1335
+ --gidsIcon-height: var(--gids-size-240);
1336
+ }
1337
+ .gids-input-tag--bold {
1338
+ background-color: var(--gids-color-background-neutral-bold-default);
1339
+ border-color: var(gids-color-brder-bolder);
1340
+ color: var(--gids-color-text-inverse);
1341
+ }
1342
+ .gids-input-tag:disabled, .gids-input-tag--disabled {
1343
+ color: var(--gids-color-text-disabled);
1344
+ border-color: var(--gids-color-border-disabled);
1345
+ background-color: var(--gids-color-background-disabled);
1346
+ }
1347
+
1348
+ button.gids-input-tag:focus-visible {
1349
+ outline: var(--gids-border-width-thick) solid var(--gids-color-border-focused);
1350
+ outline-offset: var(--gids-border-width-thick);
1351
+ }
1352
+ button.gids-input-tag:not(:disabled):hover {
1353
+ background-color: var(--gids-color-background-neutral-subtle-hovered);
1354
+ }
1355
+ button.gids-input-tag:not(:disabled):active {
1356
+ background-color: var(--gids-color-background-neutral-subtle-pressed);
1357
+ }
1358
+ button.gids-input-tag--bold:not(:disabled):hover {
1359
+ background-color: var(--gids-color-background-neutral-bold-hovered);
1360
+ }
1361
+ button.gids-input-tag--bold:not(:disabled):active {
1362
+ background-color: var(--gids-color-background-neutral-bold-pressed);
1363
+ }
1364
+
989
1365
  /*
990
1366
  DO NOT EDIT THIS FILE!
991
1367
 
@@ -1 +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/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;;;ACFF;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAWA;EnBRC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBED;EnBZC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBMD;EnBhBC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBUD;EnBpBC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBcD;EnBxBC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBkBD;EnB5BC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBsBD;EnBhCC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmB0BD;EnBpCC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmB8BD;EnBxCC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBkCD;EnB5CC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBsCD;EnBhDC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmB0CD;EnBpDC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmB8CD;EnBxDC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBkDD;EnB5DC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBsDD;EnBhEC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmB0DD;EnBpEC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmB8DD;EnBxEC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBkED;EnB5EC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmBsED;EnBhFC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmB0ED;EnBpFC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AmB8ED;EnBxFC;EACA;EACA;EACA;EACA;EAGC;EAGD;;;AoBbD;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;ACEA;EDSC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AzBiBD;AAAA;AAAA;A2BpCA;EACC","file":"index.css"}
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"}
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { g as getAssetPath, d as getConstructedGidsStylesheet, c as refreshConstructedGidsStylesheet, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-DXWsIVvG.js';
1
+ export { g as getAssetPath, d as getConstructedGidsStylesheet, c as refreshConstructedGidsStylesheet, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-C0FfV2mK.js';
2
2
  export { setGidsAssetFilePaths, setGidsDefaultAssetDirPath } from '@ganpatiinfo/gids-web-shared';
3
3
  //# sourceMappingURL=index.js.map
4
4