@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-beta.4

package/components/AsChildSlot/AsChildSlot.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/AsChildSlot/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AsChildSlot } from './AsChildSlot';
+export * from './AsChildSlot';
+export default AsChildSlot;

package/components/AsChildSlot/index.js

@@ -0,0 +1,3 @@
+import "../../refs.js";
+import { n as AsChildSlot, t as AsChildSlot_default } from "../../AsChildSlot.js";
+export { AsChildSlot, AsChildSlot_default as default };

package/components/AsChildSlot/styles.module.scss

@@ -0,0 +1,13 @@
+.as-child-reset {
+  all: unset;
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  text-decoration: none;
+  background: transparent;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  outline: none !important;
+}

package/components/AsChildSlot/styles.module.scss.d.ts

@@ -0,0 +1,9 @@
+export type Styles = {
+  'as-child-reset': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Avatar/index.js

@@ -1,7 +1,6 @@
-import { A as Avatar } from "../../Avatar.js";
-import { a } from "../../Avatar.js";
-export {
-  a as AvatarSize,
-  Avatar as default
-};
-//# sourceMappingURL=index.js.map
+import "../../constants2.js";
+import "../../palette.js";
+import "../../Icon.js";
+import "../../Check.js";
+import { n as AvatarSize, t as Avatar_default } from "../../Avatar.js";
+export { AvatarSize, Avatar_default as default };

package/components/Badge/index.js

@@ -1,5 +1,10 @@
-import { B as Badge } from "../../Badge.js";
-export {
-  Badge as default
-};
-//# sourceMappingURL=index.js.map
+import "../../constants2.js";
+import "../../palette.js";
+import "../../Icon.js";
+import "../../CheckFill.js";
+import "../../ErrorSignFill.js";
+import "../../InfoSignFill.js";
+import "../../TriangleX.js";
+import "../../NotificationBadge.js";
+import { t as Badge_default } from "../../Badge.js";
+export { Badge_default as default };

package/components/Button/index.js

@@ -1,5 +1,19 @@
-import { B as Button } from "../../Button.js";
-export {
-  Button as default
-};
-//# sourceMappingURL=index.js.map
+import "../../environment.js";
+import "../../constants2.js";
+import "../../usePseudoClasses.js";
+import "../../grid.js";
+import "../../palette.js";
+import "../../spacers.js";
+import "../../theme.js";
+import "../../color.js";
+import "../../Icon.js";
+import "../../_rolldown_dynamic_import_helper.js";
+import "../../useIsServerSide.js";
+import "../../LazyIcon.js";
+import "../../component.js";
+import "../../useIcons.js";
+import "../../useBreakpoint.js";
+import "../../useIsMobileBreakpoint.js";
+import "../../ArrowRight.js";
+import { t as Button_default } from "../../Button.js";
+export { Button_default as default };

package/components/Button/styles.module.scss

@@ -39,12 +39,22 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
   @include text-color(var(--color-action-text-onlight-hover), var(--color-action-text-onlight-hover));
 }
 
-@mixin focus-shadow {
+@mixin focus-shadow($with-uu-border: true) {
   box-shadow: 0 0 0 spacers.getSpacer(3xs) palette.$black;
+
+  @if $with-uu-border {
+    border: 1px solid var(--color-action-border-ondark-focus);
+  }
 }
 
-@mixin focus-shadow-on-dark {
+@mixin focus-shadow-on-dark($with-uu-border: true) {
   box-shadow: 0 0 0 spacers.getSpacer(3xs) palette.$white;
+
+  @if $with-uu-border {
+    border: 1px solid var(--color-action-border-onlight-focus);
+  } @else {
+    border: none;
+  }
 }
 
 @mixin outline-borderless-background($background-color, $hover-background-color) {
@@ -102,16 +112,6 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
     background-color: $background-color;
   }
 
-  :focus > & {
-    @include focus-shadow-on-dark;
-
-    &:hover {
-      @include focus-shadow-on-dark;
-
-      background-color: palette.$white;
-    }
-  }
-
   /* stylelint-disable-next-line */
   :disabled > & {
     background-color: $dark-mode-disabled-transparrent;
@@ -129,20 +129,39 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
 @mixin on-dark {
   &--on-dark {
     @include fill-on-dark(var(--color-action-background-ondark-hover));
+
+    :focus > & {
+      @include focus-shadow-on-dark(true);
+
+      &:hover {
+        @include focus-shadow-on-dark(true);
+
+        background-color: palette.$white;
+      }
+    }
   }
+
   &--on-dark#{&}--destructive {
     @include fill-on-dark(palette.$cherry50);
   }
+
   &--on-dark#{&}--outline,
   &--on-dark#{&}--borderless,
   &--on-dark#{&}--outline#{&}--destructive,
   &--on-dark#{&}--borderless#{&}--destructive {
     background-color: transparent;
 
-    &:hover {
-      background-color: palette.$inverted-hover;
+    :focus > & {
+      @include focus-shadow-on-dark(false);
+
+      &:hover {
+        @include focus-shadow-on-dark(false);
+
+        background-color: palette.$inverted-hover;
+      }
     }
   }
+
   &--on-dark#{&}--outline {
     outline-color: palette.$white;
 
@@ -152,6 +171,7 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
       }
     }
   }
+
   &--on-dark#{&}--borderless {
     :disabled > & {
       border-color: $dark-mode-disabled-transparrent;
@@ -161,9 +181,11 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
   &--on-dark &__text {
     @include on-dark-text(palette.$blueberry600);
   }
+
   &--on-dark#{&}--destructive &__text {
     @include on-dark-text(palette.$cherry600);
   }
+
   &--on-dark#{&}--outline &__text,
   &--on-dark#{&}--borderless &__text {
     color: palette.$white;
@@ -212,7 +234,6 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
   min-height: 2.75rem;
   box-sizing: border-box;
   outline: none;
-  border: 0;
   border-radius: 0.5rem;
   letter-spacing: unset;
 
@@ -285,10 +306,30 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
     }
   }
 
+  // Gives space to focus border
+  border: 1px solid transparent;
+
+  :focus > & {
+    @include focus-shadow;
+
+    &:hover {
+      @include focus-shadow;
+    }
+  }
+
   &--outline,
   &--borderless {
     @include outline-borderless-background(transparent, var(--color-action-background-transparent-onlight-hover));
+
+    :focus > & {
+      @include focus-shadow(false);
+
+      &:hover {
+        @include focus-shadow(false);
+      }
+    }
   }
+
   &--outline#{&}--destructive,
   &--borderless#{&}--destructive {
     @include outline-borderless-background(transparent, palette.$cherry50);
@@ -297,16 +338,11 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
   &--outline {
     @include outline(palette.$blueberry700, palette.$blueberry50);
   }
+
   &--outline#{&}--destructive {
     @include outline(palette.$cherry700, palette.$cherry50);
   }
 
-  /* stylelint-disable-next-line */
-  &--borderless:not(.button--only-icon) {
-    padding: 0 spacers.getSpacer(3xs);
-  }
-
-  /* stylelint-disable-next-line */
   &--borderless {
     border-radius: 0;
 
@@ -319,11 +355,15 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
     }
   }
 
-  :focus > & {
-    @include focus-shadow;
+  &--borderless:not(.button--only-icon) {
+    padding: 0 spacers.getSpacer(2xs);
 
-    &:hover {
-      @include focus-shadow;
+    &:has(.button__left-icon) {
+      padding-left: 0;
+    }
+
+    &:has(.button__right-icon) {
+      padding-right: 0;
     }
   }
 
@@ -335,9 +375,12 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
     display: flex;
     align-items: center;
     justify-content: center;
+    text-align: left;
+    padding: 0.4375rem 0;
 
     @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       margin: 0 auto 0 0;
+      padding: 0.625rem 0;
     }
 
     &--ellipsis {
@@ -360,6 +403,7 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
   &--borderless &__text {
     @include text-color(var(--color-action-text-onlight), var(--color-action-text-onlight-hover));
   }
+
   &--outline#{&}--destructive &__text,
   &--borderless#{&}--destructive &__text {
     @include text-color(palette.$cherry600, palette.$cherry700);

package/components/Checkbox/index.js

@@ -1,6 +1,47 @@
-import { C as Checkbox } from "../../Checkbox.js";
-export {
-  Checkbox,
-  Checkbox as default
-};
-//# sourceMappingURL=index.js.map
+import "../../uuid.js";
+import "../../environment.js";
+import "../../constants2.js";
+import "../../usePseudoClasses.js";
+import "../../grid.js";
+import "../../palette.js";
+import "../../spacers.js";
+import "../../theme.js";
+import "../../color.js";
+import "../../spacing.js";
+import "../../currys.js";
+import "../../Icon.js";
+import "../../language.js";
+import "../../refs.js";
+import "../../Check.js";
+import "../../_rolldown_dynamic_import_helper.js";
+import "../../useIsServerSide.js";
+import "../../LazyIcon.js";
+import "../../component.js";
+import "../../useBreakpoint.js";
+import "../../useIdWithFallback.js";
+import "../../accessibility.js";
+import "../../ErrorWrapper.js";
+import "../../Spacer.js";
+import "../../Label.js";
+import "../../FormFieldTag.js";
+import "../../useElementList.js";
+import "../../useFocusableElements.js";
+import "../../useFocusToggle.js";
+import "../../focus.js";
+import "../../useFocusTrap.js";
+import "../../useIntersectionObserver.js";
+import "../../useIsVisible.js";
+import "../../debounce.js";
+import "../../useLayoutEvent.js";
+import "../../usePrevious.js";
+import "../../useSize.js";
+import "../../useResizeObserver.js";
+import "../../useToggle.js";
+import "../../useKeyboardEvent.js";
+import "../../useOutsideEvent.js";
+import "../../mobile.js";
+import "../../src.js";
+import "../../StatusDot.js";
+import { t as Checkbox } from "../../Checkbox.js";
+import { t as Checkbox_default } from "../../Checkbox2.js";
+export { Checkbox, Checkbox_default as default };

package/components/Checkbox/styles.module.scss

@@ -410,8 +410,17 @@ $padding-clickable-area-left: 8px;
       box-shadow: 0 0 0 spacers.getSpacer(3xs);
       color: palette.$black;
 
+      &__regular--checked {
+        border: 1px solid var(--color-action-border-ondark-focus);
+
+        & + .checkbox__icon-wrapper__regular--on-dark {
+          border: 1px solid var(--color-action-border-onlight-focus);
+        }
+      }
+
       &--on-dark {
         color: palette.$white;
+        border: 1px solid var(--color-action-border-onlight-focus);
       }
 
       &--invalid {
@@ -423,11 +432,13 @@ $padding-clickable-area-left: 8px;
           background-color: palette.$blueberry200;
           box-shadow: 0 0 0 spacers.getSpacer(3xs);
           color: palette.$white;
+          border: 1px solid var(--color-action-border-onlight-focus);
 
           // komboklasser fungerer ikke i nested struktur
           &--invalid {
             background-color: palette.$cherry500;
             color: palette.$black;
+            border: 1px solid var(--color-action-border-ondark-focus);
           }
 
           &--disabled {

package/components/Chip/index.js

@@ -1,51 +1,55 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-import { AnalyticsId, IconSize } from "../../constants.js";
-import { usePseudoClasses } from "../../hooks/usePseudoClasses.js";
-import { palette } from "../../theme/palette.js";
-import { I as Icon } from "../../Icon.js";
-import Undo from "../Icons/Undo.js";
-import X from "../Icons/X.js";
+import { a as IconSize, n as AnalyticsId } from "../../constants2.js";
+import { t as usePseudoClasses } from "../../usePseudoClasses.js";
+import { t as palette } from "../../palette.js";
+import { t as Icon_default } from "../../Icon.js";
+import { t as Undo_default } from "../../Undo.js";
+import { t as X_default } from "../../X.js";
+import React from "react";
+import cn from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
-var ChipSize = /* @__PURE__ */ ((ChipSize2) => {
-  ChipSize2["medium"] = "medium";
-  ChipSize2["large"] = "large";
-  return ChipSize2;
-})(ChipSize || {});
-var ChipAction = /* @__PURE__ */ ((ChipAction2) => {
-  ChipAction2["remove"] = "remove";
-  ChipAction2["undo"] = "undo";
-  return ChipAction2;
-})(ChipAction || {});
-var ChipVariant = /* @__PURE__ */ ((ChipVariant2) => {
-  ChipVariant2["normal"] = "normal";
-  ChipVariant2["oncolor"] = "oncolor";
-  ChipVariant2["emphasised"] = "emphasised";
-  return ChipVariant2;
-})(ChipVariant || {});
-const Chip = (props) => {
-  const { children, size = "medium", color = "blueberry", variant = "normal", action, onClick, testId } = props;
-  const { refObject, isHovered } = usePseudoClasses();
-  const chipClasses = classNames(styles.chip, styles[`chip--${size}`], styles[`chip--${color}`], styles[`chip--${variant}`], {
-    [styles[`chip--undo`]]: action === "undo"
-  });
-  const getActionIcon = () => {
-    switch (action) {
-      case "undo":
-        return Undo;
-      case "remove":
-        return X;
-    }
-  };
-  return /* @__PURE__ */ jsxs("button", { className: chipClasses, onClick, ref: refObject, type: "button", "data-testid": testId, "data-analyticsid": AnalyticsId.Tag, children: [
-    children,
-    /* @__PURE__ */ jsx(Icon, { svgIcon: getActionIcon(), size: IconSize.XXSmall, color: palette[`${color}800`], isHovered })
-  ] });
+let ChipSize = /* @__PURE__ */ function(ChipSize$1) {
+	ChipSize$1["medium"] = "medium";
+	ChipSize$1["large"] = "large";
+	return ChipSize$1;
+}({});
+let ChipAction = /* @__PURE__ */ function(ChipAction$1) {
+	ChipAction$1["remove"] = "remove";
+	ChipAction$1["undo"] = "undo";
+	return ChipAction$1;
+}({});
+let ChipVariant = /* @__PURE__ */ function(ChipVariant$1) {
+	ChipVariant$1["normal"] = "normal";
+	ChipVariant$1["oncolor"] = "oncolor";
+	ChipVariant$1["emphasised"] = "emphasised";
+	return ChipVariant$1;
+}({});
+var Chip = (props) => {
+	const { children, size = ChipSize.medium, color = "blueberry", variant = "normal", action, onClick, testId } = props;
+	const { refObject, isHovered } = usePseudoClasses();
+	const chipClasses = cn(styles.chip, styles[`chip--${size}`], styles[`chip--${color}`], styles[`chip--${variant}`], { [styles[`chip--undo`]]: action === "undo" });
+	const getActionIcon = () => {
+		switch (action) {
+			case "undo": return Undo_default;
+			case "remove": return X_default;
+		}
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		className: chipClasses,
+		onClick,
+		ref: refObject,
+		type: "button",
+		"data-testid": testId,
+		"data-analyticsid": AnalyticsId.Tag,
+		children: [children, /* @__PURE__ */ jsx(Icon_default, {
+			svgIcon: getActionIcon(),
+			size: IconSize.XXSmall,
+			color: palette[`${color}800`],
+			isHovered
+		})]
+	});
 };
-export {
-  ChipAction,
-  ChipSize,
-  ChipVariant,
-  Chip as default
-};
-//# sourceMappingURL=index.js.map
+var Chip_default = Chip;
+export { ChipAction, ChipSize, ChipVariant, Chip_default as default };
+
+//# sourceMappingURL=index.js.map

package/components/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { palette, PaletteNames } from '../../theme/palette';\nimport Icon, { IconSize, SvgIcon } from '../Icon';\nimport Undo from '../Icons/Undo';\nimport X from '../Icons/X';\n\nimport styles from './styles.module.scss';\n\nexport enum ChipSize {\n  medium = 'medium',\n  large = 'large',\n}\n\nexport enum ChipAction {\n  remove = 'remove',\n  undo = 'undo',\n}\n\nexport enum ChipVariant {\n  normal = 'normal',\n  oncolor = 'oncolor',\n  emphasised = 'emphasised',\n}\n\nexport type ChipColors = Extract<PaletteNames, 'blueberry' | 'neutral' | 'cherry' | 'banana' | 'kiwi' | 'plum'>;\n\nexport interface ChipProps {\n  /** Sets the text of the chip */\n  children: string;\n  /** Sets the size of the chip. Default: medium */\n  size?: keyof typeof ChipSize;\n  /** Sets the background of the chip. Not used if action is \"undo\". Default: blueberry */\n  color?: ChipColors;\n  /* Changes the appearance of the chip. Not used if action is \"undo\". Default: normal */\n  variant?: keyof typeof ChipVariant;\n  /* Makes the chip a clickable button that performs an action. onClick must also be set. */\n  action: keyof typeof ChipAction;\n  /* Called when action is set and the chip is clicked on. action must also be set. */\n  onClick: () => void;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n}\n\nconst Chip: React.FC<ChipProps> = props => {\n  const { children, size = ChipSize.medium, color = 'blueberry', variant = 'normal', action, onClick, testId } = props;\n\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>();\n\n  const chipClasses = cn(styles.chip, styles[`chip--${size}`], styles[`chip--${color}`], styles[`chip--${variant}`], {\n    [styles[`chip--undo`]]: action === 'undo',\n  });\n\n  const getActionIcon = (): SvgIcon => {\n    switch (action) {\n      case 'undo':\n        return Undo;\n      case 'remove':\n        return X;\n    }\n  };\n\n  return (\n    <button className={chipClasses} onClick={onClick} ref={refObject} type=\"button\" data-testid={testId} data-analyticsid={AnalyticsId.Tag}>\n      {children}\n      <Icon svgIcon={getActionIcon()} size={IconSize.XXSmall} color={palette[`${color}800`]} isHovered={isHovered} />\n    </button>\n  );\n};\n\nexport default Chip;\n"],"names":["ChipSize","ChipAction","ChipVariant","cn"],"mappings":";;;;;;;;;AAaO,IAAK,6BAAAA,cAAL;AACLA,YAAA,QAAA,IAAS;AACTA,YAAA,OAAA,IAAQ;AAFE,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AAKL,IAAK,+BAAAC,gBAAL;AACLA,cAAA,QAAA,IAAS;AACTA,cAAA,MAAA,IAAO;AAFG,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AAKL,IAAK,gCAAAC,iBAAL;AACLA,eAAA,QAAA,IAAS;AACTA,eAAA,SAAA,IAAU;AACVA,eAAA,YAAA,IAAa;AAHH,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;AAyBZ,MAAM,OAA4B,CAAA,UAAS;AACzC,QAAM,EAAE,UAAU,OAAO,UAAiB,QAAQ,aAAa,UAAU,UAAU,QAAQ,SAAS,OAAA,IAAW;AAE/G,QAAM,EAAE,WAAW,UAAA,IAAc,iBAAA;AAEjC,QAAM,cAAcC,WAAG,OAAO,MAAM,OAAO,SAAS,IAAI,EAAE,GAAG,OAAO,SAAS,KAAK,EAAE,GAAG,OAAO,SAAS,OAAO,EAAE,GAAG;AAAA,IACjH,CAAC,OAAO,YAAY,CAAC,GAAG,WAAW;AAAA,EAAA,CACpC;AAED,QAAM,gBAAgB,MAAe;AACnC,YAAQ,QAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,SACE,qBAAC,UAAA,EAAO,WAAW,aAAa,SAAkB,KAAK,WAAW,MAAK,UAAS,eAAa,QAAQ,oBAAkB,YAAY,KAChI,UAAA;AAAA,IAAA;AAAA,IACD,oBAAC,MAAA,EAAK,SAAS,cAAA,GAAiB,MAAM,SAAS,SAAS,OAAO,QAAQ,GAAG,KAAK,KAAK,GAAG,UAAA,CAAsB;AAAA,EAAA,GAC/G;AAEJ;"}
+{"version":3,"file":"index.js","names":["Chip: React.FC<ChipProps>"],"sources":["../../../src/components/Chip/Chip.tsx","../../../src/components/Chip/index.ts"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { palette, PaletteNames } from '../../theme/palette';\nimport Icon, { IconSize, SvgIcon } from '../Icon';\nimport Undo from '../Icons/Undo';\nimport X from '../Icons/X';\n\nimport styles from './styles.module.scss';\n\nexport enum ChipSize {\n  medium = 'medium',\n  large = 'large',\n}\n\nexport enum ChipAction {\n  remove = 'remove',\n  undo = 'undo',\n}\n\nexport enum ChipVariant {\n  normal = 'normal',\n  oncolor = 'oncolor',\n  emphasised = 'emphasised',\n}\n\nexport type ChipColors = Extract<PaletteNames, 'blueberry' | 'neutral' | 'cherry' | 'banana' | 'kiwi' | 'plum'>;\n\nexport interface ChipProps {\n  /** Sets the text of the chip */\n  children: string;\n  /** Sets the size of the chip. Default: medium */\n  size?: keyof typeof ChipSize;\n  /** Sets the background of the chip. Not used if action is \"undo\". Default: blueberry */\n  color?: ChipColors;\n  /* Changes the appearance of the chip. Not used if action is \"undo\". Default: normal */\n  variant?: keyof typeof ChipVariant;\n  /* Makes the chip a clickable button that performs an action. onClick must also be set. */\n  action: keyof typeof ChipAction;\n  /* Called when action is set and the chip is clicked on. action must also be set. */\n  onClick: () => void;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n}\n\nconst Chip: React.FC<ChipProps> = props => {\n  const { children, size = ChipSize.medium, color = 'blueberry', variant = 'normal', action, onClick, testId } = props;\n\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>();\n\n  const chipClasses = cn(styles.chip, styles[`chip--${size}`], styles[`chip--${color}`], styles[`chip--${variant}`], {\n    [styles[`chip--undo`]]: action === 'undo',\n  });\n\n  const getActionIcon = (): SvgIcon => {\n    switch (action) {\n      case 'undo':\n        return Undo;\n      case 'remove':\n        return X;\n    }\n  };\n\n  return (\n    <button className={chipClasses} onClick={onClick} ref={refObject} type=\"button\" data-testid={testId} data-analyticsid={AnalyticsId.Tag}>\n      {children}\n      <Icon svgIcon={getActionIcon()} size={IconSize.XXSmall} color={palette[`${color}800`]} isHovered={isHovered} />\n    </button>\n  );\n};\n\nexport default Chip;\n","import Chip from './Chip';\nexport * from './Chip';\nexport default Chip;\n"],"mappings":";;;;;;;;;;AAaA,IAAY,WAAA,yBAAA,YAAL;AACL,YAAA,YAAA;AACA,YAAA,WAAA;;;AAGF,IAAY,aAAA,yBAAA,cAAL;AACL,cAAA,YAAA;AACA,cAAA,UAAA;;;AAGF,IAAY,cAAA,yBAAA,eAAL;AACL,eAAA,YAAA;AACA,eAAA,aAAA;AACA,eAAA,gBAAA;;;AAsBF,IAAMA,QAA4B,UAAS;CACzC,MAAM,EAAE,UAAU,OAAO,SAAS,QAAQ,QAAQ,aAAa,UAAU,UAAU,QAAQ,SAAS,WAAW;CAE/G,MAAM,EAAE,WAAW,cAAc,kBAAqC;CAEtE,MAAM,cAAc,GAAG,OAAO,MAAM,OAAO,SAAS,SAAS,OAAO,SAAS,UAAU,OAAO,SAAS,YAAY,GAChH,OAAO,gBAAgB,WAAW,QACpC,CAAC;CAEF,MAAM,sBAA+B;AACnC,UAAQ,QAAR;GACE,KAAK,OACH,QAAO;GACT,KAAK,SACH,QAAO;;;AAIb,QACE,qBAAC,UAAA;EAAO,WAAW;EAAsB;EAAS,KAAK;EAAW,MAAK;EAAS,eAAa;EAAQ,oBAAkB,YAAY;aAChI,UACD,oBAAC,cAAA;GAAK,SAAS,eAAe;GAAE,MAAM,SAAS;GAAS,OAAO,QAAQ,GAAG,MAAM;GAAkB;IAAa,CAAA;GACxG;;ACpEb,IAAA,eDwEe"}

package/components/Close/index.js

@@ -1,5 +1,10 @@
-import { C as Close } from "../../Close.js";
-export {
-  Close as default
-};
-//# sourceMappingURL=index.js.map
+import "../../constants2.js";
+import "../../usePseudoClasses.js";
+import "../../grid.js";
+import "../../Icon.js";
+import "../../refs.js";
+import "../../useBreakpoint.js";
+import "../../useIsMobileBreakpoint.js";
+import "../../X.js";
+import { t as Close_default } from "../../Close.js";
+export { Close_default as default };

package/components/DictionaryTrigger/index.js

@@ -1,5 +1,3 @@
-import { D as DictionaryTrigger } from "../../DictionaryTrigger.js";
-export {
-  DictionaryTrigger as default
-};
-//# sourceMappingURL=index.js.map
+import "../../constants2.js";
+import { t as DictionaryTrigger_default } from "../../DictionaryTrigger.js";
+export { DictionaryTrigger_default as default };

package/components/Drawer/index.js

@@ -1,5 +1,39 @@
-import { D as Drawer } from "../../Drawer.js";
-export {
-  Drawer as default
-};
-//# sourceMappingURL=index.js.map
+import "../../uuid.js";
+import "../../environment.js";
+import "../../constants2.js";
+import "../../usePseudoClasses.js";
+import "../../grid.js";
+import "../../palette.js";
+import "../../spacers.js";
+import "../../theme.js";
+import "../../color.js";
+import "../../Icon.js";
+import "../../language.js";
+import "../../refs.js";
+import "../../_rolldown_dynamic_import_helper.js";
+import "../../useIsServerSide.js";
+import "../../LazyIcon.js";
+import "../../component.js";
+import "../../useIcons.js";
+import "../../useBreakpoint.js";
+import "../../useIsMobileBreakpoint.js";
+import "../../ArrowRight.js";
+import "../../Button.js";
+import "../../accessibility.js";
+import "../../useElementList.js";
+import "../../useFocusableElements.js";
+import "../../focus.js";
+import "../../useFocusTrap.js";
+import "../../useIntersectionObserver.js";
+import "../../useIsVisible.js";
+import "../../useKeyboardEvent.js";
+import "../../useOutsideEvent.js";
+import "../../X.js";
+import "../../Close.js";
+import { t as Drawer_default } from "../../Drawer.js";
+import "../../deepContains.js";
+import "../../useReturnFocusOnUnmount.js";
+import "../../scroll.js";
+import "../../Title.js";
+import "../../Title2.js";
+export { Drawer_default as default };