@amboss/design-system 1.16.0 → 1.16.1--canary2

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 (8) hide show
  1. package/build/cjs/src/components/SearchResult/SearchResult.js +16 -8
  2. package/build/esm/src/components/SearchResult/SearchResult.js +16 -8
  3. package/build/esm/src/components/SearchResult/SearchResult.js.map +1 -1
  4. package/build/{cjs/scss/themes/light.scss → scss/index.scss} +108 -1
  5. package/package.json +2 -1
  6. package/build/cjs/scss/themes/dark.scss +0 -111
  7. package/build/esm/scss/themes/dark.scss +0 -111
  8. package/build/esm/scss/themes/light.scss +0 -111
package/build/cjs/scss/themes/dark.scss DELETED
@@ -1,111 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Mon, 25 Sep 2023 19:07:33 GMT
4
-
5
- $dark-color-canvas: #1e2125;
6
- $dark-color-background-primary-default: #24282d;
7
- $dark-color-background-secondary-default: #282c34;
8
- $dark-color-background-secondary-hover: #393e47;
9
- $dark-color-background-secondary-active: #393e47;
10
- $dark-color-background-accent-default: #28816b;
11
- $dark-color-background-accent-hover: #41a48a;
12
- $dark-color-background-accent-active: #233d3d;
13
- $dark-color-background-accent-disabled: rgba(40, 129, 107, 0.3);
14
- $dark-color-background-onAccent-default: #ffffff;
15
- $dark-color-background-onAccent-hover: #ffffff;
16
- $dark-color-background-onAccent-active: #ffffff;
17
- $dark-color-background-onAccent-disabled: rgba(255, 255, 255, 0.6);
18
- $dark-color-background-error-default: #a45355;
19
- $dark-color-background-error-hover: #d07c7c;
20
- $dark-color-background-error-active: #4d3237;
21
- $dark-color-background-error-disabled: rgba(164, 83, 85, 0.3);
22
- $dark-color-background-success-default: #28816b;
23
- $dark-color-background-info-default: #2f538a;
24
- $dark-color-background-warning-default: #a4792d;
25
- $dark-color-background-accentSubtle-default: #233d3d;
26
- $dark-color-background-errorSubtle-default: #312b31;
27
- $dark-color-background-successSubtle-default: #262e33;
28
- $dark-color-background-infoSubtle-default: #282e39;
29
- $dark-color-background-warningSubtle-default: #32302f;
30
- $dark-color-background-highlight-default: #40454f;
31
- $dark-color-background-highlight-hover: #393e47;
32
- $dark-color-background-contrast-default: #ced1d6;
33
- $dark-color-background-transparent-default: rgba(255, 255, 255, 0);
34
- $dark-color-background-transparent-hover: rgba(147, 151, 159, 0.08);
35
- $dark-color-background-transparent-active: rgba(147, 151, 159, 0.08);
36
- $dark-color-background-backdrop-default: rgba(0, 0, 0, 0.6);
37
- $dark-color-text-primary-default: #ced1d6;
38
- $dark-color-text-primary-hover: #ffffff;
39
- $dark-color-text-secondary-default: #b9bcc3;
40
- $dark-color-text-secondary-hover: #ced1d6;
41
- $dark-color-text-tertiary-default: #93979f;
42
- $dark-color-text-tertiary-disabled: rgba(216, 218, 222, 0.3);
43
- $dark-color-text-tertiary-hover: #b9bcc3;
44
- $dark-color-text-quaternary-default: #757a84;
45
- $dark-color-text-accent-default: #41a48a;
46
- $dark-color-text-accent-hover: #a6f2dd;
47
- $dark-color-text-onAccent-default: #ffffff;
48
- $dark-color-text-onAccent-disabled: rgba(216, 218, 222, 0.3);
49
- $dark-color-text-info-default: #99c1fa;
50
- $dark-color-text-error-default: #f49a9a;
51
- $dark-color-text-error-disabled: rgba(244, 154, 154, 0.3);
52
- $dark-color-text-warning-default: #fae0b3;
53
- $dark-color-text-success-default: #a6f2dd;
54
- $dark-color-icon-primary: #d8dade;
55
- $dark-color-icon-secondary: #ced1d6;
56
- $dark-color-icon-tertiary: #93979f;
57
- $dark-color-icon-quaternary: #757a84;
58
- $dark-color-icon-accent: #41a48a;
59
- $dark-color-icon-onAccent: #ffffff;
60
- $dark-color-icon-info: #6e95cf;
61
- $dark-color-icon-error: #d07c7c;
62
- $dark-color-icon-warning: #cbac76;
63
- $dark-color-icon-success: #41a48a;
64
- $dark-color-icon-brand: #62b2bc;
65
- $dark-color-border-primary-default: #5b5f67;
66
- $dark-color-border-primary-hover: #757a84;
67
- $dark-color-border-primary-active: #93979f;
68
- $dark-color-border-primary-disabled: rgba(147, 151, 159, 0.08);
69
- $dark-color-border-secondary-default: rgba(147, 149, 159, 0.3);
70
- $dark-color-border-accent-default: #41a48a;
71
- $dark-color-border-error-default: #d07c7c;
72
- $dark-color-border-accentSubtle-default: #28816b;
73
- $dark-color-divider-primary: #40454f;
74
- $dark-color-divider-secondary: rgba(147, 151, 159, 0.08);
75
- $dark-color-toggle-background-highlight: #b2ab39;
76
- $dark-color-toggle-border-highlight: #b2ab39;
77
- $dark-color-badge-background-default: transparent;
78
- $dark-color-badge-background-green: transparent;
79
- $dark-color-badge-background-blue: transparent;
80
- $dark-color-badge-background-yellow: transparent;
81
- $dark-color-badge-background-brand: transparent;
82
- $dark-color-badge-background-purple: transparent;
83
- $dark-color-badge-background-red: transparent;
84
- $dark-color-badge-background-gray: transparent;
85
- $dark-color-badge-text-default: #ced1d6;
86
- $dark-color-badge-text-green: #41a48a;
87
- $dark-color-badge-text-blue: #6e95cf;
88
- $dark-color-badge-text-yellow: #cbac76;
89
- $dark-color-badge-text-brand: #62b2bc;
90
- $dark-color-badge-text-purple: #ad97f7;
91
- $dark-color-badge-text-red: #d07c7c;
92
- $dark-color-badge-text-gray: #93979f;
93
- $dark-color-badge-border-default: #393e47;
94
- $dark-color-badge-border-green: #393e47;
95
- $dark-color-badge-border-blue: #393e47;
96
- $dark-color-badge-border-yellow: #393e47;
97
- $dark-color-badge-border-brand: #393e47;
98
- $dark-color-badge-border-purple: #393e47;
99
- $dark-color-badge-border-red: #393e47;
100
- $dark-color-badge-border-gray: #393e47;
101
- $dark-color-segmented-progress-bar-monochrome: #ced1d6;
102
- $dark-color-segmented-progress-bar-success: #28816b;
103
- $dark-color-segmented-progress-bar-warning: #a4792d;
104
- $dark-color-segmented-progress-bar-alert: #a45355;
105
- $dark-color-segmented-progress-bar-in-progress: #5b5f67;
106
- $dark-color-tag-background-gray: #5b5f67;
107
- $dark-color-tag-background-blue: #2f538a;
108
- $dark-color-tag-text-gray: #ced1d6;
109
- $dark-color-tag-text-blue: #e7effe;
110
- $dark-color-destructive-tertiary-button-background-hover: rgba(164, 83, 85, 0.08);
111
- $dark-color-destructive-tertiary-button-background-active: rgba(164, 83, 85, 0.08);
package/build/esm/scss/themes/dark.scss DELETED
@@ -1,111 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Mon, 25 Sep 2023 19:07:33 GMT
4
-
5
- $dark-color-canvas: #1e2125;
6
- $dark-color-background-primary-default: #24282d;
7
- $dark-color-background-secondary-default: #282c34;
8
- $dark-color-background-secondary-hover: #393e47;
9
- $dark-color-background-secondary-active: #393e47;
10
- $dark-color-background-accent-default: #28816b;
11
- $dark-color-background-accent-hover: #41a48a;
12
- $dark-color-background-accent-active: #233d3d;
13
- $dark-color-background-accent-disabled: rgba(40, 129, 107, 0.3);
14
- $dark-color-background-onAccent-default: #ffffff;
15
- $dark-color-background-onAccent-hover: #ffffff;
16
- $dark-color-background-onAccent-active: #ffffff;
17
- $dark-color-background-onAccent-disabled: rgba(255, 255, 255, 0.6);
18
- $dark-color-background-error-default: #a45355;
19
- $dark-color-background-error-hover: #d07c7c;
20
- $dark-color-background-error-active: #4d3237;
21
- $dark-color-background-error-disabled: rgba(164, 83, 85, 0.3);
22
- $dark-color-background-success-default: #28816b;
23
- $dark-color-background-info-default: #2f538a;
24
- $dark-color-background-warning-default: #a4792d;
25
- $dark-color-background-accentSubtle-default: #233d3d;
26
- $dark-color-background-errorSubtle-default: #312b31;
27
- $dark-color-background-successSubtle-default: #262e33;
28
- $dark-color-background-infoSubtle-default: #282e39;
29
- $dark-color-background-warningSubtle-default: #32302f;
30
- $dark-color-background-highlight-default: #40454f;
31
- $dark-color-background-highlight-hover: #393e47;
32
- $dark-color-background-contrast-default: #ced1d6;
33
- $dark-color-background-transparent-default: rgba(255, 255, 255, 0);
34
- $dark-color-background-transparent-hover: rgba(147, 151, 159, 0.08);
35
- $dark-color-background-transparent-active: rgba(147, 151, 159, 0.08);
36
- $dark-color-background-backdrop-default: rgba(0, 0, 0, 0.6);
37
- $dark-color-text-primary-default: #ced1d6;
38
- $dark-color-text-primary-hover: #ffffff;
39
- $dark-color-text-secondary-default: #b9bcc3;
40
- $dark-color-text-secondary-hover: #ced1d6;
41
- $dark-color-text-tertiary-default: #93979f;
42
- $dark-color-text-tertiary-disabled: rgba(216, 218, 222, 0.3);
43
- $dark-color-text-tertiary-hover: #b9bcc3;
44
- $dark-color-text-quaternary-default: #757a84;
45
- $dark-color-text-accent-default: #41a48a;
46
- $dark-color-text-accent-hover: #a6f2dd;
47
- $dark-color-text-onAccent-default: #ffffff;
48
- $dark-color-text-onAccent-disabled: rgba(216, 218, 222, 0.3);
49
- $dark-color-text-info-default: #99c1fa;
50
- $dark-color-text-error-default: #f49a9a;
51
- $dark-color-text-error-disabled: rgba(244, 154, 154, 0.3);
52
- $dark-color-text-warning-default: #fae0b3;
53
- $dark-color-text-success-default: #a6f2dd;
54
- $dark-color-icon-primary: #d8dade;
55
- $dark-color-icon-secondary: #ced1d6;
56
- $dark-color-icon-tertiary: #93979f;
57
- $dark-color-icon-quaternary: #757a84;
58
- $dark-color-icon-accent: #41a48a;
59
- $dark-color-icon-onAccent: #ffffff;
60
- $dark-color-icon-info: #6e95cf;
61
- $dark-color-icon-error: #d07c7c;
62
- $dark-color-icon-warning: #cbac76;
63
- $dark-color-icon-success: #41a48a;
64
- $dark-color-icon-brand: #62b2bc;
65
- $dark-color-border-primary-default: #5b5f67;
66
- $dark-color-border-primary-hover: #757a84;
67
- $dark-color-border-primary-active: #93979f;
68
- $dark-color-border-primary-disabled: rgba(147, 151, 159, 0.08);
69
- $dark-color-border-secondary-default: rgba(147, 149, 159, 0.3);
70
- $dark-color-border-accent-default: #41a48a;
71
- $dark-color-border-error-default: #d07c7c;
72
- $dark-color-border-accentSubtle-default: #28816b;
73
- $dark-color-divider-primary: #40454f;
74
- $dark-color-divider-secondary: rgba(147, 151, 159, 0.08);
75
- $dark-color-toggle-background-highlight: #b2ab39;
76
- $dark-color-toggle-border-highlight: #b2ab39;
77
- $dark-color-badge-background-default: transparent;
78
- $dark-color-badge-background-green: transparent;
79
- $dark-color-badge-background-blue: transparent;
80
- $dark-color-badge-background-yellow: transparent;
81
- $dark-color-badge-background-brand: transparent;
82
- $dark-color-badge-background-purple: transparent;
83
- $dark-color-badge-background-red: transparent;
84
- $dark-color-badge-background-gray: transparent;
85
- $dark-color-badge-text-default: #ced1d6;
86
- $dark-color-badge-text-green: #41a48a;
87
- $dark-color-badge-text-blue: #6e95cf;
88
- $dark-color-badge-text-yellow: #cbac76;
89
- $dark-color-badge-text-brand: #62b2bc;
90
- $dark-color-badge-text-purple: #ad97f7;
91
- $dark-color-badge-text-red: #d07c7c;
92
- $dark-color-badge-text-gray: #93979f;
93
- $dark-color-badge-border-default: #393e47;
94
- $dark-color-badge-border-green: #393e47;
95
- $dark-color-badge-border-blue: #393e47;
96
- $dark-color-badge-border-yellow: #393e47;
97
- $dark-color-badge-border-brand: #393e47;
98
- $dark-color-badge-border-purple: #393e47;
99
- $dark-color-badge-border-red: #393e47;
100
- $dark-color-badge-border-gray: #393e47;
101
- $dark-color-segmented-progress-bar-monochrome: #ced1d6;
102
- $dark-color-segmented-progress-bar-success: #28816b;
103
- $dark-color-segmented-progress-bar-warning: #a4792d;
104
- $dark-color-segmented-progress-bar-alert: #a45355;
105
- $dark-color-segmented-progress-bar-in-progress: #5b5f67;
106
- $dark-color-tag-background-gray: #5b5f67;
107
- $dark-color-tag-background-blue: #2f538a;
108
- $dark-color-tag-text-gray: #ced1d6;
109
- $dark-color-tag-text-blue: #e7effe;
110
- $dark-color-destructive-tertiary-button-background-hover: rgba(164, 83, 85, 0.08);
111
- $dark-color-destructive-tertiary-button-background-active: rgba(164, 83, 85, 0.08);
package/build/esm/scss/themes/light.scss DELETED
@@ -1,111 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Mon, 25 Sep 2023 19:07:33 GMT
4
-
5
- $light-color-canvas: #eef2f5;
6
- $light-color-background-primary-default: #ffffff;
7
- $light-color-background-secondary-default: #f5f7f9;
8
- $light-color-background-secondary-hover: #eef2f5;
9
- $light-color-background-secondary-active: #ffffff;
10
- $light-color-background-accent-default: #0fa980;
11
- $light-color-background-accent-hover: #0b8363;
12
- $light-color-background-accent-active: #0a5c45;
13
- $light-color-background-accent-disabled: rgba(15, 169, 128, 0.3);
14
- $light-color-background-onAccent-default: #ffffff;
15
- $light-color-background-onAccent-hover: #ffffff;
16
- $light-color-background-onAccent-active: #ffffff;
17
- $light-color-background-onAccent-disabled: rgba(255, 255, 255, 0.6);
18
- $light-color-background-error-default: #dc4847;
19
- $light-color-background-error-hover: #c02725;
20
- $light-color-background-error-active: #c02725;
21
- $light-color-background-error-disabled: rgba(238, 97, 96, 0.3);
22
- $light-color-background-success-default: #0b8363;
23
- $light-color-background-info-default: #295dae;
24
- $light-color-background-warning-default: #df9411;
25
- $light-color-background-accentSubtle-default: #e8f8f4;
26
- $light-color-background-errorSubtle-default: #fde8e8;
27
- $light-color-background-successSubtle-default: #e8f8f4;
28
- $light-color-background-infoSubtle-default: #e7effe;
29
- $light-color-background-warningSubtle-default: #fef3e1;
30
- $light-color-background-highlight-default: #607585;
31
- $light-color-background-highlight-hover: #40515e;
32
- $light-color-background-contrast-default: #314554;
33
- $light-color-background-transparent-default: rgba(255, 255, 255, 0);
34
- $light-color-background-transparent-hover: rgba(96, 117, 133, 0.08);
35
- $light-color-background-transparent-active: rgba(96, 117, 133, 0.08);
36
- $light-color-background-backdrop-default: rgba(0, 0, 0, 0.6);
37
- $light-color-text-primary-default: #1a1c1c;
38
- $light-color-text-primary-hover: #1a1c1c;
39
- $light-color-text-secondary-default: #40515e;
40
- $light-color-text-secondary-hover: #40515e;
41
- $light-color-text-tertiary-default: #607585;
42
- $light-color-text-tertiary-disabled: rgba(64, 81, 94, 0.3);
43
- $light-color-text-tertiary-hover: #40515e;
44
- $light-color-text-quaternary-default: #a3b2bd;
45
- $light-color-text-accent-default: #0b8363;
46
- $light-color-text-accent-hover: #0a5c45;
47
- $light-color-text-onAccent-default: #ffffff;
48
- $light-color-text-onAccent-disabled: rgba(255, 255, 255, 0.6);
49
- $light-color-text-info-default: #1c427d;
50
- $light-color-text-error-default: #c02725;
51
- $light-color-text-error-disabled: rgba(192, 39, 37, 0.3);
52
- $light-color-text-warning-default: #314554;
53
- $light-color-text-success-default: #0a5c45;
54
- $light-color-icon-primary: #1a1c1c;
55
- $light-color-icon-secondary: #40515e;
56
- $light-color-icon-tertiary: #607585;
57
- $light-color-icon-quaternary: #a3b2bd;
58
- $light-color-icon-accent: #0b8363;
59
- $light-color-icon-onAccent: #ffffff;
60
- $light-color-icon-info: #295dae;
61
- $light-color-icon-error: #dc4847;
62
- $light-color-icon-warning: #df9411;
63
- $light-color-icon-success: #0b8363;
64
- $light-color-icon-brand: #0aa6b8;
65
- $light-color-border-primary-default: #a3b2bd;
66
- $light-color-border-primary-hover: #607585;
67
- $light-color-border-primary-active: #40515e;
68
- $light-color-border-primary-disabled: rgba(163, 178, 189, 0.3);
69
- $light-color-border-secondary-default: rgba(163, 178, 189, 0.3);
70
- $light-color-border-accent-default: #0b8363;
71
- $light-color-border-error-default: #dc4847;
72
- $light-color-border-accentSubtle-default: #8adcc6;
73
- $light-color-divider-primary: #e0e6eb;
74
- $light-color-divider-secondary: rgba(163, 178, 189, 0.3);
75
- $light-color-toggle-background-highlight: #f3eb75;
76
- $light-color-toggle-border-highlight: #f3eb75;
77
- $light-color-badge-background-default: #ffffff;
78
- $light-color-badge-background-green: #e8f8f4;
79
- $light-color-badge-background-blue: #e7effe;
80
- $light-color-badge-background-yellow: #fef3e1;
81
- $light-color-badge-background-brand: #e7f6f8;
82
- $light-color-badge-background-purple: #f2effb;
83
- $light-color-badge-background-red: #fde8e8;
84
- $light-color-badge-background-gray: #eef2f5;
85
- $light-color-badge-text-default: #1a1c1c;
86
- $light-color-badge-text-green: #0b8363;
87
- $light-color-badge-text-blue: #295dae;
88
- $light-color-badge-text-yellow: #9a6304;
89
- $light-color-badge-text-brand: #067c89;
90
- $light-color-badge-text-purple: #5d44ab;
91
- $light-color-badge-text-red: #c02725;
92
- $light-color-badge-text-gray: #607585;
93
- $light-color-badge-border-default: #e0e6eb;
94
- $light-color-badge-border-green: #e8f8f4;
95
- $light-color-badge-border-blue: #e7effe;
96
- $light-color-badge-border-yellow: #fef3e1;
97
- $light-color-badge-border-brand: #e7f6f8;
98
- $light-color-badge-border-purple: #f2effb;
99
- $light-color-badge-border-red: #fde8e8;
100
- $light-color-badge-border-gray: #eef2f5;
101
- $light-color-segmented-progress-bar-monochrome: #607585;
102
- $light-color-segmented-progress-bar-success: #39d6ac;
103
- $light-color-segmented-progress-bar-warning: #f1d56b;
104
- $light-color-segmented-progress-bar-alert: #f07575;
105
- $light-color-segmented-progress-bar-in-progress: #e0e6eb;
106
- $light-color-tag-background-gray: #e0e6eb;
107
- $light-color-tag-background-blue: #d2e2f9;
108
- $light-color-tag-text-gray: #40515e;
109
- $light-color-tag-text-blue: #1c427d;
110
- $light-color-destructive-tertiary-button-background-hover: rgba(238, 97, 96, 0.08);
111
- $light-color-destructive-tertiary-button-background-active: rgba(238, 97, 96, 0.08);