@norges-domstoler/dds-components 22.7.0 → 22.7.1

package/dist/index.js

@@ -8401,7 +8401,7 @@ var ErrorSummary = ({
         props
       ),
       background: "surface-danger-default",
-      padding: "x1 x0.75 x1.5 x1",
+      padding: "x1 x0.75 x0.25 x1",
       children: [
         heading,
         /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(List, { children })
@@ -11070,6 +11070,7 @@ var optionTypography = {
     letterSpacing: "var(--dds-font-body-short-xsmall-letter-spacing)"
   }
 };
+var controlTypography = optionTypography;
 var multiValueLabelTypography = {
   medium: {
     font: "var(--dds-font-body-short-small)",
@@ -11090,22 +11091,12 @@ var groupHeadingTypography = {
 };
 var typography = {
   option: optionTypography,
+  control: controlTypography,
   multiValueLabel: multiValueLabelTypography,
   groupHeading: groupHeadingTypography
 };
 var prefix = "dds-select";
-var control = {
-  medium: {
-    ...optionTypography.medium
-  },
-  small: {
-    ...optionTypography.small
-  },
-  xsmall: {
-    ...optionTypography.xsmall
-  }
-};
-var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
+var getCustomStyles = (size2, hasError, isReadOnly) => ({
   control: (provided, state) => ({
     position: "relative",
     display: "flex",
@@ -11117,7 +11108,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     borderColor: "var(--dds-color-border-default)",
     backgroundColor: "var(--dds-color-surface-default)",
     transition: `box-shadow var(--dds-motion-micro-state), border-color var(--dds-motion-micro-state), ${focusVisibleTransitionValue}`,
-    ...control[size2],
+    ...typography.control[size2],
     "&:hover": {
       ...!isReadOnly && {
         borderColor: "var(--dds-color-border-action-hover)",
@@ -11263,7 +11254,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     gap: "var(--dds-spacing-x0-25)",
     padding: "var(--dds-spacing-x0-75)",
     backgroundColor: "var(--dds-color-surface-default)",
-    ...typography.option.medium,
+    ...typography.option[size2],
     color: "var(--dds-color-text-default)",
     "@media (prefers-reduced-motion: no-preference)": {
       transition: "color var(--dds-motion-micro-state), background-color var(--dds-motion-micro-state)"
@@ -11459,7 +11450,6 @@ function Select({
   const uniqueId = id != null ? id : `${generatedId}-select`;
   const singleValueId = !isMulti ? `${uniqueId}-singleValue` : void 0;
   const hasErrorMessage = !!errorMessage;
-  const hasIcon = !!icon;
   const showRequiredStyling = !!(rest.required || ariaRequired);
   const tipId = derivativeIdGenerator(uniqueId, "tip");
   const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
@@ -11542,12 +11532,7 @@ function Select({
     name: uniqueId,
     menuPortalTarget: portalTarget,
     classNamePrefix: prefix,
-    styles: getCustomStyles(
-      componentSize,
-      hasErrorMessage,
-      hasIcon,
-      readOnly
-    ),
+    styles: getCustomStyles(componentSize, hasErrorMessage, readOnly),
     filterOption: (option, inputValue) => {
       const { label: label2 } = option;
       return searchFilter(label2, inputValue) || inputValue === "";