@chakra-ui/panda-preset 3.26.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 (8) hide show
  1. package/LICENSE +12 -13
  2. package/dist/cjs/slot-recipes/code-block.cjs +4 -1
  3. package/dist/cjs/slot-recipes/table.cjs +1 -2
  4. package/dist/cjs/slot-recipes/timeline.cjs +22 -5
  5. package/dist/esm/slot-recipes/code-block.js +4 -1
  6. package/dist/esm/slot-recipes/table.js +1 -2
  7. package/dist/esm/slot-recipes/timeline.js +22 -5
  8. package/package.json +2 -2
package/LICENSE CHANGED
@@ -1,21 +1,20 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2019 Segun Adebayo
3
+ Copyright (c) 2019 Chakra Systems Inc.
4
4
 
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy of
6
+ this software and associated documentation files (the "Software"), to deal in
7
+ the Software without restriction, including without limitation the rights to
8
+ use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9
+ the Software, and to permit persons to whom the Software is furnished to do so,
10
+ subject to the following conditions:
11
11
 
12
12
  The above copyright notice and this permission notice shall be included in all
13
13
  copies or substantial portions of the Software.
14
14
 
15
15
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17
+ FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18
+ COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19
+ IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20
+ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
package/dist/cjs/slot-recipes/code-block.cjs CHANGED
@@ -75,7 +75,8 @@ const codeBlockSlotRecipe = def.defineSlotRecipe({
75
75
  content: {
76
76
  position: "relative",
77
77
  colorScheme: "dark",
78
- overflow: "hidden",
78
+ overflowX: "auto",
79
+ overflowY: "hidden",
79
80
  borderBottomRadius: "var(--code-block-radius)",
80
81
  maxHeight: "var(--code-block-max-height)",
81
82
  "& ::selection": {
@@ -142,6 +143,7 @@ const codeBlockSlotRecipe = def.defineSlotRecipe({
142
143
  content: "''",
143
144
  display: "block",
144
145
  position: "absolute",
146
+ top: "0",
145
147
  insetStart: "calc(var(--code-block-padding) * -1)",
146
148
  insetEnd: "0px",
147
149
  width: "calc(100% + var(--code-block-padding) * 2)",
@@ -176,6 +178,7 @@ const codeBlockSlotRecipe = def.defineSlotRecipe({
176
178
  display: "inline-block",
177
179
  textAlign: "end",
178
180
  userSelect: "none",
181
+ whiteSpace: "nowrap",
179
182
  opacity: 0.4
180
183
  },
181
184
  "& [data-diff='added']:before": {
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
@@ -73,7 +73,8 @@ const codeBlockSlotRecipe = defineSlotRecipe({
73
73
  content: {
74
74
  position: "relative",
75
75
  colorScheme: "dark",
76
- overflow: "hidden",
76
+ overflowX: "auto",
77
+ overflowY: "hidden",
77
78
  borderBottomRadius: "var(--code-block-radius)",
78
79
  maxHeight: "var(--code-block-max-height)",
79
80
  "& ::selection": {
@@ -140,6 +141,7 @@ const codeBlockSlotRecipe = defineSlotRecipe({
140
141
  content: "''",
141
142
  display: "block",
142
143
  position: "absolute",
144
+ top: "0",
143
145
  insetStart: "calc(var(--code-block-padding) * -1)",
144
146
  insetEnd: "0px",
145
147
  width: "calc(100% + var(--code-block-padding) * 2)",
@@ -174,6 +176,7 @@ const codeBlockSlotRecipe = defineSlotRecipe({
174
176
  display: "inline-block",
175
177
  textAlign: "end",
176
178
  userSelect: "none",
179
+ whiteSpace: "nowrap",
177
180
  opacity: 0.4
178
181
  },
179
182
  "& [data-diff='added']:before": {
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.26.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.26.0"
52
+ "@chakra-ui/cli": "3.27.1"
53
53
  },
54
54
  "scripts": {
55
55
  "theme:eject": "chakra eject --outdir=src",