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

package/dist/foundation/iconography/svg/validation/success-sharp.svg.cjs

@@ -24,5 +24,5 @@ const SvgSuccessSharp = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M6.4 12l-4-4 1.13-1.13L6.4 9.74l6.07-6.08L13.6 4.8z" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.525 14.55 15.6 7.475 14.45 6.35l-5.925 5.925-3-3L4.4 10.4zM10 20q-2.05 0-3.875-.7875t-3.1875-2.15-2.15-3.1875T0 10q0-2.075.7875-3.9t2.15-3.175T6.125.7875 10 0q2.075 0 3.9.7875t3.175 2.1375T19.2125 6.1 20 10q0 2.05-.7875 3.875t-2.1375 3.1875-3.175 2.15T10 20m0-1.5q3.55 0 6.025-2.4875T18.5 10q0-3.55-2.475-6.025T10 1.5q-3.525 0-6.0125 2.475T1.5 10q0 3.525 2.4875 6.0125T10 18.5m0-8.5" }));
 exports.default = SvgSuccessSharp;

package/dist/foundation/iconography/svg/validation/success-sharp.svg.js

@@ -4,7 +4,7 @@ const SvgSuccessSharp = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M6.4 12l-4-4 1.13-1.13L6.4 9.74l6.07-6.08L13.6 4.8z" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M8.525 14.55 15.6 7.475 14.45 6.35l-5.925 5.925-3-3L4.4 10.4zM10 20q-2.05 0-3.875-.7875t-3.1875-2.15-2.15-3.1875T0 10q0-2.075.7875-3.9t2.15-3.175T6.125.7875 10 0q2.075 0 3.9.7875t3.175 2.1375T19.2125 6.1 20 10q0 2.05-.7875 3.875t-2.1375 3.1875-3.175 2.15T10 20m0-1.5q3.55 0 6.025-2.4875T18.5 10q0-3.55-2.475-6.025T10 1.5q-3.525 0-6.0125 2.475T1.5 10q0 3.525 2.4875 6.0125T10 18.5m0-8.5" }));
 export {
   SvgSuccessSharp as default
 };

package/dist/foundation/iconography/svg/validation/warning-filled.svg.cjs

@@ -24,5 +24,5 @@ const SvgWarningFilled = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M0 13.9h16L8 .1zm8.73-2.17H7.27v-1.46h1.46zm0-2.91H7.27V5.9h1.46z" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 22 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 19 11 0l11 19zm11.6375-3.142q.2125-.2167.2125-.5375 0-.3205-.217-.533-.2167-.2125-.5375-.2125-.3205 0-.533.217-.2125.2167-.2125.5375 0 .3205.217.533.2168.2125.5375.2125.3205 0 .533-.217M10.35 13.3h1.5V7.7h-1.5z" }));
 exports.default = SvgWarningFilled;

package/dist/foundation/iconography/svg/validation/warning-filled.svg.js

@@ -4,7 +4,7 @@ const SvgWarningFilled = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M0 13.9h16L8 .1zm8.73-2.17H7.27v-1.46h1.46zm0-2.91H7.27V5.9h1.46z" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 22 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M0 19 11 0l11 19zm11.6375-3.142q.2125-.2167.2125-.5375 0-.3205-.217-.533-.2167-.2125-.5375-.2125-.3205 0-.533.217-.2125.2167-.2125.5375 0 .3205.217.533.2168.2125.5375.2125.3205 0 .533-.217M10.35 13.3h1.5V7.7h-1.5z" }));
 export {
   SvgWarningFilled as default
 };

package/dist/foundation/iconography/svg/validation/warning-outlined.svg.cjs

@@ -24,5 +24,5 @@ const SvgWarningOutlined = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "m8 3 5.48 9.45H2.52zM8 .08 0 13.91h16zm.73 10.18H7.27v1.46h1.46zm0-4.36H7.27v2.9h1.46z" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 22 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 19 11 0l11 19zm2.6-1.5h16.8L11 3zm9.0375-1.642q.2125-.2167.2125-.5375 0-.3205-.217-.533-.2167-.2125-.5375-.2125-.3205 0-.533.217-.2125.2167-.2125.5375 0 .3205.217.533.2168.2125.5375.2125.3205 0 .533-.217M10.35 13.3h1.5V7.7h-1.5zm.65-3.05" }));
 exports.default = SvgWarningOutlined;

package/dist/foundation/iconography/svg/validation/warning-outlined.svg.js

@@ -4,7 +4,7 @@ const SvgWarningOutlined = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "m8 3 5.48 9.45H2.52zM8 .08 0 13.91h16zm.73 10.18H7.27v1.46h1.46zm0-4.36H7.27v2.9h1.46z" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 22 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M0 19 11 0l11 19zm2.6-1.5h16.8L11 3zm9.0375-1.642q.2125-.2167.2125-.5375 0-.3205-.217-.533-.2167-.2125-.5375-.2125-.3205 0-.533.217-.2125.2167-.2125.5375 0 .3205.217.533.2168.2125.5375.2125.3205 0 .533-.217M10.35 13.3h1.5V7.7h-1.5zm.65-3.05" }));
 export {
   SvgWarningOutlined as default
 };

package/dist/foundation/iconography/svg/validation/warning-round.svg.cjs

@@ -24,5 +24,5 @@ const SvgWarningRound = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 15", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M1.68 14.14h12.64c1.3 0 2.1-1.4 1.45-2.52L9.45.7a1.68 1.68 0 0 0-2.9 0L.23 11.62a1.68 1.68 0 0 0 1.45 2.51M8 8.26a.84.84 0 0 1-.84-.84V5.74c0-.46.38-.84.84-.84s.84.38.84.84v1.68c0 .46-.38.84-.84.84m.84 3.36H7.16V9.94h1.68z" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 22 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M1.3 19q-.225 0-.3875-.1T.65 18.625t-.1125-.3625.1125-.3875l9.7-16.75q.125-.2.2875-.2875T11 .75t.3625.0875.2875.2875l9.7 16.75q.125.2.1125.3875t-.1125.3625-.2625.275-.3875.1zm1.3-1.5h16.8L11 3zm9.0375-1.6375q.2125-.2125.2125-.5375t-.2125-.5375-.5375-.2125-.5375.2125-.2125.5375.2125.5375.5375.2125.5375-.2125m0-2.775q.2125-.2125.2125-.5375v-4.1q0-.325-.2125-.5375T11.1 7.7t-.5375.2125-.2125.5375v4.1q0 .325.2125.5375T11.1 13.3t.5375-.2125M11 10.25" }));
 exports.default = SvgWarningRound;

package/dist/foundation/iconography/svg/validation/warning-round.svg.js

@@ -4,7 +4,7 @@ const SvgWarningRound = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 15", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M1.68 14.14h12.64c1.3 0 2.1-1.4 1.45-2.52L9.45.7a1.68 1.68 0 0 0-2.9 0L.23 11.62a1.68 1.68 0 0 0 1.45 2.51M8 8.26a.84.84 0 0 1-.84-.84V5.74c0-.46.38-.84.84-.84s.84.38.84.84v1.68c0 .46-.38.84-.84.84m.84 3.36H7.16V9.94h1.68z" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 22 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M1.3 19q-.225 0-.3875-.1T.65 18.625t-.1125-.3625.1125-.3875l9.7-16.75q.125-.2.2875-.2875T11 .75t.3625.0875.2875.2875l9.7 16.75q.125.2.1125.3875t-.1125.3625-.2625.275-.3875.1zm1.3-1.5h16.8L11 3zm9.0375-1.6375q.2125-.2125.2125-.5375t-.2125-.5375-.5375-.2125-.5375.2125-.2125.5375.2125.5375.5375.2125.5375-.2125m0-2.775q.2125-.2125.2125-.5375v-4.1q0-.325-.2125-.5375T11.1 7.7t-.5375.2125-.2125.5375v4.1q0 .325.2125.5375T11.1 13.3t.5375-.2125M11 10.25" }));
 export {
   SvgWarningRound as default
 };

package/dist/foundation/iconography/svg/validation/warning-sharp.svg.cjs

@@ -24,5 +24,5 @@ const SvgWarningSharp = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M0 13.9h16L8 .1zm8.73-2.17H7.27v-1.46h1.46zm0-2.91H7.27V5.9h1.46z" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 22 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 19 11 0l11 19zm2.6-1.5h16.8L11 3zm9.0375-1.642q.2125-.2167.2125-.5375 0-.3205-.217-.533-.2167-.2125-.5375-.2125-.3205 0-.533.217-.2125.2167-.2125.5375 0 .3205.217.533.2168.2125.5375.2125.3205 0 .533-.217M10.35 13.3h1.5V7.7h-1.5zm.65-3.05" }));
 exports.default = SvgWarningSharp;

package/dist/foundation/iconography/svg/validation/warning-sharp.svg.js

@@ -4,7 +4,7 @@ const SvgWarningSharp = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 14", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M0 13.9h16L8 .1zm8.73-2.17H7.27v-1.46h1.46zm0-2.91H7.27V5.9h1.46z" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 22 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M0 19 11 0l11 19zm2.6-1.5h16.8L11 3zm9.0375-1.642q.2125-.2167.2125-.5375 0-.3205-.217-.533-.2167-.2125-.5375-.2125-.3205 0-.533.217-.2125.2167-.2125.5375 0 .3205.217.533.2168.2125.5375.2125.3205 0 .533-.217M10.35 13.3h1.5V7.7h-1.5zm.65-3.05" }));
 export {
   SvgWarningSharp as default
 };

package/dist/foundation/logos/Logo.css.cjs

@@ -1,19 +1,20 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const layers_css_js = require("@gnist/themes/layers.css.js");
 const brandlessTokens_js = require("@gnist/themes/themes/brandlessTokens.js");
 const css = require("@vanilla-extract/css");
-const base = css.style({
+const base = layers_css_js.gnistStyle({
   display: "inline-flex",
   justifyContent: "center",
   alignItems: "center"
 });
-const svg = css.style({
+const svg = layers_css_js.gnistStyle({
   overflow: "visible"
 });
 const sizes = Object.keys(brandlessTokens_js.brandlessTokens.size);
-const styles = (style2) => sizes.reduce((acc, x) => {
-  acc[x] = [style2, { height: brandlessTokens_js.brandlessTokens.size[x] }];
+const styles = (style) => sizes.reduce((acc, x) => {
+  acc[x] = [style, { height: brandlessTokens_js.brandlessTokens.size[x] }];
   return acc;
 }, {});
 const logoVariant = css.styleVariants(styles(base));

package/dist/foundation/logos/Logo.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.css.d.ts","sourceRoot":"","sources":["../../../src/foundation/logos/Logo.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,GAAG,QAEd,CAAC;AAYH,eAAO,MAAM,WAAW,iCAA8B,CAAC;AACvD,eAAO,MAAM,UAAU,iCAA6B,CAAC"}
+{"version":3,"file":"Logo.css.d.ts","sourceRoot":"","sources":["../../../src/foundation/logos/Logo.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,GAAG,QAEd,CAAC;AAYH,eAAO,MAAM,WAAW,iCAA8B,CAAC;AACvD,eAAO,MAAM,UAAU,iCAA6B,CAAC"}

package/dist/foundation/logos/Logo.css.js

@@ -1,17 +1,18 @@
 "use client";
+import { gnistStyle } from "@gnist/themes/layers.css.js";
 import { brandlessTokens } from "@gnist/themes/themes/brandlessTokens.js";
-import { style, styleVariants } from "@vanilla-extract/css";
-const base = style({
+import { styleVariants } from "@vanilla-extract/css";
+const base = gnistStyle({
   display: "inline-flex",
   justifyContent: "center",
   alignItems: "center"
 });
-const svg = style({
+const svg = gnistStyle({
   overflow: "visible"
 });
 const sizes = Object.keys(brandlessTokens.size);
-const styles = (style2) => sizes.reduce((acc, x) => {
-  acc[x] = [style2, { height: brandlessTokens.size[x] }];
+const styles = (style) => sizes.reduce((acc, x) => {
+  acc[x] = [style, { height: brandlessTokens.size[x] }];
   return acc;
 }, {});
 const logoVariant = styleVariants(styles(base));

package/dist/foundation/typography/typography.css.cjs

@@ -1,15 +1,15 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const layers_css_js = require("@gnist/themes/layers.css.js");
 const typography_css_js = require("@gnist/themes/typography.css.js");
-const css = require("@vanilla-extract/css");
 const displayText = typography_css_js.responsiveTypography["display"];
 const heading1Text = typography_css_js.responsiveTypography["heading1"];
 const heading2Text = typography_css_js.responsiveTypography["heading2"];
 const heading3Text = typography_css_js.responsiveTypography["heading3"];
 const leadText = typography_css_js.responsiveTypography["lead"];
 const bodyText = typography_css_js.responsiveTypography["body"];
-const linkText = css.style([
+const linkText = layers_css_js.gnistStyle([
   {
     selectors: {
       "&, &:visited, &:hover, &:active": {

package/dist/foundation/typography/typography.css.js

@@ -1,13 +1,13 @@
 "use client";
+import { gnistStyle } from "@gnist/themes/layers.css.js";
 import { responsiveTypography } from "@gnist/themes/typography.css.js";
-import { style } from "@vanilla-extract/css";
 const displayText = responsiveTypography["display"];
 const heading1Text = responsiveTypography["heading1"];
 const heading2Text = responsiveTypography["heading2"];
 const heading3Text = responsiveTypography["heading3"];
 const leadText = responsiveTypography["lead"];
 const bodyText = responsiveTypography["body"];
-const linkText = style([
+const linkText = gnistStyle([
   {
     selectors: {
       "&, &:visited, &:hover, &:active": {

package/dist/styles/animations.css.cjs

@@ -1,8 +1,8 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const css = require("@vanilla-extract/css");
-const clickAnimation = css.style({
+const layers_css_js = require("@gnist/themes/layers.css.js");
+const clickAnimation = layers_css_js.gnistStyle({
   transition: "transform ease-in 0.1s",
   selectors: {
     "&:active:not(:disabled)": {

package/dist/styles/animations.css.js

@@ -1,6 +1,6 @@
 "use client";
-import { style } from "@vanilla-extract/css";
-const clickAnimation = style({
+import { gnistStyle } from "@gnist/themes/layers.css.js";
+const clickAnimation = gnistStyle({
   transition: "transform ease-in 0.1s",
   selectors: {
     "&:active:not(:disabled)": {

package/dist/styles/states.css.cjs

@@ -1,13 +1,12 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const layers_css_js = require("@gnist/themes/layers.css.js");
 const tokens_css_js = require("@gnist/themes/tokens.css.js");
-const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
-const recipes = require("@vanilla-extract/recipes");
 const Record = require("fp-ts/Record");
 const _function = require("fp-ts/function");
-const focusStyle = css.style({
+const focusStyle = layers_css_js.gnistStyle({
   selectors: {
     "&:focus:not(:focus-visible)": {
       outline: "none"
@@ -37,8 +36,8 @@ const afterHover = "&:not(:disabled):hover::after";
 const afterFocus = "&:not(:disabled):focus::after";
 const afterActive = "&:not(:disabled):active::after";
 const afterAllStates = [afterHover, afterFocus, afterActive].join(", ");
-const stateLayersInternal = recipes.recipe({
-  base: css.style({
+const stateLayersInternal = layers_css_js.gnistRecipe({
+  base: layers_css_js.gnistStyle({
     "::after": {
       opacity: 0
     },

package/dist/styles/states.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"states.css.d.ts","sourceRoot":"","sources":["../../src/styles/states.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAS,MAAM,sBAAsB,CAAC;AAM/D,eAAO,MAAM,UAAU,QASrB,CAAC;AAkCH,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;EAoFvB,CAAC;AAEH,KAAK,gBAAgB,GAAG,IAAI,CACxB,OAAO,mBAAmB,EAC1B,UAAU,GAAG,YAAY,CAC5B,CAAC;AACF,KAAK,cAAc,GAAG,CAClB,OAAO,EAAE,QAAQ,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,KAC3D,MAAM,CAAC;AAEZ,eAAO,MAAM,WAAW,EAAE,gBAAgB,GAAG,cACtB,CAAC"}
+{"version":3,"file":"states.css.d.ts","sourceRoot":"","sources":["../../src/styles/states.css.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAKxD,eAAO,MAAM,UAAU,QASrB,CAAC;AAkCH,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;EAoFvB,CAAC;AAEH,KAAK,gBAAgB,GAAG,IAAI,CACxB,OAAO,mBAAmB,EAC1B,UAAU,GAAG,YAAY,CAC5B,CAAC;AACF,KAAK,cAAc,GAAG,CAClB,OAAO,EAAE,QAAQ,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,KAC3D,MAAM,CAAC;AAEZ,eAAO,MAAM,WAAW,EAAE,gBAAgB,GAAG,cACtB,CAAC"}

package/dist/styles/states.css.js

@@ -1,11 +1,10 @@
 "use client";
+import { gnistStyle, gnistRecipe } from "@gnist/themes/layers.css.js";
 import { tokens } from "@gnist/themes/tokens.css.js";
-import { style } from "@vanilla-extract/css";
 import { calc } from "@vanilla-extract/css-utils";
-import { recipe } from "@vanilla-extract/recipes";
 import { mapWithIndex, map } from "fp-ts/Record";
 import { pipe } from "fp-ts/function";
-const focusStyle = style({
+const focusStyle = gnistStyle({
   selectors: {
     "&:focus:not(:focus-visible)": {
       outline: "none"
@@ -35,8 +34,8 @@ const afterHover = "&:not(:disabled):hover::after";
 const afterFocus = "&:not(:disabled):focus::after";
 const afterActive = "&:not(:disabled):active::after";
 const afterAllStates = [afterHover, afterFocus, afterActive].join(", ");
-const stateLayersInternal = recipe({
-  base: style({
+const stateLayersInternal = gnistRecipe({
+  base: gnistStyle({
     "::after": {
       opacity: 0
     },

package/dist/utilities/accessibility/visuallyHidden.css.cjs

@@ -1,8 +1,8 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const css = require("@vanilla-extract/css");
-const visuallyHidden = css.style({
+const layers_css_js = require("@gnist/themes/layers.css.js");
+const visuallyHidden = layers_css_js.gnistStyle({
   border: "0 !important",
   clip: "rect(1px, 1px, 1px, 1px) !important",
   WebkitClipPath: "inset(50%) !important",

package/dist/utilities/accessibility/visuallyHidden.css.js

@@ -1,6 +1,6 @@
 "use client";
-import { style } from "@vanilla-extract/css";
-const visuallyHidden = style({
+import { gnistStyle } from "@gnist/themes/layers.css.js";
+const visuallyHidden = gnistStyle({
   border: "0 !important",
   clip: "rect(1px, 1px, 1px, 1px) !important",
   WebkitClipPath: "inset(50%) !important",

package/dist/utilities/layout/styles.css.cjs

@@ -2,10 +2,10 @@
 "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 tokens_css_js = require("@gnist/themes/tokens.css.js");
-const recipes = require("@vanilla-extract/recipes");
 const spacing = tokens_css_js.tokens.spacing;
-const rowRecipe = recipes.recipe({
+const rowRecipe = layers_css_js.gnistRecipe({
   base: [
     atoms_css_js.atoms({
       display: "flex",
@@ -53,7 +53,7 @@ const rowRecipe = recipes.recipe({
     }
   }
 });
-const columnRecipe = recipes.recipe({
+const columnRecipe = layers_css_js.gnistRecipe({
   base: [
     atoms_css_js.atoms({
       display: "flex",

package/dist/utilities/layout/styles.css.js

@@ -1,9 +1,9 @@
 "use client";
 import { atoms } from "@gnist/themes/atoms.css.js";
+import { gnistRecipe } from "@gnist/themes/layers.css.js";
 import { tokens } from "@gnist/themes/tokens.css.js";
-import { recipe } from "@vanilla-extract/recipes";
 const spacing = tokens.spacing;
-const rowRecipe = recipe({
+const rowRecipe = gnistRecipe({
   base: [
     atoms({
       display: "flex",
@@ -51,7 +51,7 @@ const rowRecipe = recipe({
     }
   }
 });
-const columnRecipe = recipe({
+const columnRecipe = gnistRecipe({
   base: [
     atoms({
       display: "flex",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gnist/design-system",
-    "version": "5.6.1",
+    "version": "6.0.0-alpha.3",
     "license": "UNLICENSED",
     "type": "module",
     "main": "dist/index.cjs",
@@ -31,9 +31,10 @@
         "dist/*"
     ],
     "scripts": {
-        "optimize-icons": "svgo -r -f ./src/foundation/iconography/svg --precision 2",
-        "make-icon-index": "tsx ./build-utils/generateIconIndex.ts ./src/foundation/iconography/svg",
-        "build-icons": "pnpm run optimize-icons && pnpm run make-icon-index",
+        "icons:sync": "tsx ./build-utils/syncAllMaterialIcons.ts && pnpm run icons:generate-index",
+        "icons:optimize": "svgo -r -f ./src/foundation/iconography/svg --precision 4",
+        "icons:generate-index": "tsx ./build-utils/generateIconIndex.ts ./src/foundation/iconography/svg",
+        "icons:build": "pnpm run icons:optimize && pnpm run icons:generate-index",
         "watch": "vite build --watch",
         "clean": "shx rm -rf dist",
         "build": "vite build",
@@ -50,7 +51,8 @@
         "@base-ui/react": "1.0.0",
         "@formkit/auto-animate": "^0.8.2",
         "@gnist/component-utils": "3.0.14",
-        "@gnist/themes": "^3.29.0",
+        "@gnist/themes": "^3.30.0-alpha.2",
+        "@material-symbols/svg-400": "^0.42.3",
         "@vanilla-extract/css": "^1.17.4",
         "@vanilla-extract/css-utils": "^0.1.6",
         "@vanilla-extract/dynamic": "^2.1.5",
@@ -102,5 +104,5 @@
             "optional": true
         }
     },
-    "gitHead": "1b5b7189ae8c3576e8fec2c28f1d418667a544d4"
+    "gitHead": "a7a72c810de3a341dee37cad940f4a6e7bfb66be"
 }

package/dist/foundation/iconography/svg/action/search-filled.svg.js

@@ -1,10 +0,0 @@
-"use client";
-import * as React from "react";
-const SvgSearchFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M11.44 10.06h-.73l-.25-.24a6 6 0 0 0 1.43-3.87 5.95 5.95 0 1 0-5.94 5.94 6 6 0 0 0 3.87-1.43l.24.25v.73L14.64 16 16 14.64zm-5.5 0a4.1 4.1 0 0 1-4.11-4.11 4.1 4.1 0 0 1 4.12-4.12 4.1 4.1 0 0 1 4.11 4.12 4.1 4.1 0 0 1-4.11 4.11" }));
-export {
-  SvgSearchFilled as default
-};

package/dist/foundation/iconography/svg/action/search-outlined.svg.js

@@ -1,10 +0,0 @@
-"use client";
-import * as React from "react";
-const SvgSearchOutlined = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M11.44 10.06h-.73l-.25-.24a6 6 0 0 0 1.43-3.87 5.95 5.95 0 1 0-5.94 5.94 6 6 0 0 0 3.87-1.43l.24.25v.73L14.64 16 16 14.64zm-5.5 0a4.1 4.1 0 0 1-4.11-4.11 4.1 4.1 0 0 1 4.12-4.12 4.1 4.1 0 0 1 4.11 4.12 4.1 4.1 0 0 1-4.11 4.11" }));
-export {
-  SvgSearchOutlined as default
-};

package/dist/foundation/iconography/svg/action/search-round.svg.js

@@ -1,10 +0,0 @@
-"use client";
-import * as React from "react";
-const SvgSearchRound = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M11.73 10.32H11l-.26-.26a6.1 6.1 0 0 0 1.39-5A6.1 6.1 0 0 0 6.87.05 6.1 6.1 0 0 0 .05 6.87a6.1 6.1 0 0 0 5 5.24 6.1 6.1 0 0 0 5.02-1.39l.25.26v.74l4 4a1 1 0 0 0 1.39 0 1 1 0 0 0 0-1.4zm-5.63 0A4.2 4.2 0 0 1 1.88 6.1 4.2 4.2 0 0 1 6.1 1.88a4.2 4.2 0 0 1 4.22 4.22 4.2 4.2 0 0 1-4.22 4.22" }));
-export {
-  SvgSearchRound as default
-};

package/dist/foundation/iconography/svg/action/search-sharp.svg.js

@@ -1,10 +0,0 @@
-"use client";
-import * as React from "react";
-const SvgSearchSharp = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M11.44 10.06h-.73l-.25-.24a6 6 0 0 0 1.43-3.87 5.95 5.95 0 1 0-5.94 5.94 6 6 0 0 0 3.87-1.43l.24.25v.73L14.64 16 16 14.64zm-5.5 0a4.1 4.1 0 0 1-4.11-4.11 4.1 4.1 0 0 1 4.12-4.12 4.1 4.1 0 0 1 4.11 4.12 4.1 4.1 0 0 1-4.11 4.11" }));
-export {
-  SvgSearchSharp as default
-};

package/dist/foundation/iconography/svg/toggle/favorite_border-filled.svg.cjs

@@ -1,28 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
-function _interopNamespaceCompat(e) {
-  if (e && typeof e === "object" && "default" in e) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
-const SvgFavoriteBorderFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M11.6.5c-1.4 0-2.73.66-3.6 1.7A4.8 4.8 0 0 0 4.4.5 4.4 4.4 0 0 0 0 5c0 3.09 2.72 5.6 6.84 9.43L8 15.5l1.16-1.08C13.28 10.6 16 8.1 16 5A4.4 4.4 0 0 0 11.6.5M8.08 13.21 8 13.3l-.08-.08C4.12 9.7 1.6 7.36 1.6 5c0-1.64 1.2-2.86 2.8-2.86 1.23 0 2.43.8 2.86 1.92h1.5a3.1 3.1 0 0 1 2.84-1.93c1.6 0 2.8 1.23 2.8 2.87 0 2.36-2.51 4.69-6.32 8.21" }));
-exports.default = SvgFavoriteBorderFilled;

package/dist/foundation/iconography/svg/toggle/favorite_border-filled.svg.js

@@ -1,10 +0,0 @@
-"use client";
-import * as React from "react";
-const SvgFavoriteBorderFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M11.6.5c-1.4 0-2.73.66-3.6 1.7A4.8 4.8 0 0 0 4.4.5 4.4 4.4 0 0 0 0 5c0 3.09 2.72 5.6 6.84 9.43L8 15.5l1.16-1.08C13.28 10.6 16 8.1 16 5A4.4 4.4 0 0 0 11.6.5M8.08 13.21 8 13.3l-.08-.08C4.12 9.7 1.6 7.36 1.6 5c0-1.64 1.2-2.86 2.8-2.86 1.23 0 2.43.8 2.86 1.92h1.5a3.1 3.1 0 0 1 2.84-1.93c1.6 0 2.8 1.23 2.8 2.87 0 2.36-2.51 4.69-6.32 8.21" }));
-export {
-  SvgFavoriteBorderFilled as default
-};

package/dist/foundation/iconography/svg/toggle/favorite_border-outlined.svg.cjs

@@ -1,28 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
-function _interopNamespaceCompat(e) {
-  if (e && typeof e === "object" && "default" in e) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
-const SvgFavoriteBorderOutlined = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M11.6.5c-1.4 0-2.73.66-3.6 1.7A4.8 4.8 0 0 0 4.4.5 4.4 4.4 0 0 0 0 5c0 3.09 2.72 5.6 6.84 9.43L8 15.5l1.16-1.08C13.28 10.6 16 8.1 16 5A4.4 4.4 0 0 0 11.6.5M8.08 13.21 8 13.3l-.08-.08C4.12 9.7 1.6 7.36 1.6 5c0-1.64 1.2-2.86 2.8-2.86 1.23 0 2.43.8 2.86 1.92h1.5a3.1 3.1 0 0 1 2.84-1.93c1.6 0 2.8 1.23 2.8 2.87 0 2.36-2.51 4.69-6.32 8.21" }));
-exports.default = SvgFavoriteBorderOutlined;

package/dist/foundation/iconography/svg/toggle/favorite_border-outlined.svg.js

@@ -1,10 +0,0 @@
-"use client";
-import * as React from "react";
-const SvgFavoriteBorderOutlined = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M11.6.5c-1.4 0-2.73.66-3.6 1.7A4.8 4.8 0 0 0 4.4.5 4.4 4.4 0 0 0 0 5c0 3.09 2.72 5.6 6.84 9.43L8 15.5l1.16-1.08C13.28 10.6 16 8.1 16 5A4.4 4.4 0 0 0 11.6.5M8.08 13.21 8 13.3l-.08-.08C4.12 9.7 1.6 7.36 1.6 5c0-1.64 1.2-2.86 2.8-2.86 1.23 0 2.43.8 2.86 1.92h1.5a3.1 3.1 0 0 1 2.84-1.93c1.6 0 2.8 1.23 2.8 2.87 0 2.36-2.51 4.69-6.32 8.21" }));
-export {
-  SvgFavoriteBorderOutlined as default
-};

package/dist/foundation/iconography/svg/toggle/favorite_border-round.svg.cjs

@@ -1,28 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
-function _interopNamespaceCompat(e) {
-  if (e && typeof e === "object" && "default" in e) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
-const SvgFavoriteBorderRound = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 15", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M14.13 1.29A4.66 4.66 0 0 0 8 2.16a4.65 4.65 0 0 0-6.12-.87A4.3 4.3 0 0 0 0 4.69c-.1 3.08 2.64 5.55 6.84 9.33l.08.07a1.6 1.6 0 0 0 2.15 0l.09-.09c4.2-3.77 6.94-6.24 6.84-9.32a4.3 4.3 0 0 0-1.87-3.4M8.08 12.85l-.08.08-.08-.08C4.12 9.42 1.6 7.16 1.6 4.86c0-1.58 1.2-2.77 2.8-2.77 1.23 0 2.43.78 2.86 1.87h1.5a3.1 3.1 0 0 1 2.84-1.87c1.6 0 2.8 1.19 2.8 2.77 0 2.3-2.51 4.56-6.32 7.98" }));
-exports.default = SvgFavoriteBorderRound;

package/dist/foundation/iconography/svg/toggle/favorite_border-round.svg.js

@@ -1,10 +0,0 @@
-"use client";
-import * as React from "react";
-const SvgFavoriteBorderRound = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 15", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M14.13 1.29A4.66 4.66 0 0 0 8 2.16a4.65 4.65 0 0 0-6.12-.87A4.3 4.3 0 0 0 0 4.69c-.1 3.08 2.64 5.55 6.84 9.33l.08.07a1.6 1.6 0 0 0 2.15 0l.09-.09c4.2-3.77 6.94-6.24 6.84-9.32a4.3 4.3 0 0 0-1.87-3.4M8.08 12.85l-.08.08-.08-.08C4.12 9.42 1.6 7.16 1.6 4.86c0-1.58 1.2-2.77 2.8-2.77 1.23 0 2.43.78 2.86 1.87h1.5a3.1 3.1 0 0 1 2.84-1.87c1.6 0 2.8 1.19 2.8 2.77 0 2.3-2.51 4.56-6.32 7.98" }));
-export {
-  SvgFavoriteBorderRound as default
-};

package/dist/foundation/iconography/svg/toggle/favorite_border-sharp.svg.cjs

@@ -1,28 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
-function _interopNamespaceCompat(e) {
-  if (e && typeof e === "object" && "default" in e) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
-const SvgFavoriteBorderSharp = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M11.6.5c-1.4 0-2.73.66-3.6 1.7A4.8 4.8 0 0 0 4.4.5 4.4 4.4 0 0 0 0 5c0 3.09 2.72 5.6 6.84 9.43L8 15.5l1.16-1.08C13.28 10.6 16 8.1 16 5A4.4 4.4 0 0 0 11.6.5M8.08 13.21 8 13.3l-.08-.08C4.12 9.7 1.6 7.36 1.6 5c0-1.64 1.2-2.86 2.8-2.86 1.23 0 2.43.8 2.86 1.92h1.5a3.1 3.1 0 0 1 2.84-1.93c1.6 0 2.8 1.23 2.8 2.87 0 2.36-2.51 4.69-6.32 8.21" }));
-exports.default = SvgFavoriteBorderSharp;