@vitality-ds/components 4.8.0 → 4.9.0

package/dist/Button/components/ButtonIcon/styles/BaseButtonIcon.styles.js

@@ -1,35 +1,41 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _icons = require("@vitality-ds/icons");
 var _system = require("@vitality-ds/system");
-var _default = exports["default"] = (0, _system.css)({
-  $$spacing: "$space$sm",
-  svg: {
-    $$size: "16px",
-    width: "$$size",
-    height: "$$size",
-    opacity: 0.8,
-    "altGlyph, circle, ellipse, path, polygon, polyline, rect, text, textPath, tref, tspan,": {
-      fill: "currentColor"
+var _default = exports["default"] = (0, _system.css)((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({
+  $$spacing: "$space$sm"
+}, "& > ".concat(_icons.BaseIcon), {
+  // Aligning Icons to text baseline = most Icons have 2px inner bottom spacing -> 2/24 * 2 = 0.2 rounded up
+  marginTop: "-.2em"
+}), "svg", {
+  $$size: "16px",
+  width: "$$size",
+  height: "$$size",
+  opacity: 0.8,
+  "altGlyph, circle, ellipse, path, polygon, polyline, rect, text, textPath, tref, tspan,": {
+    fill: "currentColor"
+  }
+}), "variants", {
+  spacing: {
+    end: {
+      marginInlineEnd: "$$spacing",
+      marginInlineStart: "-$sm"
+    },
+    start: {
+      marginInlineEnd: "-$sm",
+      marginInlineStart: "$$spacing"
     }
   },
-  variants: {
-    spacing: {
-      end: {
-        marginInlineEnd: "$$spacing"
-      },
-      start: {
-        marginInlineStart: "$$spacing"
-      }
-    },
-    size: {
-      "default": {},
-      compact: {
-        $$spacing: "$space$xs"
-      }
+  size: {
+    "default": {},
+    compact: {
+      $$spacing: "$space$xs"
     }
   }
-});
+}));

package/dist/DropdownMenu/components/DropdownMenuItem/styles/BaseItem.styles.js

@@ -43,5 +43,10 @@ var _default = exports["default"] = (0, _system.css)((0, _defineProperty2["defau
     "true": {
       paddingLeft: "$xl"
     }
+  },
+  htmlTag: {
+    a: {
+      textDecoration: "none"
+    }
   }
 }));

package/dist/DropdownMenu/components/DropdownMenuLinkItem/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _Content = _interopRequireDefault(require("../Content"));
+var _styled = require("../DropdownMenuItem/styled");
+var _excluded = ["label", "shortcut", "icon", "disabled", "indentContent"];
+function DropdownMenuLinkItem(_ref) {
+  var label = _ref.label,
+    shortcut = _ref.shortcut,
+    icon = _ref.icon,
+    disabled = _ref.disabled,
+    indentContent = _ref.indentContent,
+    linkProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDropdownMenuItem, {
+    asChild: true,
+    disabled: disabled,
+    indentContent: indentContent,
+    htmlTag: "a"
+  }, /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({
+    role: "menuitem"
+  }, linkProps), /*#__PURE__*/_react["default"].createElement(_Content["default"], {
+    icon: icon,
+    label: label,
+    shortcut: shortcut
+  })));
+}
+var _default = exports["default"] = DropdownMenuLinkItem;

package/dist/DropdownMenu/components/DropdownMenuLinkItem/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/DropdownMenu/components/Submenu/constants.js

@@ -9,11 +9,15 @@ var _Divider = _interopRequireDefault(require("../../../Divider"));
 var _CheckableDropdownMenuItem = _interopRequireDefault(require("../CheckableDropdownMenuItem"));
 var _CustomDropdownMenuItem = _interopRequireDefault(require("../CustomDropdownMenuItem"));
 var _DropdownMenuItem = _interopRequireDefault(require("../DropdownMenuItem"));
+var _DropdownMenuLinkItem = _interopRequireDefault(require("../DropdownMenuLinkItem"));
 var _GroupLabel = _interopRequireDefault(require("../GroupLabel"));
 var _default = exports["default"] = {
   item: {
     component: _DropdownMenuItem["default"]
   },
+  link: {
+    component: _DropdownMenuLinkItem["default"]
+  },
   checkableItem: {
     component: _CheckableDropdownMenuItem["default"]
   },

package/dist/Form/FormField/components/FormFieldLabel/index.spec.js

@@ -9,7 +9,7 @@ describe("getInputComponent", function () {
     var _render = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
         fieldType: "text",
         content: "Foo",
-        id: "foo"
+        htmlFor: "foo"
       })),
       container = _render.container;
     expect(container.children[0].tagName).toEqual("LABEL");
@@ -18,7 +18,7 @@ describe("getInputComponent", function () {
     var _render2 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
         fieldType: "text",
         content: "Foo",
-        id: "foo"
+        htmlFor: "foo"
       })),
       container = _render2.container;
     expect(container.children[0].tagName).toEqual("LABEL");
@@ -27,7 +27,7 @@ describe("getInputComponent", function () {
     var _render3 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
         fieldType: "checkbox",
         content: "Foo",
-        id: "foo"
+        htmlFor: "foo"
       })),
       container = _render3.container;
     expect(container.children[0].tagName).toEqual("LEGEND");

package/dist/Form/FormField/index.js

@@ -8,7 +8,9 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _icons = require("@vitality-ds/icons");
+var _system = require("@vitality-ds/system");
 var _react = _interopRequireDefault(require("react"));
+var _Box = _interopRequireDefault(require("../../Box"));
 var _Stack = _interopRequireDefault(require("../../Stack"));
 var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
 var _HelperMessage = _interopRequireDefault(require("../HelperMessage"));
@@ -37,18 +39,25 @@ function FormField(_ref) {
     spacing: "sm",
     direction: "horizontal",
     align: "center"
+  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    maxWidth: infoTooltipContent ? "90%" : "100%"
   }, /*#__PURE__*/_react["default"].createElement(_FormFieldLabel["default"], {
     fieldType: type,
     content: label,
-    id: id,
+    htmlFor: id,
     required: required,
     hasError: hasError
-  }), infoTooltipContent && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+  })), infoTooltipContent && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    maxWidth: "10%",
+    minWidth: "16px" // this is the same width as the icon size="sm"
+    ,
+    minHeight: _system.theme.fontSizes.caption.value
+  }, /*#__PURE__*/_react["default"].createElement(_styled.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
     content: infoTooltipContent
-  }, /*#__PURE__*/_react["default"].createElement(_styled.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_icons.Info, {
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_icons.Info, {
     color: "inherit",
     size: "sm"
-  })))), /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
+  })))))), /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
     onChange: onChange,
     value: value,
     id: id,

package/dist/Form/FormField/styles/IconWrapper.styles.js

@@ -6,5 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _system = require("@vitality-ds/system");
 var _default = exports["default"] = (0, _system.css)({
-  margin: "unset"
+  margin: "unset",
+  position: "relative",
+  "& > div": {
+    height: _system.theme.fontSizes.caption.value,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }
 });

package/dist/Form/Label/index.js

@@ -9,12 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
 function Label(_ref) {
   var content = _ref.content,
-    id = _ref.id,
+    htmlFor = _ref.htmlFor,
     required = _ref.required,
     hasError = _ref.hasError;
   return /*#__PURE__*/_react["default"].createElement(_styled.BaseLabel, {
-    htmlFor: id,
-    id: id
+    htmlFor: htmlFor
   }, content, required && /*#__PURE__*/_react["default"].createElement(_styled.BaseLabelRequired, {
     hasError: hasError
   }, "*"));

package/dist/components/src/Button/components/ButtonIcon/styled.d.ts

@@ -1,4 +1,48 @@
 declare const ButtonIcon: import("@stitches/react/types/styled-component").StyledComponent<"span", import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
+    [x: string]: string | {
+        marginTop: string;
+        $$size?: undefined;
+        width?: undefined;
+        height?: undefined;
+        opacity?: undefined;
+        "altGlyph, circle, ellipse, path, polygon, polyline, rect, text, textPath, tref, tspan,"?: undefined;
+        spacing?: undefined;
+        size?: undefined;
+    } | {
+        $$size: string;
+        width: string;
+        height: string;
+        opacity: number;
+        "altGlyph, circle, ellipse, path, polygon, polyline, rect, text, textPath, tref, tspan,": {
+            fill: string;
+        };
+        marginTop?: undefined;
+        spacing?: undefined;
+        size?: undefined;
+    } | {
+        spacing: {
+            end: {
+                marginInlineEnd: string;
+                marginInlineStart: string;
+            };
+            start: {
+                marginInlineEnd: string;
+                marginInlineStart: string;
+            };
+        };
+        size: {
+            default: {};
+            compact: {
+                $$spacing: string;
+            };
+        };
+        marginTop?: undefined;
+        $$size?: undefined;
+        width?: undefined;
+        height?: undefined;
+        opacity?: undefined;
+        "altGlyph, circle, ellipse, path, polygon, polyline, rect, text, textPath, tref, tspan,"?: undefined;
+    };
     $$spacing: string;
     svg: {
         $$size: string;
@@ -13,8 +57,10 @@ declare const ButtonIcon: import("@stitches/react/types/styled-component").Style
         spacing: {
             end: {
                 marginInlineEnd: string;
+                marginInlineStart: string;
             };
             start: {
+                marginInlineEnd: string;
                 marginInlineStart: string;
             };
         };

package/dist/components/src/Button/components/ButtonIcon/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../src/Button/components/ButtonIcon/styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAuC,CAAC;AAExD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../src/Button/components/ButtonIcon/styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAuC,CAAC;AAExD,eAAe,UAAU,CAAC"}

package/dist/components/src/Button/components/ButtonIcon/styles/BaseButtonIcon.styles.d.ts

@@ -1,4 +1,48 @@
 declare const _default: import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
+    [x: string]: string | {
+        marginTop: string;
+        $$size?: undefined;
+        width?: undefined;
+        height?: undefined;
+        opacity?: undefined;
+        "altGlyph, circle, ellipse, path, polygon, polyline, rect, text, textPath, tref, tspan,"?: undefined;
+        spacing?: undefined;
+        size?: undefined;
+    } | {
+        $$size: string;
+        width: string;
+        height: string;
+        opacity: number;
+        "altGlyph, circle, ellipse, path, polygon, polyline, rect, text, textPath, tref, tspan,": {
+            fill: string;
+        };
+        marginTop?: undefined;
+        spacing?: undefined;
+        size?: undefined;
+    } | {
+        spacing: {
+            end: {
+                marginInlineEnd: string;
+                marginInlineStart: string;
+            };
+            start: {
+                marginInlineEnd: string;
+                marginInlineStart: string;
+            };
+        };
+        size: {
+            default: {};
+            compact: {
+                $$spacing: string;
+            };
+        };
+        marginTop?: undefined;
+        $$size?: undefined;
+        width?: undefined;
+        height?: undefined;
+        opacity?: undefined;
+        "altGlyph, circle, ellipse, path, polygon, polyline, rect, text, textPath, tref, tspan,"?: undefined;
+    };
     $$spacing: string;
     svg: {
         $$size: string;
@@ -13,8 +57,10 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         spacing: {
             end: {
                 marginInlineEnd: string;
+                marginInlineStart: string;
             };
             start: {
+                marginInlineEnd: string;
                 marginInlineStart: string;
             };
         };

package/dist/components/src/Button/components/ButtonIcon/styles/BaseButtonIcon.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButtonIcon.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/Button/components/ButtonIcon/styles/BaseButtonIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBA4BG"}
+{"version":3,"file":"BaseButtonIcon.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/Button/components/ButtonIcon/styles/BaseButtonIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBAkCG"}

package/dist/components/src/Button/components/ButtonIcon/styles/BaseButtonIcon.styles.js

@@ -1,9 +1,16 @@
 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
+var icons_1 = require("@vitality-ds/icons");
 var system_1 = require("@vitality-ds/system");
-exports.default = (0, system_1.css)({
-    $$spacing: "$space$sm",
-    svg: {
+exports.default = (0, system_1.css)((_a = {
+        $$spacing: "$space$sm"
+    },
+    _a["& > " + icons_1.BaseIcon] = {
+        // Aligning Icons to text baseline = most Icons have 2px inner bottom spacing -> 2/24 * 2 = 0.2 rounded up
+        marginTop: "-.2em",
+    },
+    _a.svg = {
         $$size: "16px",
         width: "$$size",
         height: "$$size",
@@ -12,12 +19,14 @@ exports.default = (0, system_1.css)({
             fill: "currentColor",
         },
     },
-    variants: {
+    _a.variants = {
         spacing: {
             end: {
                 marginInlineEnd: "$$spacing",
+                marginInlineStart: "-$sm",
             },
             start: {
+                marginInlineEnd: "-$sm",
                 marginInlineStart: "$$spacing",
             },
         },
@@ -28,5 +37,5 @@ exports.default = (0, system_1.css)({
             },
         },
     },
-});
+    _a));
 //# sourceMappingURL=BaseButtonIcon.styles.js.map

package/dist/components/src/Button/components/ButtonIcon/styles/BaseButtonIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButtonIcon.styles.js","sourceRoot":"","sources":["../../../../../../../src/Button/components/ButtonIcon/styles/BaseButtonIcon.styles.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,SAAS,EAAE,WAAW;IACtB,GAAG,EAAE;QACH,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,GAAG;QACZ,wFAAwF,EACtF;YACE,IAAI,EAAE,cAAc;SACrB;KACJ;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,GAAG,EAAE;gBACH,eAAe,EAAE,WAAW;aAC7B;YACD,KAAK,EAAE;gBACL,iBAAiB,EAAE,WAAW;aAC/B;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,OAAO,EAAE;gBACP,SAAS,EAAE,WAAW;aACvB;SACF;KACF;CACF,CAAC,CAAC"}
+{"version":3,"file":"BaseButtonIcon.styles.js","sourceRoot":"","sources":["../../../../../../../src/Button/components/ButtonIcon/styles/BaseButtonIcon.styles.ts"],"names":[],"mappings":";;;AAAA,4CAA8C;AAC9C,8CAA0C;AAE1C,kBAAe,IAAA,YAAG;QAChB,SAAS,EAAE,WAAW;;IACtB,GAAC,SAAO,gBAAU,IAAG;QACnB,0GAA0G;QAC1G,SAAS,EAAE,OAAO;KACnB;IACD,MAAG,GAAE;QACH,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,GAAG;QACZ,wFAAwF,EACtF;YACE,IAAI,EAAE,cAAc;SACrB;KACJ;IACD,WAAQ,GAAE;QACR,OAAO,EAAE;YACP,GAAG,EAAE;gBACH,eAAe,EAAE,WAAW;gBAC5B,iBAAiB,EAAE,MAAM;aAC1B;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,MAAM;gBACvB,iBAAiB,EAAE,WAAW;aAC/B;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,OAAO,EAAE;gBACP,SAAS,EAAE,WAAW;aACvB;SACF;KACF;QACD,CAAC"}

package/dist/components/src/DropdownMenu/components/CheckableDropdownMenuItem/styled.d.ts

@@ -7,12 +7,14 @@ export declare const BaseCheckableItem: import("@stitches/react/types/styled-com
         backgroundColor?: undefined;
         outline?: undefined;
         indentContent?: undefined;
+        htmlTag?: undefined;
     } | {
         color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
         marginTop?: undefined;
         backgroundColor?: undefined;
         outline?: undefined;
         indentContent?: undefined;
+        htmlTag?: undefined;
     } | {
         [x: string]: {
             color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
@@ -23,6 +25,7 @@ export declare const BaseCheckableItem: import("@stitches/react/types/styled-com
         backgroundColor?: undefined;
         outline?: undefined;
         indentContent?: undefined;
+        htmlTag?: undefined;
     } | {
         [x: string]: string | {
             color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
@@ -32,18 +35,25 @@ export declare const BaseCheckableItem: import("@stitches/react/types/styled-com
         marginTop?: undefined;
         color?: undefined;
         indentContent?: undefined;
+        htmlTag?: undefined;
     } | {
         backgroundColor: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
         marginTop?: undefined;
         color?: undefined;
         outline?: undefined;
         indentContent?: undefined;
+        htmlTag?: undefined;
     } | {
         indentContent: {
             true: {
                 paddingLeft: string;
             };
         };
+        htmlTag: {
+            a: {
+                textDecoration: string;
+            };
+        };
         marginTop?: undefined;
         color?: undefined;
         backgroundColor?: undefined;
@@ -87,6 +97,11 @@ export declare const BaseCheckableItem: import("@stitches/react/types/styled-com
                 paddingLeft: string;
             };
         };
+        htmlTag: {
+            a: {
+                textDecoration: string;
+            };
+        };
     };
 }]>, {
     bp1: "(min-width: 48rem)";

package/dist/components/src/DropdownMenu/components/CheckableDropdownMenuItem/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../src/DropdownMenu/components/CheckableDropdownMenuItem/styled.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,aAAa,MAAM,+BAA+B,CAAC;AAM/D,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAI7B,CAAC;AAEF,eAAO,MAAuB,gBAAgB,0IAAkB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../src/DropdownMenu/components/CheckableDropdownMenuItem/styled.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,aAAa,MAAM,+BAA+B,CAAC;AAM/D,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAI7B,CAAC;AAEF,eAAO,MAAuB,gBAAgB,0IAAkB,CAAC"}