cetec-design-system 1.3.0 → 1.3.1
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/{cetec-preset-DoOSSOUC.js → cetec-preset-DA6_Lz-z.js} +32 -6
- package/dist/cetec-preset-DA6_Lz-z.js.map +1 -0
- package/dist/index.js +41 -11
- package/dist/index.js.map +1 -1
- package/dist/panda.buildinfo.json +6 -2
- package/dist/preset.js +1 -1
- package/dist/specs/recipes.json +22 -6
- package/dist/specs/semantic-tokens.json +10 -0
- package/dist/specs/tokens.json +5 -0
- package/dist/styles.css +22 -5
- package/dist/types/index.d.ts +9 -1
- package/package.json +1 -1
- package/src/recipes/autocomplete.ts +13 -1
- package/src/recipes/menu.ts +13 -1
- package/src/styles/primitives/zIndex.ts +1 -0
- package/src/styles/semantics/zIndex.ts +2 -0
- package/dist/cetec-preset-DoOSSOUC.js.map +0 -1
|
@@ -5849,6 +5849,7 @@ const zIndex$1 = defineTokens.zIndex({
|
|
|
5849
5849
|
"1000": { value: 1e3 },
|
|
5850
5850
|
"1100": { value: 1100 },
|
|
5851
5851
|
"1101": { value: 1101 },
|
|
5852
|
+
"1102": { value: 1102 },
|
|
5852
5853
|
"1200": { value: 1200 }
|
|
5853
5854
|
});
|
|
5854
5855
|
const tokens = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -6575,7 +6576,6 @@ const menuBase = {
|
|
|
6575
6576
|
borderRadius: "4",
|
|
6576
6577
|
boxShadow: "overlay",
|
|
6577
6578
|
overflow: "hidden",
|
|
6578
|
-
zIndex: "100",
|
|
6579
6579
|
transitionProperty: "width, height",
|
|
6580
6580
|
transitionDuration: "normal",
|
|
6581
6581
|
transitionTimingFunction: "default",
|
|
@@ -6636,6 +6636,18 @@ const menuBase = {
|
|
|
6636
6636
|
}
|
|
6637
6637
|
};
|
|
6638
6638
|
const menuVariants = {
|
|
6639
|
+
layer: {
|
|
6640
|
+
elevated: {
|
|
6641
|
+
wrapper: {
|
|
6642
|
+
zIndex: "elevated"
|
|
6643
|
+
}
|
|
6644
|
+
},
|
|
6645
|
+
modalFloating: {
|
|
6646
|
+
wrapper: {
|
|
6647
|
+
zIndex: "modalFloating"
|
|
6648
|
+
}
|
|
6649
|
+
}
|
|
6650
|
+
},
|
|
6639
6651
|
density: {
|
|
6640
6652
|
compact: {
|
|
6641
6653
|
backHeader: {
|
|
@@ -6693,7 +6705,8 @@ const menuRecipe = defineSlotRecipe({
|
|
|
6693
6705
|
base: menuBase,
|
|
6694
6706
|
variants: menuVariants,
|
|
6695
6707
|
defaultVariants: {
|
|
6696
|
-
density: "compact"
|
|
6708
|
+
density: "compact",
|
|
6709
|
+
layer: "elevated"
|
|
6697
6710
|
}
|
|
6698
6711
|
});
|
|
6699
6712
|
const textInputBase = {
|
|
@@ -8410,8 +8423,7 @@ const autocompleteBase = {
|
|
|
8410
8423
|
bg: "surface",
|
|
8411
8424
|
borderRadius: "4",
|
|
8412
8425
|
boxShadow: "overlay",
|
|
8413
|
-
outline: "none"
|
|
8414
|
-
zIndex: "elevated"
|
|
8426
|
+
outline: "none"
|
|
8415
8427
|
},
|
|
8416
8428
|
status: {
|
|
8417
8429
|
display: "flex",
|
|
@@ -8429,6 +8441,18 @@ const autocompleteBase = {
|
|
|
8429
8441
|
}
|
|
8430
8442
|
};
|
|
8431
8443
|
const autocompleteVariants = {
|
|
8444
|
+
layer: {
|
|
8445
|
+
elevated: {
|
|
8446
|
+
listbox: {
|
|
8447
|
+
zIndex: "elevated"
|
|
8448
|
+
}
|
|
8449
|
+
},
|
|
8450
|
+
modalFloating: {
|
|
8451
|
+
listbox: {
|
|
8452
|
+
zIndex: "modalFloating"
|
|
8453
|
+
}
|
|
8454
|
+
}
|
|
8455
|
+
},
|
|
8432
8456
|
size: {
|
|
8433
8457
|
sm: {
|
|
8434
8458
|
root: {
|
|
@@ -8494,7 +8518,8 @@ const autocompleteRecipe = defineSlotRecipe({
|
|
|
8494
8518
|
base: autocompleteBase,
|
|
8495
8519
|
variants: autocompleteVariants,
|
|
8496
8520
|
defaultVariants: {
|
|
8497
|
-
size: "md"
|
|
8521
|
+
size: "md",
|
|
8522
|
+
layer: "elevated"
|
|
8498
8523
|
}
|
|
8499
8524
|
});
|
|
8500
8525
|
const segmentedInputsBase = {
|
|
@@ -10444,6 +10469,7 @@ const zIndex = defineSemanticTokens.zIndex({
|
|
|
10444
10469
|
elevated: { value: "{zIndex.1000}" },
|
|
10445
10470
|
overlay: { value: "{zIndex.1100}" },
|
|
10446
10471
|
modal: { value: "{zIndex.1101}" },
|
|
10472
|
+
modalFloating: { value: "{zIndex.1102}" },
|
|
10447
10473
|
tooltip: { value: "{zIndex.1200}" }
|
|
10448
10474
|
});
|
|
10449
10475
|
const presetRecipes = Object.fromEntries(
|
|
@@ -10533,4 +10559,4 @@ export {
|
|
|
10533
10559
|
breakpoints as b,
|
|
10534
10560
|
containerSizes as c
|
|
10535
10561
|
};
|
|
10536
|
-
//# sourceMappingURL=cetec-preset-
|
|
10562
|
+
//# sourceMappingURL=cetec-preset-DA6_Lz-z.js.map
|