@norges-domstoler/dds-components 14.6.0 → 14.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -522,6 +522,7 @@ declare const inputTokens: {
522
522
  };
523
523
  readOnly: {
524
524
  backgroundColor: string;
525
+ paddingTop: string;
525
526
  };
526
527
  sizes: {
527
528
  medium: {
package/dist/index.d.ts CHANGED
@@ -522,6 +522,7 @@ declare const inputTokens: {
522
522
  };
523
523
  readOnly: {
524
524
  backgroundColor: string;
525
+ paddingTop: string;
525
526
  };
526
527
  sizes: {
527
528
  medium: {
package/dist/index.js CHANGED
@@ -427,7 +427,8 @@ var input = {
427
427
  backgroundColor: colors.DdsColorNeutralsGray1
428
428
  },
429
429
  readOnly: {
430
- backgroundColor: "transparent"
430
+ backgroundColor: "transparent",
431
+ paddingTop: spacing.SizesDdsSpacingX0125
431
432
  },
432
433
  sizes: {
433
434
  medium: {
@@ -1029,7 +1030,7 @@ var Input = import_styled_components4.default.input`
1029
1030
  &:hover:enabled:read-write {
1030
1031
  ${hoverInputfield}
1031
1032
  }
1032
- &:not(.disabled):not(.read-only):focus-within,
1033
+ &:not(.disabled):not(.read-only):not(:read-only):focus-within,
1033
1034
  &.active,
1034
1035
  &:focus:enabled:read-write,
1035
1036
  &:active:enabled:read-write {
@@ -1051,6 +1052,7 @@ var StatefulInput = (0, import_styled_components4.default)(Input).withConfig({
1051
1052
 
1052
1053
  padding-left: ${({ prefixLength, readOnly }) => prefixLength && (readOnly ? `${prefixLength}px !important` : `calc(${input2.affix.gap}px + ${prefixLength}px) !important`)};
1053
1054
  padding-right: ${({ suffixLength, readOnly }) => suffixLength && (readOnly ? `${suffixLength}px !important` : `calc(${input2.affix.gap}px + ${suffixLength}px) !important`)};
1055
+
1054
1056
  ${({ componentSize }) => componentSize && import_styled_components4.css`
1055
1057
  padding: ${input2.sizes[componentSize].padding};
1056
1058
  ${getFontStyling(inputTypographyTypes[componentSize])}
@@ -1075,6 +1077,7 @@ var StatefulInput = (0, import_styled_components4.default)(Input).withConfig({
1075
1077
  cursor: default;
1076
1078
  background-color: ${input2.readOnly.backgroundColor};
1077
1079
  padding-left: 0;
1080
+ padding-top: ${input2.readOnly.paddingTop};
1078
1081
  }
1079
1082
  &.disabled,
1080
1083
  &:disabled {
@@ -10132,7 +10135,8 @@ var control = {
10132
10135
  },
10133
10136
  readOnly: {
10134
10137
  borderColor: "transparent",
10135
- backgroundColor: "transparent"
10138
+ backgroundColor: "transparent",
10139
+ paddingTop: spacing29.SizesDdsSpacingX0125
10136
10140
  },
10137
10141
  isMulti: {
10138
10142
  sizes: {
@@ -10333,6 +10337,8 @@ var Container12 = import_styled_components70.default.div`
10333
10337
  .${prefix}__control {
10334
10338
  border-color: ${control2.readOnly.borderColor};
10335
10339
  background-color: ${control2.readOnly.backgroundColor};
10340
+ padding-top: ${control2.readOnly.paddingTop};
10341
+ padding-left: 0;
10336
10342
  }
10337
10343
  .${prefix}__dropdown-indicator,
10338
10344
  &:hover