@norges-domstoler/dds-components 0.0.0-dev-20240404104453 → 0.0.0-dev-20240405092136

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.
Files changed (29) hide show
  1. package/dist/index.css +148 -0
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.d.mts +5 -3
  4. package/dist/index.d.ts +5 -3
  5. package/dist/index.js +1625 -1621
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +1392 -1388
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +19 -10
  10. package/dist/styles/fontStyles.css +0 -107
  11. package/dist/styles/selection.css +0 -6
  12. /package/dist/{assets/fonts/IBMPlexMono-Light.woff2 → IBMPlexMono-Light-2FWZ4VDJ.woff2} +0 -0
  13. /package/dist/{assets/fonts/IBMPlexMono-Light.woff → IBMPlexMono-Light-RY3ZOLND.woff} +0 -0
  14. /package/dist/{assets/fonts/IBMPlexMono-Regular.woff2 → IBMPlexMono-Regular-EDCLBKUZ.woff2} +0 -0
  15. /package/dist/{assets/fonts/IBMPlexMono-Regular.woff → IBMPlexMono-Regular-XDI3Y6KI.woff} +0 -0
  16. /package/dist/{assets/fonts/IBMPlexMono-SemiBold.woff2 → IBMPlexMono-SemiBold-4GO6OZFH.woff2} +0 -0
  17. /package/dist/{assets/fonts/IBMPlexMono-SemiBold.woff → IBMPlexMono-SemiBold-HV422YXI.woff} +0 -0
  18. /package/dist/{assets/fonts/IBMPlexSans-Italic.woff2 → IBMPlexSans-Italic-5TWWGFM4.woff2} +0 -0
  19. /package/dist/{assets/fonts/IBMPlexSans-Italic.woff → IBMPlexSans-Italic-HH2T6U4G.woff} +0 -0
  20. /package/dist/{assets/fonts/IBMPlexSans-Light.woff2 → IBMPlexSans-Light-6JVLZATI.woff2} +0 -0
  21. /package/dist/{assets/fonts/IBMPlexSans-Light.woff → IBMPlexSans-Light-DJGXOPZM.woff} +0 -0
  22. /package/dist/{assets/fonts/IBMPlexSans-LightItalic.woff → IBMPlexSans-LightItalic-DGDYT5M4.woff} +0 -0
  23. /package/dist/{assets/fonts/IBMPlexSans-LightItalic.woff2 → IBMPlexSans-LightItalic-HGYKQIYJ.woff2} +0 -0
  24. /package/dist/{assets/fonts/IBMPlexSans-Regular.woff2 → IBMPlexSans-Regular-7XP7CCD2.woff2} +0 -0
  25. /package/dist/{assets/fonts/IBMPlexSans-Regular.woff → IBMPlexSans-Regular-7YEDMBFF.woff} +0 -0
  26. /package/dist/{assets/fonts/IBMPlexSans-SemiBold.woff → IBMPlexSans-SemiBold-6YAECOM6.woff} +0 -0
  27. /package/dist/{assets/fonts/IBMPlexSans-SemiBold.woff2 → IBMPlexSans-SemiBold-G57W7BEN.woff2} +0 -0
  28. /package/dist/{assets/fonts/IBMPlexSans-SemiBoldItalic.woff2 → IBMPlexSans-SemiBoldItalic-4CLIFUGS.woff2} +0 -0
  29. /package/dist/{assets/fonts/IBMPlexSans-SemiBoldItalic.woff → IBMPlexSans-SemiBoldItalic-IK6VH5Y5.woff} +0 -0
package/dist/index.css ADDED
@@ -0,0 +1,148 @@
1
+ @import "@norges-domstoler/dds-design-tokens/dist/css/ddsTokens.css";
2
+
3
+ /* src/styles/dds-tokens.css */
4
+
5
+ /* src/styles/fontStyles.css */
6
+ @font-face {
7
+ font-family: IBM Plex Sans;
8
+ font-style: normal;
9
+ font-weight: 400;
10
+ font-display: swap;
11
+ src:
12
+ local("IBM Plex Sans"),
13
+ local("IBMPlexSans"),
14
+ url("./IBMPlexSans-Regular-7XP7CCD2.woff2") format("woff2"),
15
+ url("./IBMPlexSans-Regular-7YEDMBFF.woff") format("woff");
16
+ }
17
+ @font-face {
18
+ font-family: IBM Plex Sans;
19
+ font-style: italic;
20
+ font-weight: 400;
21
+ font-display: swap;
22
+ src:
23
+ local("IBM Plex Sans Italic"),
24
+ local("IBMPlexSans-Italic"),
25
+ url("./IBMPlexSans-Italic-5TWWGFM4.woff2") format("woff2"),
26
+ url("./IBMPlexSans-Italic-HH2T6U4G.woff") format("woff");
27
+ }
28
+ @font-face {
29
+ font-family: IBM Plex Sans;
30
+ font-style: normal;
31
+ font-weight: 300;
32
+ font-display: swap;
33
+ src:
34
+ local("IBM Plex Sans Light"),
35
+ local("IBMPlexSans-Light"),
36
+ url("./IBMPlexSans-Light-6JVLZATI.woff2") format("woff2"),
37
+ url("./IBMPlexSans-Light-DJGXOPZM.woff") format("woff");
38
+ }
39
+ @font-face {
40
+ font-family: IBM Plex Sans;
41
+ font-style: italic;
42
+ font-weight: 300;
43
+ font-display: swap;
44
+ src:
45
+ local("IBM Plex Sans Light Italic"),
46
+ local("IBMPlexSans-LightItalic"),
47
+ url("./IBMPlexSans-LightItalic-HGYKQIYJ.woff2") format("woff2"),
48
+ url("./IBMPlexSans-LightItalic-DGDYT5M4.woff") format("woff");
49
+ }
50
+ @font-face {
51
+ font-family: IBM Plex Sans;
52
+ font-style: normal;
53
+ font-weight: 600;
54
+ font-display: swap;
55
+ src:
56
+ local("IBM Plex Sans SemiBold"),
57
+ local("IBMPlexSans-SemiBold"),
58
+ url("./IBMPlexSans-SemiBold-G57W7BEN.woff2") format("woff2"),
59
+ url("./IBMPlexSans-SemiBold-6YAECOM6.woff") format("woff");
60
+ }
61
+ @font-face {
62
+ font-family: IBM Plex Sans;
63
+ font-style: italic;
64
+ font-weight: 600;
65
+ font-display: swap;
66
+ src:
67
+ local("IBM Plex Sans SemiBold Italic"),
68
+ local("IBMPlexSans-SemiBoldItalic"),
69
+ url("./IBMPlexSans-SemiBoldItalic-4CLIFUGS.woff2") format("woff2"),
70
+ url("./IBMPlexSans-SemiBoldItalic-IK6VH5Y5.woff") format("woff");
71
+ }
72
+ @font-face {
73
+ font-family: IBM Plex Mono;
74
+ font-style: normal;
75
+ font-weight: 400;
76
+ font-display: swap;
77
+ src:
78
+ local("IBM Plex Mono"),
79
+ local("IBMPlexMono"),
80
+ url("./IBMPlexMono-Regular-EDCLBKUZ.woff2") format("woff2"),
81
+ url("./IBMPlexMono-Regular-XDI3Y6KI.woff") format("woff");
82
+ }
83
+ @font-face {
84
+ font-family: IBM Plex Mono;
85
+ font-style: normal;
86
+ font-weight: 300;
87
+ font-display: swap;
88
+ src:
89
+ local("IBM Plex Mono Light"),
90
+ local("IBMPlexMono-Light"),
91
+ url("./IBMPlexMono-Light-2FWZ4VDJ.woff2") format("woff2"),
92
+ url("./IBMPlexMono-Light-RY3ZOLND.woff") format("woff");
93
+ }
94
+ @font-face {
95
+ font-family: IBM Plex Mono;
96
+ font-style: normal;
97
+ font-weight: 600;
98
+ font-display: swap;
99
+ src:
100
+ local("IBM Plex Mono SemiBold"),
101
+ local("IBMPlexMono-SemiBold"),
102
+ url("./IBMPlexMono-SemiBold-4GO6OZFH.woff2") format("woff2"),
103
+ url("./IBMPlexMono-SemiBold-HV422YXI.woff") format("woff");
104
+ }
105
+
106
+ /* src/styles/selection.css */
107
+ *::-moz-selection {
108
+ background-color: var(--dds-color-tertiary-lightest);
109
+ color: var(--dds-color-neutrals-gray-9);
110
+ }
111
+ *::selection {
112
+ background-color: var(--dds-color-tertiary-lightest);
113
+ color: var(--dds-color-neutrals-gray-9);
114
+ }
115
+
116
+ /* src/components/Typography/Typography/TextOverflowEllipsis/TextOverflowEllipsis.module.css */
117
+ .TextOverflowEllipsis_wrapper {
118
+ max-width: 100%;
119
+ }
120
+ .TextOverflowEllipsis_inner {
121
+ white-space: nowrap;
122
+ overflow: hidden;
123
+ text-overflow: ellipsis;
124
+ }
125
+
126
+ /* src/components/Chip/Chip.module.css */
127
+ .Chip_container {
128
+ display: flex;
129
+ align-items: center;
130
+ max-width: 100%;
131
+ gap: var(--sizes-dds-spacing-x-0-25);
132
+ padding: var(--sizes-dds-spacing-x-0-125) var(--sizes-dds-spacing-x-0-25) var(--sizes-dds-spacing-x-0-125) var(--sizes-dds-spacing-x-0-5);
133
+ border: 1px solid var(--dds-color-neutrals-gray-3);
134
+ border-radius: var(--radii-dds-border-radius-1-radius);
135
+ background-color: var(--dds-color-neutrals-gray-1);
136
+ }
137
+ .Chip_group {
138
+ display: flex;
139
+ gap: var(--sizes-dds-spacing-x-0-75);
140
+ }
141
+
142
+ /* src/components/helpers/styling/utilStyles.module.css */
143
+ .utilStyles_remove-list-styling {
144
+ list-style: none;
145
+ padding: 0;
146
+ margin: 0;
147
+ }
148
+ /*# sourceMappingURL=index.css.map */
package/dist/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/styles/fontStyles.css","../src/styles/selection.css","../src/components/Typography/Typography/TextOverflowEllipsis/TextOverflowEllipsis.module.css","../src/components/Chip/Chip.module.css","../src/components/helpers/styling/utilStyles.module.css"],"sourcesContent":["@font-face {\n font-family: IBM Plex Sans;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src:\n local('IBM Plex Sans'),\n local('IBMPlexSans'),\n url('./assets/fonts/IBMPlexSans-Regular.woff2') format('woff2'),\n url('./assets/fonts/IBMPlexSans-Regular.woff') format('woff');\n}\n\n@font-face {\n font-family: IBM Plex Sans;\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src:\n local('IBM Plex Sans Italic'),\n local('IBMPlexSans-Italic'),\n url('./assets/fonts/IBMPlexSans-Italic.woff2') format('woff2'),\n url('./assets/fonts/IBMPlexSans-Italic.woff') format('woff');\n}\n\n@font-face {\n font-family: IBM Plex Sans;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src:\n local('IBM Plex Sans Light'),\n local('IBMPlexSans-Light'),\n url('./assets/fonts/IBMPlexSans-Light.woff2') format('woff2'),\n url('./assets/fonts/IBMPlexSans-Light.woff') format('woff');\n}\n\n@font-face {\n font-family: IBM Plex Sans;\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src:\n local('IBM Plex Sans Light Italic'),\n local('IBMPlexSans-LightItalic'),\n url('./assets/fonts/IBMPlexSans-LightItalic.woff2') format('woff2'),\n url('./assets/fonts/IBMPlexSans-LightItalic.woff') format('woff');\n}\n\n@font-face {\n font-family: IBM Plex Sans;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src:\n local('IBM Plex Sans SemiBold'),\n local('IBMPlexSans-SemiBold'),\n url('./assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),\n url('./assets/fonts/IBMPlexSans-SemiBold.woff') format('woff');\n}\n\n@font-face {\n font-family: IBM Plex Sans;\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src:\n local('IBM Plex Sans SemiBold Italic'),\n local('IBMPlexSans-SemiBoldItalic'),\n url('./assets/fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),\n url('./assets/fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');\n}\n\n@font-face {\n font-family: IBM Plex Mono;\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src:\n local('IBM Plex Mono'),\n local('IBMPlexMono'),\n url('./assets/fonts/IBMPlexMono-Regular.woff2') format('woff2'),\n url('./assets/fonts/IBMPlexMono-Regular.woff') format('woff');\n}\n\n@font-face {\n font-family: IBM Plex Mono;\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src:\n local('IBM Plex Mono Light'),\n local('IBMPlexMono-Light'),\n url('./assets/fonts/IBMPlexMono-Light.woff2') format('woff2'),\n url('./assets/fonts/IBMPlexMono-Light.woff') format('woff');\n}\n\n@font-face {\n font-family: IBM Plex Mono;\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src:\n local('IBM Plex Mono SemiBold'),\n local('IBMPlexMono-SemiBold'),\n url('./assets/fonts/IBMPlexMono-SemiBold.woff2') format('woff2'),\n url('./assets/fonts/IBMPlexMono-SemiBold.woff') format('woff');\n}\n","*::-moz-selection {\n background-color: var(--dds-color-tertiary-lightest);\n color: var(--dds-color-neutrals-gray-9);\n}\n*::selection {\n background-color: var(--dds-color-tertiary-lightest);\n color: var(--dds-color-neutrals-gray-9);\n}\n",".wrapper {\n max-width: 100%;\n}\n\n.inner {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n",".container {\n display: flex;\n align-items: center;\n max-width: 100%;\n gap: var(--sizes-dds-spacing-x-0-25);\n padding: var(--sizes-dds-spacing-x-0-125) var(--sizes-dds-spacing-x-0-25)\n var(--sizes-dds-spacing-x-0-125) var(--sizes-dds-spacing-x-0-5);\n border: 1px solid var(--dds-color-neutrals-gray-3);\n border-radius: var(--radii-dds-border-radius-1-radius);\n background-color: var(--dds-color-neutrals-gray-1);\n}\n\n.group {\n display: flex;\n gap: var(--sizes-dds-spacing-x-0-75);\n}\n",".remove-list-styling {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n"],"mappings":";;;;;AAAA;AACE,eAAa,IAAI,KAAK;AACtB,cAAY;AACZ,eAAa;AACb,gBAAc;AACd;AAAA,IACE,MAAM,gBAAgB;AAAA,IACtB,MAAM,cAAc;AAAA,IACpB,4CAAgD,OAAO,QAAQ;AAAA,IAC/D,2CAA+C,OAAO;AAC1D;AAEA;AACE,eAAa,IAAI,KAAK;AACtB,cAAY;AACZ,eAAa;AACb,gBAAc;AACd;AAAA,IACE,MAAM,uBAAuB;AAAA,IAC7B,MAAM,qBAAqB;AAAA,IAC3B,2CAA+C,OAAO,QAAQ;AAAA,IAC9D,0CAA8C,OAAO;AACzD;AAEA;AACE,eAAa,IAAI,KAAK;AACtB,cAAY;AACZ,eAAa;AACb,gBAAc;AACd;AAAA,IACE,MAAM,sBAAsB;AAAA,IAC5B,MAAM,oBAAoB;AAAA,IAC1B,0CAA8C,OAAO,QAAQ;AAAA,IAC7D,yCAA6C,OAAO;AACxD;AAEA;AACE,eAAa,IAAI,KAAK;AACtB,cAAY;AACZ,eAAa;AACb,gBAAc;AACd;AAAA,IACE,MAAM,6BAA6B;AAAA,IACnC,MAAM,0BAA0B;AAAA,IAChC,gDAAoD,OAAO,QAAQ;AAAA,IACnE,+CAAmD,OAAO;AAC9D;AAEA;AACE,eAAa,IAAI,KAAK;AACtB,cAAY;AACZ,eAAa;AACb,gBAAc;AACd;AAAA,IACE,MAAM,yBAAyB;AAAA,IAC/B,MAAM,uBAAuB;AAAA,IAC7B,6CAAiD,OAAO,QAAQ;AAAA,IAChE,4CAAgD,OAAO;AAC3D;AAEA;AACE,eAAa,IAAI,KAAK;AACtB,cAAY;AACZ,eAAa;AACb,gBAAc;AACd;AAAA,IACE,MAAM,gCAAgC;AAAA,IACtC,MAAM,6BAA6B;AAAA,IACnC,mDAAuD,OAAO,QAAQ;AAAA,IACtE,kDAAsD,OAAO;AACjE;AAEA;AACE,eAAa,IAAI,KAAK;AACtB,cAAY;AACZ,eAAa;AACb,gBAAc;AACd;AAAA,IACE,MAAM,gBAAgB;AAAA,IACtB,MAAM,cAAc;AAAA,IACpB,4CAAgD,OAAO,QAAQ;AAAA,IAC/D,2CAA+C,OAAO;AAC1D;AAEA;AACE,eAAa,IAAI,KAAK;AACtB,cAAY;AACZ,eAAa;AACb,gBAAc;AACd;AAAA,IACE,MAAM,sBAAsB;AAAA,IAC5B,MAAM,oBAAoB;AAAA,IAC1B,0CAA8C,OAAO,QAAQ;AAAA,IAC7D,yCAA6C,OAAO;AACxD;AAEA;AACE,eAAa,IAAI,KAAK;AACtB,cAAY;AACZ,eAAa;AACb,gBAAc;AACd;AAAA,IACE,MAAM,yBAAyB;AAAA,IAC/B,MAAM,uBAAuB;AAAA,IAC7B,6CAAiD,OAAO,QAAQ;AAAA,IAChE,4CAAgD,OAAO;AAC3D;;;AC1GA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACb;AACA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACb;;;ACPA,CAACA;AACC,aAAW;AACb;AAEA,CAACC;AACC,eAAa;AACb,YAAU;AACV,iBAAe;AACjB;;;ACRA,CAACC;AACC,WAAS;AACT,eAAa;AACb,aAAW;AACX,OAAK,IAAI;AACT,WAAS,IAAI,6BAA6B,IAAI,4BAC5C,IAAI,6BAA6B,IAAI;AACvC,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,oBAAkB,IAAI;AACxB;AAEA,CAACC;AACC,WAAS;AACT,OAAK,IAAI;AACX;;;ACfA,CAACC;AACC,cAAY;AACZ,WAAS;AACT,UAAQ;AACV;","names":["wrapper","inner","container","group","remove-list-styling"]}
package/dist/index.d.mts CHANGED
@@ -4,7 +4,7 @@ import { Property, StandardProperties } from 'csstype';
4
4
  import * as styled_components from 'styled-components';
5
5
  import * as styled_components_dist_types from 'styled-components/dist/types';
6
6
  import * as react from 'react';
7
- import react__default, { HTMLAttributes, PropsWithChildren, ElementType, ComponentPropsWithoutRef, CSSProperties, AnchorHTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, AriaRole, TextareaHTMLAttributes, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ChangeEvent, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
7
+ import react__default, { HTMLAttributes, PropsWithChildren, ElementType, ComponentPropsWithoutRef, ComponentProps, CSSProperties, AnchorHTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, AriaRole, TextareaHTMLAttributes, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ChangeEvent, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
8
8
  import { TextColor as TextColor$1 } from '@norges-domstoler/dds-components/src/utils';
9
9
  import * as _floating_ui_react_dom from '@floating-ui/react-dom';
10
10
  import { Strategy, Placement as Placement$1 } from '@floating-ui/react-dom';
@@ -117,8 +117,8 @@ type ExtractStrict<T, U extends T> = U;
117
117
  type Nullable<T> = T | null;
118
118
  type Callback<T> = (e: T) => void;
119
119
 
120
- declare const TextOverflowEllipsisWrapper: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
121
- declare const TextOverflowEllipsisInner: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
120
+ declare function TextOverflowEllipsisWrapper({ className, ...rest }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
121
+ declare function TextOverflowEllipsisInner({ className, ...rest }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
122
122
 
123
123
  type TypographyBodySansType = 'bodySans01' | 'bodySans02' | 'bodySans03' | 'bodySans04';
124
124
  type TypographyBodyType = TypographyBodySansType;
@@ -2643,6 +2643,8 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
2643
2643
  customOptionElement?: (props: OptionProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
2644
2644
  /** Custom element som vises i listen over alternativer. */
2645
2645
  customSingleValueElement?: (props: SingleValueProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
2646
+ /** Testid. Legges på control-div med suffiks "control". */
2647
+ 'data-testid'?: string;
2646
2648
  } & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
2647
2649
  type ForwardRefType<Option, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
2648
2650
  declare function SelectInner<Option = unknown, IsMulti extends boolean = false>(props: SelectProps<Option, IsMulti>, ref: ForwardRefType<Option, IsMulti>): react_jsx_runtime.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -4,7 +4,7 @@ import { Property, StandardProperties } from 'csstype';
4
4
  import * as styled_components from 'styled-components';
5
5
  import * as styled_components_dist_types from 'styled-components/dist/types';
6
6
  import * as react from 'react';
7
- import react__default, { HTMLAttributes, PropsWithChildren, ElementType, ComponentPropsWithoutRef, CSSProperties, AnchorHTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, AriaRole, TextareaHTMLAttributes, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ChangeEvent, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
7
+ import react__default, { HTMLAttributes, PropsWithChildren, ElementType, ComponentPropsWithoutRef, ComponentProps, CSSProperties, AnchorHTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, AriaRole, TextareaHTMLAttributes, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ChangeEvent, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
8
8
  import { TextColor as TextColor$1 } from '@norges-domstoler/dds-components/src/utils';
9
9
  import * as _floating_ui_react_dom from '@floating-ui/react-dom';
10
10
  import { Strategy, Placement as Placement$1 } from '@floating-ui/react-dom';
@@ -117,8 +117,8 @@ type ExtractStrict<T, U extends T> = U;
117
117
  type Nullable<T> = T | null;
118
118
  type Callback<T> = (e: T) => void;
119
119
 
120
- declare const TextOverflowEllipsisWrapper: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
121
- declare const TextOverflowEllipsisInner: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
120
+ declare function TextOverflowEllipsisWrapper({ className, ...rest }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
121
+ declare function TextOverflowEllipsisInner({ className, ...rest }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
122
122
 
123
123
  type TypographyBodySansType = 'bodySans01' | 'bodySans02' | 'bodySans03' | 'bodySans04';
124
124
  type TypographyBodyType = TypographyBodySansType;
@@ -2643,6 +2643,8 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
2643
2643
  customOptionElement?: (props: OptionProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
2644
2644
  /** Custom element som vises i listen over alternativer. */
2645
2645
  customSingleValueElement?: (props: SingleValueProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
2646
+ /** Testid. Legges på control-div med suffiks "control". */
2647
+ 'data-testid'?: string;
2646
2648
  } & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
2647
2649
  type ForwardRefType<Option, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
2648
2650
  declare function SelectInner<Option = unknown, IsMulti extends boolean = false>(props: SelectProps<Option, IsMulti>, ref: ForwardRefType<Option, IsMulti>): react_jsx_runtime.JSX.Element;