@norges-domstoler/dds-components 0.0.13 → 0.0.17

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.
@@ -1,5 +1,8 @@
1
1
  import { CSSObject } from 'styled-components';
2
2
  export declare const breadcrumbTokens: {
3
+ breadcrumb: {
4
+ base: CSSObject;
5
+ };
3
6
  icon: {
4
7
  base: CSSObject;
5
8
  size: string;
@@ -1,15 +1,23 @@
1
- import { ButtonAppearance, ButtonPurpose, ButtonProps } from './Button.types';
2
- import { OverridableComponent } from '@material-ui/core/OverridableComponent';
3
1
  import { IconWrapper } from '../../helpers/IconWrapper';
4
- import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
5
- export declare const buttonContentStyle: (purpose: ButtonPurpose, appearance: ButtonAppearance, label?: string | undefined, Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined) => import("styled-components").FlattenSimpleInterpolation;
6
- declare type ButtonContentProps = Pick<ButtonProps, 'purpose' | 'appearance' | 'size' | 'label' | 'Icon' | 'iconPosition' | 'fullWidth' | 'loading'>;
7
- export declare const ButtonContent: import("styled-components").StyledComponent<"span", any, ButtonContentProps, never>;
8
- declare type ButtonWrapperProps = Pick<ButtonProps, 'fullWidth'>;
2
+ import { ButtonAppearance, ButtonPurpose, ButtonSize, IconPosition } from './Button.types';
3
+ declare type ButtonWrapperProps = {
4
+ appearance: ButtonAppearance;
5
+ purpose: ButtonPurpose;
6
+ size: ButtonSize;
7
+ fullWidth: boolean;
8
+ hasIcon: boolean;
9
+ hasLabel: boolean;
10
+ isLoading: boolean;
11
+ };
9
12
  export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, ButtonWrapperProps, never>;
10
- declare type IconWithTextWrapperProps = Pick<ButtonProps, 'iconPosition' | 'size'>;
13
+ declare type IconWithTextWrapperProps = {
14
+ iconPosition: IconPosition;
15
+ size: ButtonSize;
16
+ };
11
17
  export declare const IconWithTextWrapper: import("styled-components").StyledComponent<typeof IconWrapper, any, IconWithTextWrapperProps, never>;
12
- declare type JustIconWrapperProps = Pick<ButtonProps, 'size'>;
18
+ declare type JustIconWrapperProps = {
19
+ size: ButtonSize;
20
+ };
13
21
  export declare const JustIconWrapper: import("styled-components").StyledComponent<"span", any, JustIconWrapperProps, never>;
14
22
  export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
15
23
  export {};
@@ -6,7 +6,8 @@ declare type StyledContainerProps = {
6
6
  errorMessage?: string;
7
7
  isDisabled?: boolean;
8
8
  readOnly?: boolean;
9
- label?: string;
9
+ hasLabel: boolean;
10
+ isMulti?: boolean;
10
11
  };
11
12
  export declare const Container: import("styled-components").StyledComponent<"div", any, StyledContainerProps, never>;
12
13
  export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
@@ -1,14 +1,9 @@
1
1
  import { CSSObject } from 'styled-components';
2
+ export declare const multiValueContainerMinHeight: string;
2
3
  export declare const selectTokens: {
3
4
  container: {
4
5
  base: CSSObject;
5
6
  defaultWidth: string;
6
- withLabel: {
7
- base: CSSObject;
8
- };
9
- noLabel: {
10
- base: CSSObject;
11
- };
12
7
  hover: {
13
8
  base: CSSObject;
14
9
  };
@@ -45,6 +40,11 @@ export declare const selectTokens: {
45
40
  noLabel: {
46
41
  base: CSSObject;
47
42
  };
43
+ isMulti: {
44
+ noLabel: {
45
+ base: CSSObject;
46
+ };
47
+ };
48
48
  };
49
49
  placeholder: {
50
50
  base: CSSObject;
@@ -65,6 +65,60 @@ export declare const selectTokens: {
65
65
  };
66
66
  };
67
67
  };
68
+ valueContainer: {
69
+ withLabel: {
70
+ base: CSSObject;
71
+ };
72
+ noLabel: {
73
+ base: CSSObject;
74
+ };
75
+ isMulti: {
76
+ base: CSSObject;
77
+ withLabel: {
78
+ base: CSSObject;
79
+ };
80
+ noLabel: {
81
+ base: CSSObject;
82
+ };
83
+ };
84
+ };
85
+ multiValue: {
86
+ base: CSSObject;
87
+ enabled: {
88
+ base: CSSObject;
89
+ };
90
+ disabled: {
91
+ base: CSSObject;
92
+ };
93
+ };
94
+ multiValueLabel: {
95
+ base: CSSObject;
96
+ };
97
+ multiValueRemove: {
98
+ base: CSSObject;
99
+ hover: {
100
+ base: CSSObject;
101
+ };
102
+ icon: {
103
+ base: CSSObject;
104
+ };
105
+ };
106
+ indicatorsContainer: {
107
+ withLabel: {
108
+ base: CSSObject;
109
+ };
110
+ noLabel: {
111
+ base: CSSObject;
112
+ };
113
+ isMulti: {
114
+ withLabel: {
115
+ base: CSSObject;
116
+ };
117
+ noLabel: {
118
+ base: CSSObject;
119
+ };
120
+ };
121
+ };
68
122
  dropdownIndicator: {
69
123
  base: CSSObject;
70
124
  hover: {
@@ -83,4 +137,7 @@ export declare const selectTokens: {
83
137
  base: CSSObject;
84
138
  };
85
139
  };
140
+ loadingIndicator: {
141
+ base: CSSObject;
142
+ };
86
143
  };
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import 'focus-visible';
1
2
  import './styles/fontStyles.css';
2
3
  export * from './components/RadioButton';
3
4
  export * from './components/Checkbox';