sit-onyx 1.4.0-dev-20251110091137 → 1.4.0-dev-20251111093451
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/dist/components/OnyxBasicDialog/OnyxBasicDialog.d.vue.ts +6 -1
- package/dist/components/OnyxGlobalSearch/OnyxGlobalSearch.d.vue.ts +106 -0
- package/dist/components/OnyxGlobalSearch/types.d.ts +24 -0
- package/dist/components/OnyxGlobalSearchGroup/OnyxGlobalSearchGroup.d.vue.ts +22 -0
- package/dist/components/OnyxGlobalSearchGroup/types.d.ts +11 -0
- package/dist/components/OnyxGlobalSearchOption/OnyxGlobalSearchOption.d.vue.ts +32 -0
- package/dist/components/OnyxGlobalSearchOption/types.d.ts +23 -0
- package/dist/i18n/locales/de-DE.json +12 -0
- package/dist/i18n/locales/en-US.json +12 -0
- package/dist/i18n/locales/en-US.json.d.ts +12 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.esm-bundler.js +967 -591
- package/dist/index.esm-bundler.js.map +1 -1
- package/dist/index.js +4427 -4129
- package/dist/style.css +1 -1
- package/package.json +4 -4
- package/src/styles/grid.scss +7 -7
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sit-onyx",
|
|
3
3
|
"description": "A design system and Vue.js component library created by Schwarz IT",
|
|
4
|
-
"version": "1.4.0-dev-
|
|
4
|
+
"version": "1.4.0-dev-20251111093451",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": "Schwarz IT KG",
|
|
7
7
|
"license": "Apache-2.0",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"typescript": ">= 5.2.2",
|
|
42
42
|
"vue": ">= 3.5.0",
|
|
43
|
-
"@sit-onyx/icons": "^1.2.0-dev-
|
|
43
|
+
"@sit-onyx/icons": "^1.2.0-dev-20251111093451"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@axe-core/playwright": "^4.11.0",
|
|
@@ -59,10 +59,10 @@
|
|
|
59
59
|
"vue-i18n": "^11.1.12",
|
|
60
60
|
"vue-router": "^4.6.3",
|
|
61
61
|
"@sit-onyx/flags": "^1.0.0",
|
|
62
|
-
"@sit-onyx/headless": "^0.4.0-dev-20251110091137",
|
|
63
62
|
"@sit-onyx/playwright-utils": "^1.0.0",
|
|
64
63
|
"@sit-onyx/shared": "^0.1.0",
|
|
65
|
-
"@sit-onyx/
|
|
64
|
+
"@sit-onyx/headless": "^0.4.0-dev-20251111093451",
|
|
65
|
+
"@sit-onyx/storybook-utils": "^1.1.0-dev-20251111093451"
|
|
66
66
|
},
|
|
67
67
|
"scripts": {
|
|
68
68
|
"dev": "storybook dev -p 6006 --no-open",
|
package/src/styles/grid.scss
CHANGED
|
@@ -31,6 +31,10 @@ $sidebar-breakpoints: (
|
|
|
31
31
|
);
|
|
32
32
|
|
|
33
33
|
@layer onyx.utility {
|
|
34
|
+
:root {
|
|
35
|
+
--onyx-grid-margin-vertical: var(--onyx-density-3xl);
|
|
36
|
+
}
|
|
37
|
+
|
|
34
38
|
/**
|
|
35
39
|
* Grid container base class
|
|
36
40
|
*/
|
|
@@ -43,7 +47,7 @@ $sidebar-breakpoints: (
|
|
|
43
47
|
/**
|
|
44
48
|
* Grid container classes for "xl" and "lg" breakpoint variants with 16 or 20 columns
|
|
45
49
|
*
|
|
46
|
-
* Needs onyx-grid-* to override the --onyx-grid-columns
|
|
50
|
+
* Needs onyx-grid-* to override the --onyx-grid-columns
|
|
47
51
|
*/
|
|
48
52
|
@include container(min, lg) {
|
|
49
53
|
.onyx-grid,
|
|
@@ -91,7 +95,6 @@ $sidebar-breakpoints: (
|
|
|
91
95
|
.onyx-grid-layout {
|
|
92
96
|
// Note: The --onyx-grid-margin is implemented as padding here so that is also included in e.g. custom background colors
|
|
93
97
|
// but the term "margin" comes from UX/Figma so we decided to keep naming it margin to be aligned
|
|
94
|
-
--onyx-grid-margin-vertical: var(--onyx-density-3xl);
|
|
95
98
|
padding: var(--onyx-grid-margin-vertical) var(--onyx-grid-margin);
|
|
96
99
|
}
|
|
97
100
|
|
|
@@ -180,10 +183,7 @@ $sidebar-breakpoints: (
|
|
|
180
183
|
* SIDEBAR GRID
|
|
181
184
|
*/
|
|
182
185
|
.onyx-sidebar {
|
|
183
|
-
|
|
184
|
-
--onyx-grid-margin-vertical: var(--onyx-density-md);
|
|
185
|
-
padding: var(--onyx-grid-margin-vertical) var(--onyx-grid-margin);
|
|
186
|
-
}
|
|
186
|
+
--onyx-grid-margin-vertical: var(--onyx-density-md);
|
|
187
187
|
container-type: inline-size;
|
|
188
188
|
|
|
189
189
|
@each $name, $maxVariant, $columns, $gutter, $margin in $sideBarGridVariants {
|
|
@@ -204,7 +204,7 @@ $sidebar-breakpoints: (
|
|
|
204
204
|
|
|
205
205
|
/**
|
|
206
206
|
* Sets grid variables on root based on viewport size,
|
|
207
|
-
* providing the properties for elements outside of container-queries e.g. popovers, dialogs
|
|
207
|
+
* providing the properties for elements outside of container-queries e.g. popovers, dialogs
|
|
208
208
|
*/
|
|
209
209
|
@each $name, $maxVariant, $columns, $gutter, $margin in $gridVariants {
|
|
210
210
|
@include screen(min, $name) {
|