@amboss/design-system 3.37.1 → 3.37.3
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/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts +10 -0
- package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.js +1 -0
- package/build/cjs/components/Lightbox/Lightbox.d.ts +6 -1
- package/build/cjs/components/Lightbox/Lightbox.js +2 -2
- package/build/cjs/components/Patterns/ButtonGroup/ButtonGroup.d.ts +2 -1
- package/build/cjs/components/Patterns/Modal/Modal.d.ts +11 -2
- package/build/cjs/components/Patterns/Modal/Modal.js +2 -2
- package/build/cjs/web-tokens/_colors.json +106 -82
- package/build/cjs/web-tokens/visualConfig.d.ts +65 -51
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts +10 -0
- package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.js +1 -0
- package/build/esm/components/Lightbox/Lightbox.d.ts +6 -1
- package/build/esm/components/Lightbox/Lightbox.js +2 -2
- package/build/esm/components/Patterns/ButtonGroup/ButtonGroup.d.ts +2 -1
- package/build/esm/components/Patterns/Modal/Modal.d.ts +11 -2
- package/build/esm/components/Patterns/Modal/Modal.js +2 -2
- package/build/esm/web-tokens/_colors.json +106 -82
- package/build/esm/web-tokens/visualConfig.d.ts +65 -51
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +27 -21
- package/build/scss/_light.scss +27 -21
- package/build/scss/_variables.scss +27 -21
- package/package.json +1 -1
package/build/scss/_light.scss
CHANGED
|
@@ -114,27 +114,6 @@
|
|
|
114
114
|
--color-skeletonLoader-background-container: #e0e6eb;
|
|
115
115
|
--color-skeletonLoader-background-element: #e0e6eb;
|
|
116
116
|
--color-skeletonLoader-background-shimmer: rgba(255, 255, 255, 0.08);
|
|
117
|
-
--color-content-text-physician-default: #1c427d;
|
|
118
|
-
--color-content-text-physician-hover: #1c427d;
|
|
119
|
-
--color-content-text-physicianUnimportant-default: rgba(28, 66, 125, 0.8);
|
|
120
|
-
--color-content-text-physicianUnimportant-hover: #1c427d;
|
|
121
|
-
--color-content-text-unimportant-default: #5a7183;
|
|
122
|
-
--color-content-text-unimportant-hover: #1a1c1c;
|
|
123
|
-
--color-content-textUnderline-physician-default: rgba(28, 66, 125, 0.3);
|
|
124
|
-
--color-content-textUnderline-physician-hover: #1c427d;
|
|
125
|
-
--color-content-textUnderline-physicianUnimportant-default: rgba(28, 66, 125, 0.3);
|
|
126
|
-
--color-content-textUnderline-physicianUnimportant-hover: #1c427d;
|
|
127
|
-
--color-content-textUnderline-unimportant-default: #a3b2bd;
|
|
128
|
-
--color-content-textUnderline-unimportant-hover: #5a7183;
|
|
129
|
-
--color-content-textDottedUnderline-physician-default: rgba(28, 66, 125, 0.3);
|
|
130
|
-
--color-content-textDottedUnderline-physician-hover: #1c427d;
|
|
131
|
-
--color-content-textDottedUnderline-physicianUnimportant-default: rgba(28, 66, 125, 0.3);
|
|
132
|
-
--color-content-textDottedUnderline-physicianUnimportant-hover: #1c427d;
|
|
133
|
-
--color-content-textDottedUnderline-unimportant-default: #5a7183;
|
|
134
|
-
--color-content-textDottedUnderline-unimportant-hover: #40515e;
|
|
135
|
-
--color-content-reference-button-background-default: #e0e6eb;
|
|
136
|
-
--color-content-reference-button-background-hover: #bdc9d1;
|
|
137
|
-
--color-content-reference-button-background-active: #a3b2bd;
|
|
138
117
|
--color-canvas: #eef2f5;
|
|
139
118
|
--color-background-primary: #ffffff;
|
|
140
119
|
--color-background-secondary: #f5f7f9;
|
|
@@ -245,6 +224,33 @@
|
|
|
245
224
|
--color-divider-primary: #e0e6eb;
|
|
246
225
|
--color-divider-secondary: rgba(163, 178, 189, 0.3);
|
|
247
226
|
--color-divider-secondarySolid: #eef2f5;
|
|
227
|
+
--color-content-icon-physician-default: #295dae;
|
|
228
|
+
--color-content-icon-physician-hover: #1c427d;
|
|
229
|
+
--color-content-icon-physicianUnimportant-default: rgba(28, 66, 125, 0.8);
|
|
230
|
+
--color-content-icon-physicianUnimportant-hover: #1c427d;
|
|
231
|
+
--color-content-icon-unimportant-default: #a3b2bd;
|
|
232
|
+
--color-content-icon-unimportant-hover: #5a7183;
|
|
233
|
+
--color-content-text-physician-default: #1c427d;
|
|
234
|
+
--color-content-text-physician-hover: #1c427d;
|
|
235
|
+
--color-content-text-physicianUnimportant-default: rgba(28, 66, 125, 0.8);
|
|
236
|
+
--color-content-text-physicianUnimportant-hover: #1c427d;
|
|
237
|
+
--color-content-text-unimportant-default: #5a7183;
|
|
238
|
+
--color-content-text-unimportant-hover: #1a1c1c;
|
|
239
|
+
--color-content-textUnderline-physician-default: rgba(28, 66, 125, 0.3);
|
|
240
|
+
--color-content-textUnderline-physician-hover: #1c427d;
|
|
241
|
+
--color-content-textUnderline-physicianUnimportant-default: rgba(28, 66, 125, 0.3);
|
|
242
|
+
--color-content-textUnderline-physicianUnimportant-hover: #1c427d;
|
|
243
|
+
--color-content-textUnderline-unimportant-default: #a3b2bd;
|
|
244
|
+
--color-content-textUnderline-unimportant-hover: #5a7183;
|
|
245
|
+
--color-content-textDottedUnderline-physician-default: rgba(28, 66, 125, 0.3);
|
|
246
|
+
--color-content-textDottedUnderline-physician-hover: #1c427d;
|
|
247
|
+
--color-content-textDottedUnderline-physicianUnimportant-default: rgba(28, 66, 125, 0.3);
|
|
248
|
+
--color-content-textDottedUnderline-physicianUnimportant-hover: #1c427d;
|
|
249
|
+
--color-content-textDottedUnderline-unimportant-default: #5a7183;
|
|
250
|
+
--color-content-textDottedUnderline-unimportant-hover: #40515e;
|
|
251
|
+
--color-content-reference-button-background-default: #e0e6eb;
|
|
252
|
+
--color-content-reference-button-background-hover: #bdc9d1;
|
|
253
|
+
--color-content-reference-button-background-active: #a3b2bd;
|
|
248
254
|
--elevation-1: 0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07);
|
|
249
255
|
--elevation-2: 0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01);
|
|
250
256
|
--elevation-3: 0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2);
|
|
@@ -112,27 +112,6 @@ $colorQbankAnswerBorderIncorrectDefault: var(--color-qbank-answer-border-incorre
|
|
|
112
112
|
$colorSkeletonLoaderBackgroundContainer: var(--color-skeletonLoader-background-container);
|
|
113
113
|
$colorSkeletonLoaderBackgroundElement: var(--color-skeletonLoader-background-element);
|
|
114
114
|
$colorSkeletonLoaderBackgroundShimmer: var(--color-skeletonLoader-background-shimmer);
|
|
115
|
-
$colorContentTextPhysicianDefault: var(--color-content-text-physician-default);
|
|
116
|
-
$colorContentTextPhysicianHover: var(--color-content-text-physician-hover);
|
|
117
|
-
$colorContentTextPhysicianUnimportantDefault: var(--color-content-text-physicianUnimportant-default);
|
|
118
|
-
$colorContentTextPhysicianUnimportantHover: var(--color-content-text-physicianUnimportant-hover);
|
|
119
|
-
$colorContentTextUnimportantDefault: var(--color-content-text-unimportant-default);
|
|
120
|
-
$colorContentTextUnimportantHover: var(--color-content-text-unimportant-hover);
|
|
121
|
-
$colorContentTextUnderlinePhysicianDefault: var(--color-content-textUnderline-physician-default);
|
|
122
|
-
$colorContentTextUnderlinePhysicianHover: var(--color-content-textUnderline-physician-hover);
|
|
123
|
-
$colorContentTextUnderlinePhysicianUnimportantDefault: var(--color-content-textUnderline-physicianUnimportant-default);
|
|
124
|
-
$colorContentTextUnderlinePhysicianUnimportantHover: var(--color-content-textUnderline-physicianUnimportant-hover);
|
|
125
|
-
$colorContentTextUnderlineUnimportantDefault: var(--color-content-textUnderline-unimportant-default);
|
|
126
|
-
$colorContentTextUnderlineUnimportantHover: var(--color-content-textUnderline-unimportant-hover);
|
|
127
|
-
$colorContentTextDottedUnderlinePhysicianDefault: var(--color-content-textDottedUnderline-physician-default);
|
|
128
|
-
$colorContentTextDottedUnderlinePhysicianHover: var(--color-content-textDottedUnderline-physician-hover);
|
|
129
|
-
$colorContentTextDottedUnderlinePhysicianUnimportantDefault: var(--color-content-textDottedUnderline-physicianUnimportant-default);
|
|
130
|
-
$colorContentTextDottedUnderlinePhysicianUnimportantHover: var(--color-content-textDottedUnderline-physicianUnimportant-hover);
|
|
131
|
-
$colorContentTextDottedUnderlineUnimportantDefault: var(--color-content-textDottedUnderline-unimportant-default);
|
|
132
|
-
$colorContentTextDottedUnderlineUnimportantHover: var(--color-content-textDottedUnderline-unimportant-hover);
|
|
133
|
-
$colorContentReferenceButtonBackgroundDefault: var(--color-content-reference-button-background-default);
|
|
134
|
-
$colorContentReferenceButtonBackgroundHover: var(--color-content-reference-button-background-hover);
|
|
135
|
-
$colorContentReferenceButtonBackgroundActive: var(--color-content-reference-button-background-active);
|
|
136
115
|
$colorCanvas: var(--color-canvas);
|
|
137
116
|
$colorBackgroundPrimary: var(--color-background-primary);
|
|
138
117
|
$colorBackgroundSecondary: var(--color-background-secondary);
|
|
@@ -243,6 +222,33 @@ $colorBorderWarningSubtle: var(--color-border-warningSubtle);
|
|
|
243
222
|
$colorDividerPrimary: var(--color-divider-primary);
|
|
244
223
|
$colorDividerSecondary: var(--color-divider-secondary);
|
|
245
224
|
$colorDividerSecondarySolid: var(--color-divider-secondarySolid);
|
|
225
|
+
$colorContentIconPhysicianDefault: var(--color-content-icon-physician-default);
|
|
226
|
+
$colorContentIconPhysicianHover: var(--color-content-icon-physician-hover);
|
|
227
|
+
$colorContentIconPhysicianUnimportantDefault: var(--color-content-icon-physicianUnimportant-default);
|
|
228
|
+
$colorContentIconPhysicianUnimportantHover: var(--color-content-icon-physicianUnimportant-hover);
|
|
229
|
+
$colorContentIconUnimportantDefault: var(--color-content-icon-unimportant-default);
|
|
230
|
+
$colorContentIconUnimportantHover: var(--color-content-icon-unimportant-hover);
|
|
231
|
+
$colorContentTextPhysicianDefault: var(--color-content-text-physician-default);
|
|
232
|
+
$colorContentTextPhysicianHover: var(--color-content-text-physician-hover);
|
|
233
|
+
$colorContentTextPhysicianUnimportantDefault: var(--color-content-text-physicianUnimportant-default);
|
|
234
|
+
$colorContentTextPhysicianUnimportantHover: var(--color-content-text-physicianUnimportant-hover);
|
|
235
|
+
$colorContentTextUnimportantDefault: var(--color-content-text-unimportant-default);
|
|
236
|
+
$colorContentTextUnimportantHover: var(--color-content-text-unimportant-hover);
|
|
237
|
+
$colorContentTextUnderlinePhysicianDefault: var(--color-content-textUnderline-physician-default);
|
|
238
|
+
$colorContentTextUnderlinePhysicianHover: var(--color-content-textUnderline-physician-hover);
|
|
239
|
+
$colorContentTextUnderlinePhysicianUnimportantDefault: var(--color-content-textUnderline-physicianUnimportant-default);
|
|
240
|
+
$colorContentTextUnderlinePhysicianUnimportantHover: var(--color-content-textUnderline-physicianUnimportant-hover);
|
|
241
|
+
$colorContentTextUnderlineUnimportantDefault: var(--color-content-textUnderline-unimportant-default);
|
|
242
|
+
$colorContentTextUnderlineUnimportantHover: var(--color-content-textUnderline-unimportant-hover);
|
|
243
|
+
$colorContentTextDottedUnderlinePhysicianDefault: var(--color-content-textDottedUnderline-physician-default);
|
|
244
|
+
$colorContentTextDottedUnderlinePhysicianHover: var(--color-content-textDottedUnderline-physician-hover);
|
|
245
|
+
$colorContentTextDottedUnderlinePhysicianUnimportantDefault: var(--color-content-textDottedUnderline-physicianUnimportant-default);
|
|
246
|
+
$colorContentTextDottedUnderlinePhysicianUnimportantHover: var(--color-content-textDottedUnderline-physicianUnimportant-hover);
|
|
247
|
+
$colorContentTextDottedUnderlineUnimportantDefault: var(--color-content-textDottedUnderline-unimportant-default);
|
|
248
|
+
$colorContentTextDottedUnderlineUnimportantHover: var(--color-content-textDottedUnderline-unimportant-hover);
|
|
249
|
+
$colorContentReferenceButtonBackgroundDefault: var(--color-content-reference-button-background-default);
|
|
250
|
+
$colorContentReferenceButtonBackgroundHover: var(--color-content-reference-button-background-hover);
|
|
251
|
+
$colorContentReferenceButtonBackgroundActive: var(--color-content-reference-button-background-active);
|
|
246
252
|
$elevation1: var(--elevation-1);
|
|
247
253
|
$elevation2: var(--elevation-2);
|
|
248
254
|
$elevation3: var(--elevation-3);
|