@norges-domstoler/dds-components 22.7.0 → 22.7.1

package/dist/index.mjs

@@ -8061,7 +8061,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__ */ jsx267(List, { children })
@@ -10759,6 +10759,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)",
@@ -10779,22 +10780,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",
@@ -10806,7 +10797,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)",
@@ -10952,7 +10943,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)"
@@ -11150,7 +11141,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");
@@ -11233,12 +11223,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 === "";