@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.
- package/dist/custom-elements.json +1 -1
- package/dist/gids-toggle-button.js +3 -3
- package/dist/gids-toggle-button.js.map +1 -1
- package/dist/index.css +376 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/{p-DXWsIVvG.js → p-C0FfV2mK.js} +8 -101
- package/dist/p-C0FfV2mK.js.map +1 -0
- package/dist/types/components/html/GidsAvatar/GidsAvatar.d.ts +4 -0
- package/dist/types/components/html/GidsAvatarGroup/GidsAvatarGroup.d.ts +5 -0
- package/dist/types/components/html/GidsBadge/GidsBadge.d.ts +4 -0
- package/dist/types/components/html/GidsInputTag/GidsInputTag.d.ts +22 -0
- package/dist/types/components/html/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.d.ts +4 -0
- package/dist/types/components/html/GidsTagGroup/GidsTagGroup.d.ts +4 -0
- package/dist/types/index.d.ts +1 -1
- package/package.json +9 -9
- package/dist/p-C7NwBdoN.js +0 -1227
- package/dist/p-C7NwBdoN.js.map +0 -1
- package/dist/p-DXWsIVvG.js.map +0 -1
- package/dist/p-Dl9wTOvC.js +0 -748
- package/dist/p-Dl9wTOvC.js.map +0 -1
- package/dist/types/components/gids-toggle-button/gids-toggle-button.d.ts +0 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h, p as proxyCustomElement, H, e as createEvent, d as getConstructedGidsStylesheet, f as Host } from './p-
|
|
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: '
|
|
87
|
+
return (h(Host, { key: '5c54c2974c214043b8d07e03d1bba4428106e2aa' }, h("style", { key: '9d90d24d0b47e87cf0b62d906f05cd2fab689950' }, `:host {
|
|
88
88
|
display: ${this.width === 'full' ? 'block' : 'inline-block'}
|
|
89
|
-
}`), h(GidsButton, { key: '
|
|
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
|
|
package/dist/index.css.map
CHANGED
|
@@ -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;;;
|
|
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-
|
|
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
|
|