@chakra-ui/panda-preset 3.27.0 → 3.27.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.
Files changed (7) hide show
  1. package/dist/cjs/slot-recipes/code-block.cjs +1 -0
  2. package/dist/cjs/slot-recipes/table.cjs +1 -2
  3. package/dist/cjs/slot-recipes/timeline.cjs +22 -5
  4. package/dist/esm/slot-recipes/code-block.js +1 -0
  5. package/dist/esm/slot-recipes/table.js +1 -2
  6. package/dist/esm/slot-recipes/timeline.js +22 -5
  7. package/package.json +2 -2
package/dist/cjs/slot-recipes/code-block.cjs CHANGED
@@ -143,6 +143,7 @@ const codeBlockSlotRecipe = def.defineSlotRecipe({
143
143
  content: "''",
144
144
  display: "block",
145
145
  position: "absolute",
146
+ top: "0",
146
147
  insetStart: "calc(var(--code-block-padding) * -1)",
147
148
  insetEnd: "0px",
148
149
  width: "calc(100% + var(--code-block-padding) * 2)",
package/dist/cjs/slot-recipes/table.cjs CHANGED
@@ -105,8 +105,7 @@ const tableSlotRecipe = def.defineSlotRecipe({
105
105
  },
106
106
  outline: {
107
107
  root: {
108
- boxShadow: "0 0 0 1px {colors.border}",
109
- overflow: "hidden"
108
+ boxShadow: "0 0 0 1px {colors.border}"
110
109
  },
111
110
  columnHeader: {
112
111
  borderBottomWidth: "1px"
package/dist/cjs/slot-recipes/timeline.cjs CHANGED
@@ -24,18 +24,18 @@ const timelineSlotRecipe = def.defineSlotRecipe({
24
24
  "--timeline-gutter": "4px"
25
25
  },
26
26
  item: {
27
+ "--timeline-content-gap": "spacing.6",
27
28
  display: "flex",
28
29
  position: "relative",
29
30
  alignItems: "flex-start",
30
31
  flexShrink: 0,
31
32
  gap: "4",
32
33
  _last: {
33
- "& :where(.timeline__separator)": {
34
- display: "none"
35
- }
34
+ "--timeline-content-gap": "0"
36
35
  }
37
36
  },
38
37
  separator: {
38
+ display: "var(--timeline-separator-display)",
39
39
  position: "absolute",
40
40
  borderStartWidth: "var(--timeline-thickness)",
41
41
  ms: "calc(-1 * var(--timeline-thickness) / 2)",
@@ -60,7 +60,7 @@ const timelineSlotRecipe = def.defineSlotRecipe({
60
60
  position: "relative"
61
61
  },
62
62
  content: {
63
- pb: "6",
63
+ pb: "var(--timeline-content-gap)",
64
64
  display: "flex",
65
65
  flexDirection: "column",
66
66
  width: "full",
@@ -101,6 +101,22 @@ const timelineSlotRecipe = def.defineSlotRecipe({
101
101
  },
102
102
  plain: {}
103
103
  },
104
+ showLastSeparator: {
105
+ true: {
106
+ item: {
107
+ _last: {
108
+ "--timeline-separator-display": "initial"
109
+ }
110
+ }
111
+ },
112
+ false: {
113
+ item: {
114
+ _last: {
115
+ "--timeline-separator-display": "none"
116
+ }
117
+ }
118
+ }
119
+ },
104
120
  size: {
105
121
  sm: {
106
122
  root: {
@@ -144,7 +160,8 @@ const timelineSlotRecipe = def.defineSlotRecipe({
144
160
  },
145
161
  defaultVariants: {
146
162
  size: "md",
147
- variant: "solid"
163
+ variant: "solid",
164
+ showLastSeparator: false
148
165
  }
149
166
  });
150
167
 
package/dist/esm/slot-recipes/code-block.js CHANGED
@@ -141,6 +141,7 @@ const codeBlockSlotRecipe = defineSlotRecipe({
141
141
  content: "''",
142
142
  display: "block",
143
143
  position: "absolute",
144
+ top: "0",
144
145
  insetStart: "calc(var(--code-block-padding) * -1)",
145
146
  insetEnd: "0px",
146
147
  width: "calc(100% + var(--code-block-padding) * 2)",
package/dist/esm/slot-recipes/table.js CHANGED
@@ -103,8 +103,7 @@ const tableSlotRecipe = defineSlotRecipe({
103
103
  },
104
104
  outline: {
105
105
  root: {
106
- boxShadow: "0 0 0 1px {colors.border}",
107
- overflow: "hidden"
106
+ boxShadow: "0 0 0 1px {colors.border}"
108
107
  },
109
108
  columnHeader: {
110
109
  borderBottomWidth: "1px"
package/dist/esm/slot-recipes/timeline.js CHANGED
@@ -22,18 +22,18 @@ const timelineSlotRecipe = defineSlotRecipe({
22
22
  "--timeline-gutter": "4px"
23
23
  },
24
24
  item: {
25
+ "--timeline-content-gap": "spacing.6",
25
26
  display: "flex",
26
27
  position: "relative",
27
28
  alignItems: "flex-start",
28
29
  flexShrink: 0,
29
30
  gap: "4",
30
31
  _last: {
31
- "& :where(.timeline__separator)": {
32
- display: "none"
33
- }
32
+ "--timeline-content-gap": "0"
34
33
  }
35
34
  },
36
35
  separator: {
36
+ display: "var(--timeline-separator-display)",
37
37
  position: "absolute",
38
38
  borderStartWidth: "var(--timeline-thickness)",
39
39
  ms: "calc(-1 * var(--timeline-thickness) / 2)",
@@ -58,7 +58,7 @@ const timelineSlotRecipe = defineSlotRecipe({
58
58
  position: "relative"
59
59
  },
60
60
  content: {
61
- pb: "6",
61
+ pb: "var(--timeline-content-gap)",
62
62
  display: "flex",
63
63
  flexDirection: "column",
64
64
  width: "full",
@@ -99,6 +99,22 @@ const timelineSlotRecipe = defineSlotRecipe({
99
99
  },
100
100
  plain: {}
101
101
  },
102
+ showLastSeparator: {
103
+ true: {
104
+ item: {
105
+ _last: {
106
+ "--timeline-separator-display": "initial"
107
+ }
108
+ }
109
+ },
110
+ false: {
111
+ item: {
112
+ _last: {
113
+ "--timeline-separator-display": "none"
114
+ }
115
+ }
116
+ }
117
+ },
102
118
  size: {
103
119
  sm: {
104
120
  root: {
@@ -142,7 +158,8 @@ const timelineSlotRecipe = defineSlotRecipe({
142
158
  },
143
159
  defaultVariants: {
144
160
  size: "md",
145
- variant: "solid"
161
+ variant: "solid",
162
+ showLastSeparator: false
146
163
  }
147
164
  });
148
165
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chakra-ui/panda-preset",
3
- "version": "3.27.0",
3
+ "version": "3.27.1",
4
4
  "description": "Panda preset for Chakra UI",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.cjs",
@@ -49,7 +49,7 @@
49
49
  },
50
50
  "devDependencies": {
51
51
  "globby": "14.1.0",
52
- "@chakra-ui/cli": "3.27.0"
52
+ "@chakra-ui/cli": "3.27.1"
53
53
  },
54
54
  "scripts": {
55
55
  "theme:eject": "chakra eject --outdir=src",