@norges-domstoler/dds-components 13.8.1 → 13.8.2

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 (9) hide show
  1. package/dist/cjs/components/Select/Select.styles.d.ts +1 -1
  2. package/dist/cjs/components/Select/Select.tokens.d.ts +3 -1
  3. package/dist/cjs/index.js +9 -4
  4. package/dist/components/Select/Select.js +1 -1
  5. package/dist/components/Select/Select.styles.d.ts +1 -1
  6. package/dist/components/Select/Select.styles.js +2 -2
  7. package/dist/components/Select/Select.tokens.d.ts +3 -1
  8. package/dist/components/Select/Select.tokens.js +6 -1
  9. package/package.json +1 -1
package/dist/cjs/components/Select/Select.styles.d.ts CHANGED
@@ -14,5 +14,5 @@ type StyledContainerProps = {
14
14
  export declare const Container: import("styled-components").StyledComponent<"div", any, StyledContainerProps, never>;
15
15
  export declare const InnerSingleValue: import("styled-components").StyledComponent<"div", any, {}, never>;
16
16
  export declare const StyledIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
17
- export declare const getCustomStyles: <TOption>() => Partial<StylesConfig<TOption, boolean, GroupBase<TOption>>>;
17
+ export declare const getCustomStyles: <TOption>(size: InputSize) => Partial<StylesConfig<TOption, boolean, GroupBase<TOption>>>;
18
18
  export {};
package/dist/cjs/components/Select/Select.tokens.d.ts CHANGED
@@ -10,7 +10,9 @@ export declare const typographyTypes: {
10
10
  [k in InputSize]: StaticTypographyType;
11
11
  };
12
12
  groupHeading: StaticTypographyType;
13
- multiValueLabel: StaticTypographyType;
13
+ multiValueLabel: {
14
+ [k in InputSize]: StaticTypographyType;
15
+ };
14
16
  };
15
17
  export declare const selectTokens: {
16
18
  control: {
package/dist/cjs/index.js CHANGED
@@ -2807,13 +2807,18 @@ var placeholderTypographyTypes = {
2807
2807
  small: 'supportingStylePlaceholderText02',
2808
2808
  tiny: 'supportingStylePlaceholderText03'
2809
2809
  };
2810
+ var multiValueLabelTypographyTypes = {
2811
+ medium: 'bodySans01',
2812
+ small: 'bodySans01',
2813
+ tiny: 'supportingStyleTiny01'
2814
+ };
2810
2815
  var typographyTypes$5 = {
2811
2816
  control: ddsForm.inputTypographyTypes,
2812
2817
  option: ddsForm.inputTypographyTypes,
2813
2818
  placeholder: placeholderTypographyTypes,
2814
2819
  noOptionsMessage: placeholderTypographyTypes,
2815
2820
  groupHeading: 'supportingStyleHelperText01',
2816
- multiValueLabel: 'bodySans01'
2821
+ multiValueLabel: multiValueLabelTypographyTypes
2817
2822
  };
2818
2823
  var control = {
2819
2824
  borderRadius: borderRadius$5.RadiiDdsBorderRadius1Radius,
@@ -3003,7 +3008,7 @@ var StyledIcon$2 = styled__default.default(ddsIcons.Icon).withConfig({
3003
3008
  displayName: "Selectstyles__StyledIcon",
3004
3009
  componentId: "sc-19jkd5s-2"
3005
3010
  })(["margin-right:", ";"], icon$6.marginRight);
3006
- var getCustomStyles = function getCustomStyles() {
3011
+ var getCustomStyles = function getCustomStyles(size) {
3007
3012
  return {
3008
3013
  control: function control() {
3009
3014
  return {
@@ -3072,7 +3077,7 @@ var getCustomStyles = function getCustomStyles() {
3072
3077
  multiValueLabel: function multiValueLabel(provided) {
3073
3078
  return Object.assign(Object.assign(Object.assign(Object.assign({}, provided), {
3074
3079
  padding: _multiValueLabel.padding
3075
- }), ddsTypography.getFontStyling(typographyTypes$5.multiValueLabel)), {
3080
+ }), ddsTypography.getFontStyling(typographyTypes$5.multiValueLabel[size])), {
3076
3081
  color: _multiValueLabel.color
3077
3082
  });
3078
3083
  },
@@ -3322,7 +3327,7 @@ var SelectInner = function SelectInner(props, ref) {
3322
3327
  inputId: uniqueId,
3323
3328
  name: uniqueId,
3324
3329
  classNamePrefix: prefix,
3325
- styles: getCustomStyles(),
3330
+ styles: getCustomStyles(componentSize),
3326
3331
  filterOption: function filterOption(option, inputValue) {
3327
3332
  var label = option.label;
3328
3333
  return ddsCore.searchFilter(label, inputValue) || inputValue === '';
package/dist/components/Select/Select.js CHANGED
@@ -153,7 +153,7 @@ var SelectInner = function SelectInner(props, ref) {
153
153
  inputId: uniqueId,
154
154
  name: uniqueId,
155
155
  classNamePrefix: prefix,
156
- styles: getCustomStyles(),
156
+ styles: getCustomStyles(componentSize),
157
157
  filterOption: function filterOption(option, inputValue) {
158
158
  var label = option.label;
159
159
  return searchFilter(label, inputValue) || inputValue === '';
package/dist/components/Select/Select.styles.d.ts CHANGED
@@ -14,5 +14,5 @@ type StyledContainerProps = {
14
14
  export declare const Container: import("styled-components").StyledComponent<"div", any, StyledContainerProps, never>;
15
15
  export declare const InnerSingleValue: import("styled-components").StyledComponent<"div", any, {}, never>;
16
16
  export declare const StyledIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
17
- export declare const getCustomStyles: <TOption>() => Partial<StylesConfig<TOption, boolean, GroupBase<TOption>>>;
17
+ export declare const getCustomStyles: <TOption>(size: InputSize) => Partial<StylesConfig<TOption, boolean, GroupBase<TOption>>>;
18
18
  export {};
package/dist/components/Select/Select.styles.js CHANGED
@@ -52,7 +52,7 @@ var StyledIcon = styled(Icon).withConfig({
52
52
  displayName: "Selectstyles__StyledIcon",
53
53
  componentId: "sc-19jkd5s-2"
54
54
  })(["margin-right:", ";"], icon.marginRight);
55
- var getCustomStyles = function getCustomStyles() {
55
+ var getCustomStyles = function getCustomStyles(size) {
56
56
  return {
57
57
  control: function control() {
58
58
  return {
@@ -121,7 +121,7 @@ var getCustomStyles = function getCustomStyles() {
121
121
  multiValueLabel: function multiValueLabel(provided) {
122
122
  return Object.assign(Object.assign(Object.assign(Object.assign({}, provided), {
123
123
  padding: _multiValueLabel.padding
124
- }), getFontStyling(typographyTypes.multiValueLabel)), {
124
+ }), getFontStyling(typographyTypes.multiValueLabel[size])), {
125
125
  color: _multiValueLabel.color
126
126
  });
127
127
  },
package/dist/components/Select/Select.tokens.d.ts CHANGED
@@ -10,7 +10,9 @@ export declare const typographyTypes: {
10
10
  [k in InputSize]: StaticTypographyType;
11
11
  };
12
12
  groupHeading: StaticTypographyType;
13
- multiValueLabel: StaticTypographyType;
13
+ multiValueLabel: {
14
+ [k in InputSize]: StaticTypographyType;
15
+ };
14
16
  };
15
17
  export declare const selectTokens: {
16
18
  control: {
package/dist/components/Select/Select.tokens.js CHANGED
@@ -11,13 +11,18 @@ var placeholderTypographyTypes = {
11
11
  small: 'supportingStylePlaceholderText02',
12
12
  tiny: 'supportingStylePlaceholderText03'
13
13
  };
14
+ var multiValueLabelTypographyTypes = {
15
+ medium: 'bodySans01',
16
+ small: 'bodySans01',
17
+ tiny: 'supportingStyleTiny01'
18
+ };
14
19
  var typographyTypes = {
15
20
  control: inputTypographyTypes,
16
21
  option: inputTypographyTypes,
17
22
  placeholder: placeholderTypographyTypes,
18
23
  noOptionsMessage: placeholderTypographyTypes,
19
24
  groupHeading: 'supportingStyleHelperText01',
20
- multiValueLabel: 'bodySans01'
25
+ multiValueLabel: multiValueLabelTypographyTypes
21
26
  };
22
27
  var control = {
23
28
  borderRadius: borderRadius.RadiiDdsBorderRadius1Radius,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@norges-domstoler/dds-components",
3
- "version": "13.8.1",
3
+ "version": "13.8.2",
4
4
  "description": "React components used in Elsa - domstolenes designsystem",
5
5
  "author": "Elsa team",
6
6
  "license": "MIT",