@amboss/design-system 3.13.2 → 3.13.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/ColorPicker/ColorPicker.d.ts +2 -2
- package/build/cjs/components/ColorPicker/ColorPicker.js +1 -1
- package/build/cjs/components/ColorPicker/ColorPickerDropdown.js +1 -1
- package/build/cjs/components/ColorPicker/ColorPickerOption.d.ts +2 -2
- package/build/cjs/components/ColorPicker/ColorPickerOption.js +1 -1
- package/build/cjs/components/Container/Container.d.ts +1 -1
- package/build/cjs/components/Container/Container.js +1 -1
- package/build/cjs/components/PromptInput/AutocompleteList.js +1 -1
- package/build/cjs/components/PromptInput/PromptInput.d.ts +6 -2
- package/build/cjs/components/PromptInput/PromptInput.js +1 -1
- package/build/cjs/web-tokens/_colors.json +32 -22
- package/build/cjs/web-tokens/visualConfig.d.ts +3 -0
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/ColorPicker/ColorPicker.d.ts +2 -2
- package/build/esm/components/ColorPicker/ColorPicker.js +1 -1
- package/build/esm/components/ColorPicker/ColorPickerDropdown.js +1 -1
- package/build/esm/components/ColorPicker/ColorPickerOption.d.ts +2 -2
- package/build/esm/components/ColorPicker/ColorPickerOption.js +1 -1
- package/build/esm/components/Container/Container.d.ts +1 -1
- package/build/esm/components/Container/Container.js +1 -1
- package/build/esm/components/PromptInput/AutocompleteList.js +1 -1
- package/build/esm/components/PromptInput/PromptInput.d.ts +6 -2
- package/build/esm/components/PromptInput/PromptInput.js +1 -1
- package/build/esm/web-tokens/_colors.json +32 -22
- package/build/esm/web-tokens/visualConfig.d.ts +3 -0
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_theming.scss +13 -11
- package/build/scss/_variables.scss +1 -0
- package/package.json +11 -11
package/build/scss/_theming.scss
CHANGED
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
--color-badge-borderSubtle-purple: #d8d0f3;
|
|
33
33
|
--color-badge-borderSubtle-red: #fad1d1;
|
|
34
34
|
--color-badge-borderSubtle-gray: #e0e6eb;
|
|
35
|
-
--color-color-indicator-gray: #
|
|
36
|
-
--color-color-indicator-purple: #
|
|
37
|
-
--color-color-indicator-blue: #
|
|
38
|
-
--color-color-indicator-green: #
|
|
35
|
+
--color-color-indicator-gray: #5a7183;
|
|
36
|
+
--color-color-indicator-purple: #7254d3;
|
|
37
|
+
--color-color-indicator-blue: #1f6ce0;
|
|
38
|
+
--color-color-indicator-green: #0fa980;
|
|
39
39
|
--color-color-indicator-yellow: #df9411;
|
|
40
|
-
--color-color-indicator-red: #
|
|
40
|
+
--color-color-indicator-red: #ed5554;
|
|
41
41
|
--color-content-box-border-info: #9ac1fc;
|
|
42
42
|
--color-content-box-border-error: #f7b1b1;
|
|
43
43
|
--color-content-box-border-success: #8adcc6;
|
|
@@ -216,6 +216,7 @@
|
|
|
216
216
|
--elevation-2: 0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01);
|
|
217
217
|
--elevation-3: 0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2);
|
|
218
218
|
--elevation-4: 0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24);
|
|
219
|
+
--shadow-focus-ring: 0px 0px 0px 4px rgba(31, 108, 224, 0.25), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0), 0px 2px 5px 0px rgba(0, 0, 0, 0.07);
|
|
219
220
|
}
|
|
220
221
|
}
|
|
221
222
|
@mixin ds-theme-dark {
|
|
@@ -252,12 +253,12 @@
|
|
|
252
253
|
--color-badge-borderSubtle-purple: rgba(255, 255, 255, 0.08);
|
|
253
254
|
--color-badge-borderSubtle-red: rgba(255, 255, 255, 0.08);
|
|
254
255
|
--color-badge-borderSubtle-gray: rgba(255, 255, 255, 0.08);
|
|
255
|
-
--color-color-indicator-gray: #
|
|
256
|
-
--color-color-indicator-purple: #
|
|
257
|
-
--color-color-indicator-blue: #
|
|
258
|
-
--color-color-indicator-green: #
|
|
259
|
-
--color-color-indicator-yellow: #
|
|
260
|
-
--color-color-indicator-red: #
|
|
256
|
+
--color-color-indicator-gray: #5a7183;
|
|
257
|
+
--color-color-indicator-purple: #7254d3;
|
|
258
|
+
--color-color-indicator-blue: #1f6ce0;
|
|
259
|
+
--color-color-indicator-green: #0fa980;
|
|
260
|
+
--color-color-indicator-yellow: #f6bc56;
|
|
261
|
+
--color-color-indicator-red: #ed5554;
|
|
261
262
|
--color-content-box-border-info: #4e76b1;
|
|
262
263
|
--color-content-box-border-error: #b25d5e;
|
|
263
264
|
--color-content-box-border-success: #28816b;
|
|
@@ -436,6 +437,7 @@
|
|
|
436
437
|
--elevation-2: 0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.4) inset;
|
|
437
438
|
--elevation-3: 0px 4px 20px 0px rgba(0, 0, 0, 0.2), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.5) inset;
|
|
438
439
|
--elevation-4: 0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.5) inset;
|
|
440
|
+
--shadow-focus-ring: 0px 0px 0px 4px rgba(31, 108, 224, 0.25), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0), 0px 2px 5px 0px rgba(0, 0, 0, 0.07);
|
|
439
441
|
}
|
|
440
442
|
}
|
|
441
443
|
@mixin theming($theme-name: ".dark-theme") {
|
|
@@ -214,6 +214,7 @@ $elevation1: var(--elevation-1);
|
|
|
214
214
|
$elevation2: var(--elevation-2);
|
|
215
215
|
$elevation3: var(--elevation-3);
|
|
216
216
|
$elevation4: var(--elevation-4);
|
|
217
|
+
$shadowFocusRing: var(--shadow-focus-ring);
|
|
217
218
|
$sizeDimensionIconS: 16px;
|
|
218
219
|
$sizeDimensionIconM: 24px;
|
|
219
220
|
$sizeDimensionIconL: 48px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@amboss/design-system",
|
|
3
|
-
"version": "3.13.
|
|
3
|
+
"version": "3.13.3",
|
|
4
4
|
"description": "the design system for AMBOSS products",
|
|
5
5
|
"author": "AMBOSS",
|
|
6
6
|
"license": "ISC",
|
|
@@ -146,11 +146,11 @@
|
|
|
146
146
|
"@auto-it/npm": "^11.1.6",
|
|
147
147
|
"@auto-it/released": "^10.13.2",
|
|
148
148
|
"@emotion/jest": "^11.11.0",
|
|
149
|
-
"@storybook/addon-a11y": "^9.0.
|
|
150
|
-
"@storybook/addon-docs": "^9.0.
|
|
151
|
-
"@storybook/addon-links": "^9.0.
|
|
152
|
-
"@storybook/addon-vitest": "^9.0.
|
|
153
|
-
"@storybook/react-vite": "^9.0.
|
|
149
|
+
"@storybook/addon-a11y": "^9.0.17",
|
|
150
|
+
"@storybook/addon-docs": "^9.0.17",
|
|
151
|
+
"@storybook/addon-links": "^9.0.17",
|
|
152
|
+
"@storybook/addon-vitest": "^9.0.17",
|
|
153
|
+
"@storybook/react-vite": "^9.0.17",
|
|
154
154
|
"@swc/cli": "^0.1.65",
|
|
155
155
|
"@swc/core": "^1.11.8",
|
|
156
156
|
"@swc/plugin-emotion": "^9.0.0",
|
|
@@ -162,6 +162,8 @@
|
|
|
162
162
|
"@types/react-dom": "^18.3.0",
|
|
163
163
|
"@typescript-eslint/eslint-plugin": "^6.17.0",
|
|
164
164
|
"@typescript-eslint/parser": "^6.17.0",
|
|
165
|
+
"@vitest/browser": "^3.2.4",
|
|
166
|
+
"@vitest/coverage-v8": "^3.2.4",
|
|
165
167
|
"auto": "^11.1.6",
|
|
166
168
|
"browserslist": "^4.22.2",
|
|
167
169
|
"chokidar-cli": "^3.0.0",
|
|
@@ -188,20 +190,18 @@
|
|
|
188
190
|
"lint-staged": "^13.2.2",
|
|
189
191
|
"lodash": "^4.17.21",
|
|
190
192
|
"pdfkit": "^0.15.0",
|
|
193
|
+
"playwright": "^1.53.1",
|
|
191
194
|
"prettier": "^2.2.1",
|
|
192
195
|
"react": "^18.3.1",
|
|
193
196
|
"react-dom": "^18.3.1",
|
|
194
|
-
"storybook": "^9.0.
|
|
197
|
+
"storybook": "^9.0.17",
|
|
195
198
|
"style-dictionary": "^3.8.0",
|
|
196
199
|
"svg-to-pdfkit": "^0.1.8",
|
|
197
200
|
"tinycolor2": "^1.6.0",
|
|
198
201
|
"ts-jest": "^29.1.1",
|
|
199
202
|
"typescript": "^5.3.3",
|
|
200
203
|
"vd-tool": "^4.0.2",
|
|
201
|
-
"vitest": "^3.2.4"
|
|
202
|
-
"@vitest/browser": "^3.2.4",
|
|
203
|
-
"playwright": "^1.53.1",
|
|
204
|
-
"@vitest/coverage-v8": "^3.2.4"
|
|
204
|
+
"vitest": "^3.2.4"
|
|
205
205
|
},
|
|
206
206
|
"homepage": "https://github.com/amboss-mededu/amboss-design-system#readme",
|
|
207
207
|
"packageManager": "npm@10.4.0"
|