@gnist/design-system 6.0.0-alpha.3 → 6.1.0

package/dist/foundation/iconography/Icon.cjs

@@ -1,44 +1,66 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const componentUtils = require("@gnist/component-utils");
-const tokens_css_js = require("@gnist/themes/tokens.css.js");
-const cssUtils = require("@vanilla-extract/css-utils");
-const dynamic = require("@vanilla-extract/dynamic");
-const classNames = require("classnames");
-const ExtraIconsProvider = require("./ExtraIconsProvider.cjs");
-const Icon_css = require("./Icon.css.cjs");
-const icons = require("./icons.cjs");
-const IconVariantProvider = require("./IconVariantProvider.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
-const IconContainer = ({ icon, title, size: sizeToken = "l", fill = "currentColor", focusable = false, "aria-label": ariaLabel, "aria-hidden": ariaHidden = title || ariaLabel ? false : true, role = "img", className, variantOverride, ...rest }) => {
-  const defaultVariant = IconVariantProvider.useIconVariant();
-  const variant = variantOverride || defaultVariant;
-  const extraIcons = ExtraIconsProvider.useExtraIcons();
-  const iconSpec = icons.icons[icon] ?? extraIcons[icon];
-  if (!iconSpec) {
-    console.error(`Unsupported icon ${icon}`);
-    return null;
-  }
-  let IconComponent = iconSpec.variants[variant];
-  if (!IconComponent) {
-    const [variantName, component2] = Object.entries(iconSpec.variants)[0];
-    console.error(`Unsupported variant "${variant}" for icon "${icon}". Falling back to first defined variant ${variantName}.`);
-    IconComponent = component2;
-  }
-  const size = sizeToken === "1em" ? sizeToken : tokens_css_js.tokens.size[sizeToken];
-  const { fit, scale } = (icons.icons[icon] ?? extraIcons[icon]).options;
-  const iconSize = cssUtils.calc.multiply(size, scale);
-  return jsxRuntime.jsx("span", { className: classNames__default.default(className, Icon_css.iconContainer), style: {
-    ...dynamic.assignInlineVars({
-      [Icon_css.svgHeight]: fit === "height" ? iconSize : "auto",
-      [Icon_css.svgWidth]: fit === "width" ? iconSize : "auto"
-    }),
-    height: size,
-    width: size
-  }, children: jsxRuntime.jsx(IconComponent, { className: Icon_css.svg, fill, focusable, "aria-label": ariaLabel, "aria-hidden": ariaHidden, role, title, ...rest }) });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_ExtraIconsProvider = require("./ExtraIconsProvider.cjs");
+const require_IconVariantProvider = require("./IconVariantProvider.cjs");
+const require_icons = require("./icons.cjs");
+const require_Icon_css = require("./Icon.css.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _gnist_component_utils = require("@gnist/component-utils");
+let _gnist_themes_tokens_css_js = require("@gnist/themes/tokens.css.js");
+let _vanilla_extract_css_utils = require("@vanilla-extract/css-utils");
+let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames, 1);
+//#region src/foundation/iconography/Icon.tsx
+var IconContainer = ({ icon, title, size: sizeToken = "l", fill = "currentColor", focusable = false, "aria-label": ariaLabel, "aria-hidden": ariaHidden = title || ariaLabel ? false : true, role = "img", className, variantOverride, ...rest }) => {
+	const defaultVariant = require_IconVariantProvider.useIconVariant();
+	const variant = variantOverride || defaultVariant;
+	const extraIcons = require_ExtraIconsProvider.useExtraIcons();
+	const iconSpec = require_icons.icons[icon] ?? extraIcons[icon];
+	if (!iconSpec) {
+		console.error(`Unsupported icon ${icon}`);
+		return null;
+	}
+	let IconComponent = iconSpec.variants[variant];
+	if (!IconComponent) {
+		const [variantName, component] = Object.entries(iconSpec.variants)[0];
+		console.error(`Unsupported variant "${variant}" for icon "${icon}". Falling back to first defined variant ${variantName}.`);
+		IconComponent = component;
+	}
+	const size = sizeToken === "1em" ? sizeToken : _gnist_themes_tokens_css_js.tokens.size[sizeToken];
+	const { fit, scale } = (require_icons.icons[icon] ?? extraIcons[icon]).options;
+	const iconSize = _vanilla_extract_css_utils.calc.multiply(size, scale);
+	return (0, react_jsx_runtime.jsx)("span", {
+		className: (0, classnames.default)(className, require_Icon_css.iconContainer),
+		style: {
+			...(0, _vanilla_extract_dynamic.assignInlineVars)({
+				[require_Icon_css.svgHeight]: fit === "height" ? iconSize : "auto",
+				[require_Icon_css.svgWidth]: fit === "width" ? iconSize : "auto"
+			}),
+			height: size,
+			width: size
+		},
+		children: (0, react_jsx_runtime.jsx)(IconComponent, {
+			className: require_Icon_css.svg,
+			fill,
+			focusable,
+			"aria-label": ariaLabel,
+			"aria-hidden": ariaHidden,
+			role,
+			title,
+			...rest
+		})
+	});
 };
-const Icon = componentUtils.component("Icon", Icon_css.iconContainer, IconContainer);
+/**
+* An icon helps the user understand the context.
+*
+* If you want to use icon with button, check if IconButton suits your use case.
+*
+* Note: Use "title" or "aria-label" to make icons accessible, unless they are purely decorative.
+*
+* Documentation: [Icon](https://gnist.moller.no/developers/components/latest/?path=/docs/foundation-iconography-icon--docs)
+*/
+var Icon = (0, _gnist_component_utils.component)("Icon", require_Icon_css.iconContainer, IconContainer);
+//#endregion
 exports.Icon = Icon;

package/dist/foundation/iconography/Icon.css.cjs

@@ -1,21 +1,21 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const atoms_css_js = require("@gnist/themes/atoms.css.js");
-const layers_css_js = require("@gnist/themes/layers.css.js");
-const css = require("@vanilla-extract/css");
-const svgHeight = css.createVar();
-const svgWidth = css.createVar();
-const iconContainer = layers_css_js.gnistStyle([
-  { display: "inline-flex" },
-  atoms_css_js.atoms({ justifyContent: "center", alignItems: "center" })
-]);
-const svg = layers_css_js.gnistStyle({
-  overflow: "visible",
-  height: svgHeight,
-  width: svgWidth,
-  shapeRendering: "geometricPrecision"
+require("../../_virtual/_rolldown/runtime.cjs");
+let _gnist_themes_atoms_css_js = require("@gnist/themes/atoms.css.js");
+let _vanilla_extract_css = require("@vanilla-extract/css");
+//#region src/foundation/iconography/Icon.css.ts
+var svgHeight = (0, _vanilla_extract_css.createVar)();
+var svgWidth = (0, _vanilla_extract_css.createVar)();
+var iconContainer = (0, _vanilla_extract_css.style)([{ display: "inline-flex" }, (0, _gnist_themes_atoms_css_js.atoms)({
+	justifyContent: "center",
+	alignItems: "center"
+})]);
+var svg = (0, _vanilla_extract_css.style)({
+	overflow: "visible",
+	height: svgHeight,
+	width: svgWidth,
+	shapeRendering: "geometricPrecision"
 });
+//#endregion
 exports.iconContainer = iconContainer;
 exports.svg = svg;
 exports.svgHeight = svgHeight;

package/dist/foundation/iconography/Icon.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.css.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/Icon.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,oBAAc,CAAC;AACrC,eAAO,MAAM,QAAQ,oBAAc,CAAC;AAEpC,eAAO,MAAM,aAAa,QAGxB,CAAC;AAEH,eAAO,MAAM,GAAG,QAKd,CAAC"}
+{"version":3,"file":"Icon.css.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/Icon.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oBAAc,CAAC;AACrC,eAAO,MAAM,QAAQ,oBAAc,CAAC;AAEpC,eAAO,MAAM,aAAa,QAGxB,CAAC;AAEH,eAAO,MAAM,GAAG,QAKd,CAAC"}

package/dist/foundation/iconography/Icon.css.js

@@ -1,22 +1,18 @@
 "use client";
 import { atoms } from "@gnist/themes/atoms.css.js";
-import { gnistStyle } from "@gnist/themes/layers.css.js";
-import { createVar } from "@vanilla-extract/css";
-const svgHeight = createVar();
-const svgWidth = createVar();
-const iconContainer = gnistStyle([
-  { display: "inline-flex" },
-  atoms({ justifyContent: "center", alignItems: "center" })
-]);
-const svg = gnistStyle({
-  overflow: "visible",
-  height: svgHeight,
-  width: svgWidth,
-  shapeRendering: "geometricPrecision"
+import { createVar, style } from "@vanilla-extract/css";
+//#region src/foundation/iconography/Icon.css.ts
+var svgHeight = createVar();
+var svgWidth = createVar();
+var iconContainer = style([{ display: "inline-flex" }, atoms({
+	justifyContent: "center",
+	alignItems: "center"
+})]);
+var svg = style({
+	overflow: "visible",
+	height: svgHeight,
+	width: svgWidth,
+	shapeRendering: "geometricPrecision"
 });
-export {
-  iconContainer,
-  svg,
-  svgHeight,
-  svgWidth
-};
+//#endregion
+export { iconContainer, svg, svgHeight, svgWidth };

package/dist/foundation/iconography/Icon.js

@@ -1,42 +1,64 @@
 "use client";
+import { useExtraIcons } from "./ExtraIconsProvider.js";
+import { useIconVariant } from "./IconVariantProvider.js";
+import { icons } from "./icons.js";
+import { iconContainer, svg, svgHeight, svgWidth } from "./Icon.css.js";
 import { jsx } from "react/jsx-runtime";
 import { component } from "@gnist/component-utils";
 import { tokens } from "@gnist/themes/tokens.css.js";
 import { calc } from "@vanilla-extract/css-utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import classNames from "classnames";
-import { useExtraIcons } from "./ExtraIconsProvider.js";
-import { iconContainer, svg, svgWidth, svgHeight } from "./Icon.css.js";
-import { icons } from "./icons.js";
-import { useIconVariant } from "./IconVariantProvider.js";
-const IconContainer = ({ icon, title, size: sizeToken = "l", fill = "currentColor", focusable = false, "aria-label": ariaLabel, "aria-hidden": ariaHidden = title || ariaLabel ? false : true, role = "img", className, variantOverride, ...rest }) => {
-  const defaultVariant = useIconVariant();
-  const variant = variantOverride || defaultVariant;
-  const extraIcons = useExtraIcons();
-  const iconSpec = icons[icon] ?? extraIcons[icon];
-  if (!iconSpec) {
-    console.error(`Unsupported icon ${icon}`);
-    return null;
-  }
-  let IconComponent = iconSpec.variants[variant];
-  if (!IconComponent) {
-    const [variantName, component2] = Object.entries(iconSpec.variants)[0];
-    console.error(`Unsupported variant "${variant}" for icon "${icon}". Falling back to first defined variant ${variantName}.`);
-    IconComponent = component2;
-  }
-  const size = sizeToken === "1em" ? sizeToken : tokens.size[sizeToken];
-  const { fit, scale } = (icons[icon] ?? extraIcons[icon]).options;
-  const iconSize = calc.multiply(size, scale);
-  return jsx("span", { className: classNames(className, iconContainer), style: {
-    ...assignInlineVars({
-      [svgHeight]: fit === "height" ? iconSize : "auto",
-      [svgWidth]: fit === "width" ? iconSize : "auto"
-    }),
-    height: size,
-    width: size
-  }, children: jsx(IconComponent, { className: svg, fill, focusable, "aria-label": ariaLabel, "aria-hidden": ariaHidden, role, title, ...rest }) });
-};
-const Icon = component("Icon", iconContainer, IconContainer);
-export {
-  Icon
+//#region src/foundation/iconography/Icon.tsx
+var IconContainer = ({ icon, title, size: sizeToken = "l", fill = "currentColor", focusable = false, "aria-label": ariaLabel, "aria-hidden": ariaHidden = title || ariaLabel ? false : true, role = "img", className, variantOverride, ...rest }) => {
+	const defaultVariant = useIconVariant();
+	const variant = variantOverride || defaultVariant;
+	const extraIcons = useExtraIcons();
+	const iconSpec = icons[icon] ?? extraIcons[icon];
+	if (!iconSpec) {
+		console.error(`Unsupported icon ${icon}`);
+		return null;
+	}
+	let IconComponent = iconSpec.variants[variant];
+	if (!IconComponent) {
+		const [variantName, component] = Object.entries(iconSpec.variants)[0];
+		console.error(`Unsupported variant "${variant}" for icon "${icon}". Falling back to first defined variant ${variantName}.`);
+		IconComponent = component;
+	}
+	const size = sizeToken === "1em" ? sizeToken : tokens.size[sizeToken];
+	const { fit, scale } = (icons[icon] ?? extraIcons[icon]).options;
+	const iconSize = calc.multiply(size, scale);
+	return jsx("span", {
+		className: classNames(className, iconContainer),
+		style: {
+			...assignInlineVars({
+				[svgHeight]: fit === "height" ? iconSize : "auto",
+				[svgWidth]: fit === "width" ? iconSize : "auto"
+			}),
+			height: size,
+			width: size
+		},
+		children: jsx(IconComponent, {
+			className: svg,
+			fill,
+			focusable,
+			"aria-label": ariaLabel,
+			"aria-hidden": ariaHidden,
+			role,
+			title,
+			...rest
+		})
+	});
 };
+/**
+* An icon helps the user understand the context.
+*
+* If you want to use icon with button, check if IconButton suits your use case.
+*
+* Note: Use "title" or "aria-label" to make icons accessible, unless they are purely decorative.
+*
+* Documentation: [Icon](https://gnist.moller.no/developers/components/latest/?path=/docs/foundation-iconography-icon--docs)
+*/
+var Icon = component("Icon", iconContainer, IconContainer);
+//#endregion
+export { Icon };

package/dist/foundation/iconography/IconVariantProvider.cjs

@@ -1,10 +1,39 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const variantContext = React.createContext("outlined");
-const useIconVariant = () => React.useContext(variantContext);
-const IconVariantProvider = ({ variant, children }) => jsxRuntime.jsx(variantContext.Provider, { value: variant, children });
+require("../../_virtual/_rolldown/runtime.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+//#region src/foundation/iconography/IconVariantProvider.tsx
+var variantContext = (0, react.createContext)("outlined");
+var useIconVariant = () => (0, react.useContext)(variantContext);
+/**
+Set the icon variant used in the app. If you don't use IconVariantProvider, the `"filled"` variant will be used.
+
+```tsx
+// App.tsx or equivalent
+
+export const App = () => (
+<IconVariantProvider variant="outlined">
+// ...render the rest of the app...
+</IconVariantProvider>
+);
+
+// SomeComponent.tsx
+
+export const SomeComponent = () => (
+<div>
+This icon will now use the "outlined" variant
+<Icon icon="info" />
+</div>
+);
+```
+
+Documentation: [IconVariantProvider](https://gnist.moller.no/developers/components/latest/?path=/docs/foundation-iconography-iconvariantprovider--docs)
+
+*/
+var IconVariantProvider = ({ variant, children }) => (0, react_jsx_runtime.jsx)(variantContext.Provider, {
+	value: variant,
+	children
+});
+//#endregion
 exports.IconVariantProvider = IconVariantProvider;
 exports.useIconVariant = useIconVariant;

package/dist/foundation/iconography/IconVariantProvider.js

@@ -1,10 +1,37 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-const variantContext = createContext("outlined");
-const useIconVariant = () => useContext(variantContext);
-const IconVariantProvider = ({ variant, children }) => jsx(variantContext.Provider, { value: variant, children });
-export {
-  IconVariantProvider,
-  useIconVariant
-};
+//#region src/foundation/iconography/IconVariantProvider.tsx
+var variantContext = createContext("outlined");
+var useIconVariant = () => useContext(variantContext);
+/**
+Set the icon variant used in the app. If you don't use IconVariantProvider, the `"filled"` variant will be used.
+
+```tsx
+// App.tsx or equivalent
+
+export const App = () => (
+<IconVariantProvider variant="outlined">
+// ...render the rest of the app...
+</IconVariantProvider>
+);
+
+// SomeComponent.tsx
+
+export const SomeComponent = () => (
+<div>
+This icon will now use the "outlined" variant
+<Icon icon="info" />
+</div>
+);
+```
+
+Documentation: [IconVariantProvider](https://gnist.moller.no/developers/components/latest/?path=/docs/foundation-iconography-iconvariantprovider--docs)
+
+*/
+var IconVariantProvider = ({ variant, children }) => jsx(variantContext.Provider, {
+	value: variant,
+	children
+});
+//#endregion
+export { IconVariantProvider, useIconVariant };

package/dist/foundation/iconography/icons.cjs

@@ -1,71 +1,84 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index$b = require("./svg/action/index.cjs");
-const index$a = require("./svg/communication/index.cjs");
-const index$9 = require("./svg/content/index.cjs");
-const index$8 = require("./svg/device/index.cjs");
-const index$7 = require("./svg/file/index.cjs");
-const index$6 = require("./svg/map/index.cjs");
-const index$5 = require("./svg/navigation/index.cjs");
-const index$4 = require("./svg/notifications/index.cjs");
-const index = require("./svg/search/index.cjs");
-const index$3 = require("./svg/social/index.cjs");
-const index$2 = require("./svg/toggle/index.cjs");
-const index$1 = require("./svg/validation/index.cjs");
+const require_index = require("./svg/action/index.cjs");
+const require_index$1 = require("./svg/communication/index.cjs");
+const require_index$2 = require("./svg/content/index.cjs");
+const require_index$3 = require("./svg/device/index.cjs");
+const require_index$4 = require("./svg/file/index.cjs");
+const require_index$5 = require("./svg/map/index.cjs");
+const require_index$6 = require("./svg/navigation/index.cjs");
+const require_index$7 = require("./svg/notifications/index.cjs");
+const require_index$8 = require("./svg/search/index.cjs");
+const require_index$9 = require("./svg/social/index.cjs");
+const require_index$10 = require("./svg/toggle/index.cjs");
+const require_index$11 = require("./svg/validation/index.cjs");
+require("./svg/index.cjs");
+//#region src/foundation/iconography/icons.tsx
 function mergeIconsAndOptions(inputIcons, options) {
-  const initial = {};
-  return Object.entries(inputIcons).reduce((results, [icon, spec]) => ({
-    ...results,
-    [icon]: { ...spec, options: options[icon] }
-  }), initial);
+	return Object.entries(inputIcons).reduce((results, [icon, spec]) => ({
+		...results,
+		[icon]: {
+			...spec,
+			options: options[icon]
+		}
+	}), {});
 }
-const defaultOptions = { fit: "height", scale: 2 / 3 };
-function defineIcons(icons2) {
-  const result = {};
-  for (const key of Object.keys(icons2)) {
-    const icon = key;
-    const { options: definedOptions, ...variants } = icons2[icon];
-    const options = { ...defaultOptions, ...definedOptions };
-    result[icon] = {
-      variants,
-      options
-    };
-  }
-  return result;
+var defaultOptions = {
+	fit: "height",
+	scale: 2 / 3
+};
+function defineIcons(icons) {
+	const result = {};
+	for (const key of Object.keys(icons)) {
+		const icon = key;
+		const { options: definedOptions, ...variants } = icons[icon];
+		result[icon] = {
+			variants,
+			options: {
+				...defaultOptions,
+				...definedOptions
+			}
+		};
+	}
+	return result;
 }
-const icons = defineIcons(mergeIconsAndOptions({
-  ...index$b,
-  ...index$a,
-  ...index$9,
-  ...index$8,
-  ...index$7,
-  ...index$6,
-  ...index$5,
-  ...index$4,
-  ...index$3,
-  ...index$2,
-  ...index$1,
-  ...index
+var icons = defineIcons(mergeIconsAndOptions({
+	...require_index.action_exports,
+	...require_index$1.communication_exports,
+	...require_index$2.content_exports,
+	...require_index$3.device_exports,
+	...require_index$4.file_exports,
+	...require_index$5.map_exports,
+	...require_index$6.navigation_exports,
+	...require_index$7.notifications_exports,
+	...require_index$9.social_exports,
+	...require_index$10.toggle_exports,
+	...require_index$11.validation_exports,
+	...require_index$8.search_exports
 }, {
-  // Action
-  car: { fit: "width" },
-  car_crash: { fit: "width" },
-  code: { fit: "width" },
-  visibility_on: { fit: "width" },
-  visibility_off: { fit: "width" },
-  // Navigation
-  check: { fit: "width" },
-  chevron_left: { scale: 0.5 },
-  chevron_right: { scale: 0.5 },
-  expand_less: { fit: "width", scale: 0.5 },
-  expand_more: { fit: "width", scale: 0.5 },
-  menu: { fit: "width" },
-  more_horizontal: { fit: "width" },
-  // Validation
-  warning: { fit: "width" },
-  // Content
-  remove: { fit: "width", scale: 0.5 }
+	car: { fit: "width" },
+	car_crash: { fit: "width" },
+	code: { fit: "width" },
+	visibility_on: { fit: "width" },
+	visibility_off: { fit: "width" },
+	check: { fit: "width" },
+	chevron_left: { scale: .5 },
+	chevron_right: { scale: .5 },
+	expand_less: {
+		fit: "width",
+		scale: .5
+	},
+	expand_more: {
+		fit: "width",
+		scale: .5
+	},
+	menu: { fit: "width" },
+	more_horizontal: { fit: "width" },
+	warning: { fit: "width" },
+	remove: {
+		fit: "width",
+		scale: .5
+	}
 }));
+//#endregion
 exports.defineIcons = defineIcons;
 exports.icons = icons;

package/dist/foundation/iconography/icons.d.ts

@@ -31,7 +31,7 @@ type IconVariantsAndOptions<T extends string> = {
     };
 };
 export declare function defineIcons<T extends string>(icons: IconSpecifications<T>): IconVariantsAndOptions<T>;
-export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "sort" | "code" | "menu" | "search" | "coffee" | "help" | "favorite" | "star" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_dissatisfied" | "sentiment_very_satisfied" | "event_note" | "live_tv" | "wifi" | "arrow_backward" | "arrow_downward" | "arrow_forward" | "arrow_upward" | "check" | "chevron_left" | "chevron_right" | "close" | "expand_less" | "expand_more" | "external" | "more_horizontal" | "more_vertical" | "open" | "refresh" | "spinner" | "unfold_less" | "unfold_more" | "ev_station" | "forest" | "gas_station" | "location" | "route" | "archive" | "file_copy" | "file_download" | "file_download_off" | "file_open" | "file_upload" | "unarchive" | "task" | "add" | "auto" | "backspace" | "mail" | "manage_account" | "person" | "remove" | "send" | "work" | "call" | "chat" | "assignment" | "automatic_gear" | "binoculars" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "change" | "contract" | "edit" | "electric_car" | "explore" | "glass_damage" | "home" | "image_not_supported" | "lightbulb" | "login" | "logout" | "manual_gear" | "minor_crash" | "notifications" | "payment" | "pets" | "play_circle" | "print" | "query_stats" | "savings" | "schedule" | "settings" | "shopping_cart" | "signature" | "speed" | "tire" | "trash" | "tune" | "verified" | "visibility_off" | "visibility_on">;
+export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "sort" | "code" | "menu" | "search" | "coffee" | "help" | "favorite" | "star" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_dissatisfied" | "sentiment_very_satisfied" | "event_note" | "live_tv" | "wifi" | "arrow_backward" | "arrow_downward" | "arrow_forward" | "arrow_upward" | "check" | "chevron_left" | "chevron_right" | "close" | "expand_less" | "expand_more" | "external" | "more_horizontal" | "more_vertical" | "open" | "refresh" | "spinner" | "unfold_less" | "unfold_more" | "ev_station" | "forest" | "gas_station" | "location" | "route" | "archive" | "file_copy" | "file_download" | "file_download_off" | "file_open" | "file_upload" | "unarchive" | "task" | "add" | "add_circle" | "auto" | "backspace" | "content_copy" | "mail" | "manage_account" | "person" | "remove" | "send" | "work" | "call" | "chat" | "assignment" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "change" | "contract" | "edit" | "electric_car" | "explore" | "glass_damage" | "home" | "image_not_supported" | "lightbulb" | "login" | "logout" | "manual_gear" | "minor_crash" | "notifications" | "payment" | "pets" | "play_circle" | "print" | "query_stats" | "savings" | "schedule" | "settings" | "shopping_cart" | "signature" | "speed" | "tire" | "trash" | "tune" | "verified" | "visibility_off" | "visibility_on">;
 type Icons = typeof icons;
 /**
  * Apps using this library can use declaration merging to add app-specific icons to the allowed icon list.

package/dist/foundation/iconography/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/icons.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG;KACrB,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,YAAY;CACrC,CAAC;AAEF,UAAU,WAAW;IACjB;;;OAGG;IACH,GAAG,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,CAAC,GAAG,kBAAkB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE;CACpE,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;KAC3C,CAAC,IAAI,CAAC,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CACnE,CAAC;AAoBF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EACxC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,sBAAsB,CAAC,CAAC,CAAC,CAa3B;AAED,eAAO,MAAM,KAAK,85CAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAGH,MAAM,WAAW,UAAU;CAAG;AAE9B,UAAU,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,MAAM,OAAO,CAAC,UAAU,SAAS,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/icons.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG;KACrB,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,YAAY;CACrC,CAAC;AAEF,UAAU,WAAW;IACjB;;;OAGG;IACH,GAAG,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,CAAC,GAAG,kBAAkB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE;CACpE,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;KAC3C,CAAC,IAAI,CAAC,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CACnE,CAAC;AAoBF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EACxC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,sBAAsB,CAAC,CAAC,CAAC,CAa3B;AAED,eAAO,MAAM,KAAK,45CAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAGH,MAAM,WAAW,UAAU;CAAG;AAE9B,UAAU,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,MAAM,OAAO,CAAC,UAAU,SAAS,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC"}