@luxonis/depthai-pipeline-lib 1.4.13 → 1.4.14

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 (224) hide show
  1. package/dist/panda.css +670 -809
  2. package/dist/src/styled-system/css/conditions.mjs +4 -2
  3. package/dist/src/styled-system/css/css.d.mts +15 -2
  4. package/dist/src/styled-system/css/css.mjs +2 -1
  5. package/dist/src/styled-system/css/cva.d.mts +1 -1
  6. package/dist/src/styled-system/css/cva.mjs +28 -4
  7. package/dist/src/styled-system/css/sva.mjs +9 -3
  8. package/dist/src/styled-system/helpers.mjs +109 -64
  9. package/dist/src/styled-system/patterns/aspect-ratio.d.mts +1 -1
  10. package/dist/src/styled-system/patterns/aspect-ratio.mjs +5 -2
  11. package/dist/src/styled-system/patterns/bleed.d.mts +3 -3
  12. package/dist/src/styled-system/patterns/bleed.mjs +12 -7
  13. package/dist/src/styled-system/patterns/box.d.mts +1 -1
  14. package/dist/src/styled-system/patterns/box.mjs +5 -2
  15. package/dist/src/styled-system/patterns/center.d.mts +1 -1
  16. package/dist/src/styled-system/patterns/center.mjs +5 -2
  17. package/dist/src/styled-system/patterns/circle.d.mts +2 -2
  18. package/dist/src/styled-system/patterns/circle.mjs +5 -2
  19. package/dist/src/styled-system/patterns/container.d.mts +1 -1
  20. package/dist/src/styled-system/patterns/container.mjs +5 -2
  21. package/dist/src/styled-system/patterns/cq.d.mts +22 -0
  22. package/dist/src/styled-system/patterns/cq.mjs +21 -0
  23. package/dist/src/styled-system/patterns/divider.d.mts +1 -1
  24. package/dist/src/styled-system/patterns/divider.mjs +8 -4
  25. package/dist/src/styled-system/patterns/flex.d.mts +8 -8
  26. package/dist/src/styled-system/patterns/flex.mjs +5 -2
  27. package/dist/src/styled-system/patterns/float.d.mts +1 -1
  28. package/dist/src/styled-system/patterns/float.mjs +10 -3
  29. package/dist/src/styled-system/patterns/grid-item.d.mts +1 -1
  30. package/dist/src/styled-system/patterns/grid-item.mjs +5 -2
  31. package/dist/src/styled-system/patterns/grid.d.mts +4 -4
  32. package/dist/src/styled-system/patterns/grid.mjs +12 -5
  33. package/dist/src/styled-system/patterns/hstack.d.mts +3 -3
  34. package/dist/src/styled-system/patterns/hstack.mjs +8 -4
  35. package/dist/src/styled-system/patterns/index.d.mts +2 -2
  36. package/dist/src/styled-system/patterns/index.mjs +2 -2
  37. package/dist/src/styled-system/patterns/link-overlay.d.mts +1 -1
  38. package/dist/src/styled-system/patterns/link-overlay.mjs +5 -5
  39. package/dist/src/styled-system/patterns/spacer.d.mts +1 -1
  40. package/dist/src/styled-system/patterns/spacer.mjs +5 -2
  41. package/dist/src/styled-system/patterns/square.d.mts +2 -2
  42. package/dist/src/styled-system/patterns/square.mjs +5 -2
  43. package/dist/src/styled-system/patterns/stack.d.mts +5 -5
  44. package/dist/src/styled-system/patterns/stack.mjs +8 -4
  45. package/dist/src/styled-system/patterns/visually-hidden.d.mts +1 -1
  46. package/dist/src/styled-system/patterns/visually-hidden.mjs +5 -2
  47. package/dist/src/styled-system/patterns/vstack.d.mts +3 -3
  48. package/dist/src/styled-system/patterns/vstack.mjs +8 -4
  49. package/dist/src/styled-system/patterns/wrap.d.mts +6 -6
  50. package/dist/src/styled-system/patterns/wrap.mjs +5 -2
  51. package/dist/src/styled-system/recipes/accordion.d.mts +8 -4
  52. package/dist/src/styled-system/recipes/accordion.mjs +6 -4
  53. package/dist/src/styled-system/recipes/alert-description.d.mts +8 -4
  54. package/dist/src/styled-system/recipes/alert-description.mjs +8 -3
  55. package/dist/src/styled-system/recipes/alert-dialog.d.mts +8 -4
  56. package/dist/src/styled-system/recipes/alert-dialog.mjs +6 -4
  57. package/dist/src/styled-system/recipes/alert-title.d.mts +8 -4
  58. package/dist/src/styled-system/recipes/alert-title.mjs +8 -3
  59. package/dist/src/styled-system/recipes/alert.d.mts +12 -5
  60. package/dist/src/styled-system/recipes/alert.mjs +8 -3
  61. package/dist/src/styled-system/recipes/avatar.d.mts +8 -4
  62. package/dist/src/styled-system/recipes/avatar.mjs +6 -4
  63. package/dist/src/styled-system/recipes/badge.d.mts +12 -5
  64. package/dist/src/styled-system/recipes/badge.mjs +8 -3
  65. package/dist/src/styled-system/recipes/blockquote.d.mts +8 -4
  66. package/dist/src/styled-system/recipes/blockquote.mjs +8 -3
  67. package/dist/src/styled-system/recipes/button.d.mts +15 -5
  68. package/dist/src/styled-system/recipes/button.mjs +8 -3
  69. package/dist/src/styled-system/recipes/calendar.d.mts +8 -4
  70. package/dist/src/styled-system/recipes/calendar.mjs +6 -4
  71. package/dist/src/styled-system/recipes/card-content.d.mts +8 -4
  72. package/dist/src/styled-system/recipes/card-content.mjs +8 -3
  73. package/dist/src/styled-system/recipes/card-description.d.mts +8 -4
  74. package/dist/src/styled-system/recipes/card-description.mjs +8 -3
  75. package/dist/src/styled-system/recipes/card-footer.d.mts +8 -4
  76. package/dist/src/styled-system/recipes/card-footer.mjs +8 -3
  77. package/dist/src/styled-system/recipes/card-header.d.mts +8 -4
  78. package/dist/src/styled-system/recipes/card-header.mjs +8 -3
  79. package/dist/src/styled-system/recipes/card-title.d.mts +8 -4
  80. package/dist/src/styled-system/recipes/card-title.mjs +8 -3
  81. package/dist/src/styled-system/recipes/card.d.mts +8 -4
  82. package/dist/src/styled-system/recipes/card.mjs +8 -3
  83. package/dist/src/styled-system/recipes/checkbox.d.mts +8 -4
  84. package/dist/src/styled-system/recipes/checkbox.mjs +6 -4
  85. package/dist/src/styled-system/recipes/collapsible.d.mts +8 -4
  86. package/dist/src/styled-system/recipes/collapsible.mjs +6 -4
  87. package/dist/src/styled-system/recipes/command-dialog.d.mts +8 -4
  88. package/dist/src/styled-system/recipes/command-dialog.mjs +6 -4
  89. package/dist/src/styled-system/recipes/command.d.mts +8 -4
  90. package/dist/src/styled-system/recipes/command.mjs +6 -4
  91. package/dist/src/styled-system/recipes/context-menu.d.mts +12 -5
  92. package/dist/src/styled-system/recipes/context-menu.mjs +6 -4
  93. package/dist/src/styled-system/recipes/create-recipe.mjs +39 -7
  94. package/dist/src/styled-system/recipes/dialog.d.mts +8 -4
  95. package/dist/src/styled-system/recipes/dialog.mjs +6 -4
  96. package/dist/src/styled-system/recipes/dropdown-menu.d.mts +8 -4
  97. package/dist/src/styled-system/recipes/dropdown-menu.mjs +6 -4
  98. package/dist/src/styled-system/recipes/form-control.d.mts +8 -4
  99. package/dist/src/styled-system/recipes/form-control.mjs +8 -3
  100. package/dist/src/styled-system/recipes/form-description.d.mts +8 -4
  101. package/dist/src/styled-system/recipes/form-description.mjs +8 -3
  102. package/dist/src/styled-system/recipes/form-item.d.mts +8 -4
  103. package/dist/src/styled-system/recipes/form-item.mjs +8 -3
  104. package/dist/src/styled-system/recipes/form-label.d.mts +8 -4
  105. package/dist/src/styled-system/recipes/form-label.mjs +8 -3
  106. package/dist/src/styled-system/recipes/form-message.d.mts +8 -4
  107. package/dist/src/styled-system/recipes/form-message.mjs +8 -3
  108. package/dist/src/styled-system/recipes/h1.d.mts +8 -4
  109. package/dist/src/styled-system/recipes/h1.mjs +8 -3
  110. package/dist/src/styled-system/recipes/h2.d.mts +8 -4
  111. package/dist/src/styled-system/recipes/h2.mjs +8 -3
  112. package/dist/src/styled-system/recipes/h3.d.mts +8 -4
  113. package/dist/src/styled-system/recipes/h3.mjs +8 -3
  114. package/dist/src/styled-system/recipes/h4.d.mts +8 -4
  115. package/dist/src/styled-system/recipes/h4.mjs +8 -3
  116. package/dist/src/styled-system/recipes/hover-card.d.mts +8 -4
  117. package/dist/src/styled-system/recipes/hover-card.mjs +6 -4
  118. package/dist/src/styled-system/recipes/icon.d.mts +24 -5
  119. package/dist/src/styled-system/recipes/icon.mjs +8 -3
  120. package/dist/src/styled-system/recipes/inline-code.d.mts +8 -4
  121. package/dist/src/styled-system/recipes/inline-code.mjs +8 -3
  122. package/dist/src/styled-system/recipes/input.d.mts +8 -4
  123. package/dist/src/styled-system/recipes/input.mjs +8 -3
  124. package/dist/src/styled-system/recipes/label.d.mts +8 -4
  125. package/dist/src/styled-system/recipes/label.mjs +8 -3
  126. package/dist/src/styled-system/recipes/large.d.mts +8 -4
  127. package/dist/src/styled-system/recipes/large.mjs +8 -3
  128. package/dist/src/styled-system/recipes/lead.d.mts +8 -4
  129. package/dist/src/styled-system/recipes/lead.mjs +8 -3
  130. package/dist/src/styled-system/recipes/link.d.mts +8 -4
  131. package/dist/src/styled-system/recipes/link.mjs +8 -3
  132. package/dist/src/styled-system/recipes/list.d.mts +8 -4
  133. package/dist/src/styled-system/recipes/list.mjs +8 -3
  134. package/dist/src/styled-system/recipes/menubar.d.mts +8 -4
  135. package/dist/src/styled-system/recipes/menubar.mjs +6 -4
  136. package/dist/src/styled-system/recipes/muted.d.mts +8 -4
  137. package/dist/src/styled-system/recipes/muted.mjs +8 -3
  138. package/dist/src/styled-system/recipes/navigation-menu.d.mts +8 -4
  139. package/dist/src/styled-system/recipes/navigation-menu.mjs +6 -4
  140. package/dist/src/styled-system/recipes/p.d.mts +8 -4
  141. package/dist/src/styled-system/recipes/p.mjs +8 -3
  142. package/dist/src/styled-system/recipes/popover.d.mts +8 -4
  143. package/dist/src/styled-system/recipes/popover.mjs +6 -4
  144. package/dist/src/styled-system/recipes/progress.d.mts +8 -4
  145. package/dist/src/styled-system/recipes/progress.mjs +6 -4
  146. package/dist/src/styled-system/recipes/radio-group.d.mts +8 -4
  147. package/dist/src/styled-system/recipes/radio-group.mjs +6 -4
  148. package/dist/src/styled-system/recipes/scroll-area.d.mts +8 -4
  149. package/dist/src/styled-system/recipes/scroll-area.mjs +6 -4
  150. package/dist/src/styled-system/recipes/select.d.mts +8 -4
  151. package/dist/src/styled-system/recipes/select.mjs +6 -4
  152. package/dist/src/styled-system/recipes/separator.d.mts +12 -5
  153. package/dist/src/styled-system/recipes/separator.mjs +8 -3
  154. package/dist/src/styled-system/recipes/sheet.d.mts +12 -5
  155. package/dist/src/styled-system/recipes/sheet.mjs +6 -4
  156. package/dist/src/styled-system/recipes/skeleton.d.mts +8 -4
  157. package/dist/src/styled-system/recipes/skeleton.mjs +8 -3
  158. package/dist/src/styled-system/recipes/slider.d.mts +8 -4
  159. package/dist/src/styled-system/recipes/slider.mjs +6 -4
  160. package/dist/src/styled-system/recipes/small.d.mts +8 -4
  161. package/dist/src/styled-system/recipes/small.mjs +8 -3
  162. package/dist/src/styled-system/recipes/switch-recipe.d.mts +8 -4
  163. package/dist/src/styled-system/recipes/switch-recipe.mjs +6 -4
  164. package/dist/src/styled-system/recipes/table-body.d.mts +8 -4
  165. package/dist/src/styled-system/recipes/table-body.mjs +8 -3
  166. package/dist/src/styled-system/recipes/table-caption.d.mts +8 -4
  167. package/dist/src/styled-system/recipes/table-caption.mjs +8 -3
  168. package/dist/src/styled-system/recipes/table-cell.d.mts +8 -4
  169. package/dist/src/styled-system/recipes/table-cell.mjs +8 -3
  170. package/dist/src/styled-system/recipes/table-container.d.mts +8 -4
  171. package/dist/src/styled-system/recipes/table-container.mjs +8 -3
  172. package/dist/src/styled-system/recipes/table-footer.d.mts +8 -4
  173. package/dist/src/styled-system/recipes/table-footer.mjs +8 -3
  174. package/dist/src/styled-system/recipes/table-head.d.mts +8 -4
  175. package/dist/src/styled-system/recipes/table-head.mjs +8 -3
  176. package/dist/src/styled-system/recipes/table-header.d.mts +8 -4
  177. package/dist/src/styled-system/recipes/table-header.mjs +8 -3
  178. package/dist/src/styled-system/recipes/table-row.d.mts +8 -4
  179. package/dist/src/styled-system/recipes/table-row.mjs +8 -3
  180. package/dist/src/styled-system/recipes/table.d.mts +8 -4
  181. package/dist/src/styled-system/recipes/table.mjs +8 -3
  182. package/dist/src/styled-system/recipes/tabs.d.mts +8 -4
  183. package/dist/src/styled-system/recipes/tabs.mjs +6 -4
  184. package/dist/src/styled-system/recipes/textarea.d.mts +8 -4
  185. package/dist/src/styled-system/recipes/textarea.mjs +8 -3
  186. package/dist/src/styled-system/recipes/toast-viewport.d.mts +8 -4
  187. package/dist/src/styled-system/recipes/toast-viewport.mjs +8 -3
  188. package/dist/src/styled-system/recipes/toast.d.mts +12 -5
  189. package/dist/src/styled-system/recipes/toast.mjs +6 -4
  190. package/dist/src/styled-system/recipes/toggle.d.mts +15 -5
  191. package/dist/src/styled-system/recipes/toggle.mjs +8 -3
  192. package/dist/src/styled-system/recipes/tooltip.d.mts +8 -4
  193. package/dist/src/styled-system/recipes/tooltip.mjs +6 -4
  194. package/dist/src/styled-system/recipes/typography-table-container.d.mts +8 -4
  195. package/dist/src/styled-system/recipes/typography-table-container.mjs +8 -3
  196. package/dist/src/styled-system/recipes/typography-table.d.mts +8 -4
  197. package/dist/src/styled-system/recipes/typography-table.mjs +8 -3
  198. package/dist/src/styled-system/tokens/index.mjs +271 -219
  199. package/dist/src/styled-system/tokens/tokens.d.mts +18 -18
  200. package/dist/src/styled-system/types/composition.d.mts +70 -17
  201. package/dist/src/styled-system/types/conditions.d.mts +105 -49
  202. package/dist/src/styled-system/types/csstype.d.mts +1270 -721
  203. package/dist/src/styled-system/types/global.d.mts +1 -0
  204. package/dist/src/styled-system/types/index.d.mts +1 -2
  205. package/dist/src/styled-system/types/parts.d.mts +3 -1
  206. package/dist/src/styled-system/types/pattern.d.mts +20 -3
  207. package/dist/src/styled-system/types/prop-type.d.mts +59 -135
  208. package/dist/src/styled-system/types/recipe.d.mts +42 -9
  209. package/dist/src/styled-system/types/selectors.d.mts +1 -1
  210. package/dist/src/styled-system/types/static-css.d.mts +56 -0
  211. package/dist/src/styled-system/types/style-props.d.mts +7540 -678
  212. package/dist/src/styled-system/types/system-types.d.mts +128 -20
  213. package/package.json +3 -3
  214. package/dist/src/styled-system/chunks/src__components__Node.css +0 -195
  215. package/dist/src/styled-system/chunks/src__components__PipelineCanvas.css +0 -25
  216. package/dist/src/styled-system/global.css +0 -70
  217. package/dist/src/styled-system/patterns/link-box.d.mts +0 -21
  218. package/dist/src/styled-system/patterns/link-box.mjs +0 -19
  219. package/dist/src/styled-system/recipes/create-recipe.d.mts +0 -1
  220. package/dist/src/styled-system/reset.css +0 -206
  221. package/dist/src/styled-system/static.css +0 -320
  222. package/dist/src/styled-system/tokens/index.css +0 -620
  223. package/dist/src/styled-system/tokens/keyframes.css +0 -56
  224. package/dist/src/styled-system/types/helpers.d.mts +0 -2
@@ -1,206 +0,0 @@
1
- @layer reset {
2
- * {
3
- margin: 0;
4
- padding: 0;
5
- font: inherit;
6
- }
7
-
8
- *,
9
- *::before,
10
- *::after {
11
- box-sizing: border-box;
12
- border-width: 0;
13
- border-style: solid;
14
- border-color: var(--global-color-border, currentColor);
15
- }
16
-
17
- html {
18
- line-height: 1.5;
19
- --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
20
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
21
- 'Noto Color Emoji';
22
- -webkit-text-size-adjust: 100%;
23
- -webkit-font-smoothing: antialiased;
24
- -moz-osx-font-smoothing: grayscale;
25
- -moz-tab-size: 4;
26
- tab-size: 4;
27
- font-family: var(--global-font-body, var(--font-fallback));
28
- }
29
-
30
- hr {
31
- height: 0;
32
- color: inherit;
33
- border-top-width: 1px;
34
- }
35
-
36
- body {
37
- height: 100%;
38
- line-height: inherit;
39
- }
40
-
41
- img {
42
- border-style: none;
43
- }
44
-
45
- img,
46
- svg,
47
- video,
48
- canvas,
49
- audio,
50
- iframe,
51
- embed,
52
- object {
53
- display: block;
54
- vertical-align: middle;
55
- }
56
-
57
- img,
58
- video {
59
- max-width: 100%;
60
- height: auto;
61
- }
62
-
63
- p,
64
- h1,
65
- h2,
66
- h3,
67
- h4,
68
- h5,
69
- h6 {
70
- overflow-wrap: break-word;
71
- }
72
-
73
- ol,
74
- ul {
75
- list-style: none;
76
- }
77
-
78
- code,
79
- kbd,
80
- pre,
81
- samp {
82
- font-size: 1em;
83
- }
84
-
85
- button,
86
- [type='button'],
87
- [type='reset'],
88
- [type='submit'] {
89
- -webkit-appearance: button;
90
- background-color: transparent;
91
- background-image: none;
92
- }
93
-
94
- button,
95
- select {
96
- text-transform: none;
97
- }
98
-
99
- table {
100
- text-indent: 0;
101
- border-color: inherit;
102
- border-collapse: collapse;
103
- }
104
-
105
- input::placeholder,
106
- textarea::placeholder {
107
- opacity: 1;
108
- color: var(--global-color-placeholder, #9ca3af);
109
- }
110
-
111
- textarea {
112
- resize: vertical;
113
- }
114
-
115
- summary {
116
- display: list-item;
117
- }
118
-
119
- small {
120
- font-size: 80%;
121
- }
122
-
123
- sub,
124
- sup {
125
- font-size: 75%;
126
- line-height: 0;
127
- position: relative;
128
- vertical-align: baseline;
129
- }
130
-
131
- sub {
132
- bottom: -0.25em;
133
- }
134
-
135
- sup {
136
- top: -0.5em;
137
- }
138
-
139
- dialog {
140
- padding: 0;
141
- }
142
-
143
- a {
144
- color: inherit;
145
- text-decoration: inherit;
146
- }
147
-
148
- abbr:where([title]) {
149
- text-decoration: underline dotted;
150
- }
151
-
152
- b,
153
- strong {
154
- font-weight: bolder;
155
- }
156
-
157
- code,
158
- kbd,
159
- samp,
160
- pre {
161
- font-size: 1em;
162
- --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
163
- font-family: var(--global-font-mono, var(--font-fallback));
164
- }
165
-
166
-
167
- input[type="text"],
168
- input[type="email"],
169
- input[type="search"],
170
- input[type="password"] {
171
- -webkit-appearance: none;
172
- -moz-appearance: none;
173
- }
174
-
175
- input[type='search'] {
176
- -webkit-appearance: textfield;
177
- outline-offset: -2px;
178
- }
179
-
180
- ::-webkit-search-decoration,
181
- ::-webkit-search-cancel-button {
182
- -webkit-appearance: none;
183
- }
184
-
185
- ::-webkit-file-upload-button {
186
- -webkit-appearance: button;
187
- font: inherit;
188
- }
189
-
190
- input[type="number"]::-webkit-inner-spin-button,
191
- input[type="number"]::-webkit-outer-spin-button {
192
- height: auto;
193
- }
194
-
195
- input[type='number']{
196
- -moz-appearance: textfield;
197
- }
198
-
199
- :-moz-ui-invalid {
200
- box-shadow: none;
201
- }
202
-
203
- :-moz-focusring {
204
- outline: auto;
205
- }
206
- }
@@ -1,320 +0,0 @@
1
- @layer recipes.slots {
2
- .toast__root--variant_default {
3
- border: var(--borders-base);
4
- background: var(--colors-background);
5
- }
6
-
7
- .toast__root--variant_destructive {
8
- border: var(--borders-destructive);
9
- background: var(--colors-destructive);
10
- color: var(--colors-destructive-foreground);
11
- }
12
-
13
- .toast__action--variant_destructive {
14
- --sp-bca: color-mix(in srgb, transparent 60%, var(--colors-muted));
15
- border-color: var(--sp-bca, var(--colors-muted));
16
- }
17
-
18
- .toast__close--variant_destructive {
19
- color: var(--colors-red-300);
20
- }
21
-
22
- .toast__action--variant_destructive:is(:focus, [data-focus]) {
23
- --shadow-panda-ring-color: var(--colors-destructive)
24
- ;
25
- }
26
-
27
- .toast__close--variant_destructive:is(:focus, [data-focus]) {
28
- --shadow-panda-ring-color: var(--colors-red-400)
29
- ;
30
- --shadow-panda-ring-offset-color: var(--colors-red-600)
31
- ;
32
- }
33
-
34
- .toast__action--variant_destructive:is(:hover, [data-hover]) {
35
- --sp-bca: color-mix(in srgb, transparent 70%, var(--colors-destructive));
36
- border-color: var(--sp-bca, var(--colors-destructive));
37
- background: var(--colors-destructive);
38
- color: var(--colors-destructive-foreground);
39
- }
40
-
41
- .toast__close--variant_destructive:is(:hover, [data-hover]) {
42
- color: var(--colors-red-50);
43
- }
44
-
45
- @layer _base {
46
-
47
- .toast__root {
48
- pointer-events: auto;
49
- position: relative;
50
- display: flex;
51
- width: var(--sizes-full);
52
- align-items: center;
53
- justify-content: space-between;
54
- gap: var(--spacing-4);
55
- overflow: hidden;
56
- border-radius: var(--radii-md);
57
- border: var(--borders-base);
58
- padding: var(--spacing-6);
59
- padding-right: var(--spacing-8);
60
- box-shadow: var(--shadows-lg);
61
- transition-property: var(--transition-prop, all);
62
- transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
63
- transition-duration: var(--transition-duration, 150ms);
64
- }
65
-
66
- .toast__root[data-swipe=cancel] {
67
- transform: translateX(0);
68
- }
69
-
70
- .toast__root[data-swipe=end] {
71
- transform: translateX(var(--radix-toast-swipe-end-x));
72
- animation-name: exit;
73
- animation-duration: var(--durations-fast);
74
- --shadow-panda-exit-opacity: 1;
75
- --shadow-panda-exit-scale: 1;
76
- --shadow-panda-exit-rotate: 0;
77
- --shadow-panda-exit-translate-x: 0;
78
- --shadow-panda-exit-translate-y: 0
79
- ;
80
- }
81
-
82
- .toast__root[data-swipe=move] {
83
- transform: translateX(var(--radix-toast-swipe-move-x));
84
- transition: none;
85
- }
86
-
87
- .toast__root[data-state=open] {
88
- animation-name: enter;
89
- animation-duration: var(--durations-fast);
90
- --shadow-panda-enter-opacity: 1;
91
- --shadow-panda-enter-scale: 1;
92
- --shadow-panda-enter-rotate: 0;
93
- --shadow-panda-enter-translate-x: 0;
94
- --shadow-panda-enter-translate-y: calc(100% * -1)
95
- ;
96
- }
97
-
98
- .toast__root[data-state=closed] {
99
- animation-name: exit;
100
- animation-duration: var(--durations-fast);
101
- --shadow-panda-exit-opacity: 0.8
102
- ;
103
- --shadow-panda-exit-scale: 1;
104
- --shadow-panda-exit-rotate: 0;
105
- --shadow-panda-exit-translate-x: 100%
106
- ;
107
- --shadow-panda-exit-translate-y: 0
108
- ;
109
- }
110
-
111
- .toast__action {
112
- display: inline-flex;
113
- height: var(--sizes-8);
114
- flex-shrink: 0;
115
- align-items: center;
116
- justify-content: center;
117
- border-radius: var(--radii-md);
118
- border: var(--borders-base);
119
- background: var(--colors-transparent);
120
- padding-inline: var(--spacing-3);
121
- font-size: 0.875rem;
122
- line-height: 1.25rem;
123
- font-weight: var(--font-weights-medium);
124
- --shadow-panda-ring-offset-color: var(--colors-background);
125
- transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
126
- transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
127
- transition-duration: var(--transition-duration, 150ms);
128
- cursor: pointer;
129
- }
130
-
131
- .toast__action:is(:disabled, [disabled], [data-disabled]) {
132
- pointer-events: none;
133
- opacity: 0.5;
134
- }
135
-
136
- .toast__close {
137
- position: absolute;
138
- right: var(--spacing-2);
139
- top: var(--spacing-2);
140
- border-radius: var(--radii-md);
141
- padding: var(--spacing-1);
142
- --sp-ca: color-mix(in srgb, transparent 50%, var(--colors-foreground));
143
- color: var(--sp-ca, var(--colors-foreground));
144
- opacity: 0;
145
- transition-property: var(--transition-prop, opacity);
146
- transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
147
- transition-duration: var(--transition-duration, 150ms);
148
- cursor: pointer;
149
- }
150
-
151
- .toast__title {
152
- font-weight: var(--font-weights-semibold);
153
- }
154
-
155
- .toast__title,.toast__description {
156
- font-size: 0.875rem;
157
- line-height: 1.25rem;
158
- }
159
-
160
- .toast__description {
161
- opacity: 0.9;
162
- }
163
-
164
- .button {
165
- display: inline-flex;
166
- align-items: center;
167
- justify-content: center;
168
- border-radius: var(--radii-md);
169
- font-size: 0.875rem;
170
- line-height: 1.25rem;
171
- font-weight: var(--font-weights-medium);
172
- transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
173
- transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
174
- transition-duration: var(--transition-duration, 150ms);
175
- cursor: pointer;
176
- --shadow-panda-ring-offset-color: var(--colors-background);
177
- gap: var(--spacing-2);
178
- }
179
-
180
- .button:is(:disabled, [disabled], [data-disabled]) {
181
- pointer-events: none;
182
- opacity: 50%;
183
- }
184
-
185
- .toast__action:is(:focus, [data-focus]) {
186
- outline: 2px solid transparent;
187
- outline-offset: 2px;
188
- --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);
189
- --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);
190
- box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);
191
- --shadow-panda-ring-color: var(--colors-ring)
192
- ;
193
- --shadow-panda-ring-offset-width: 2px
194
- ;
195
- }
196
-
197
- .toast__close:is(:focus, [data-focus]) {
198
- opacity: 1;
199
- outline: 2px solid transparent;
200
- outline-offset: 2px;
201
- --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);
202
- --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);
203
- box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);
204
- --shadow-panda-ring-color: var(--colors-ring)
205
- ;
206
- --shadow-panda-ring-offset-width: 2px
207
- ;
208
- }
209
-
210
- .button:is(:focus-visible, [data-focus-visible]) {
211
- outline: 2px solid transparent;
212
- outline-offset: 2px;
213
- --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);
214
- --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);
215
- box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);
216
- --shadow-panda-ring-color: var(--colors-ring)
217
- ;
218
- --shadow-panda-ring-offset-width: 2px
219
- ;
220
- }
221
-
222
- .toast__action:is(:hover, [data-hover]) {
223
- background: var(--colors-secondary);
224
- }
225
-
226
- .toast__close:is(:hover, [data-hover]) {
227
- color: var(--colors-foreground);
228
- }
229
-
230
- .group:is(:hover, [data-hover]) .toast__close {
231
- opacity: 1;
232
- }
233
-
234
- @media screen and (min-width: 40em) {
235
- .toast__root[data-state=open] {
236
- --shadow-panda-enter-translate-y: 100%
237
- ;
238
- }
239
- }
240
- }
241
- }
242
-
243
- @layer recipes {
244
- .button--variant_destructive {
245
- background: var(--colors-destructive);
246
- color: var(--colors-destructive-foreground);
247
- }
248
-
249
- .button--variant_outline {
250
- border: var(--borders-input);
251
- background: var(--colors-background);
252
- }
253
-
254
- .button--variant_secondary {
255
- background: var(--colors-secondary);
256
- color: var(--colors-secondary-foreground);
257
- }
258
-
259
- .button--variant_link {
260
- color: var(--colors-primary);
261
- text-underline-offset: 4px;
262
- }
263
-
264
- .button--size_default {
265
- height: var(--sizes-10);
266
- padding-inline: var(--spacing-4);
267
- padding-block: var(--spacing-2);
268
- }
269
-
270
- .button--size_sm {
271
- height: var(--sizes-9);
272
- border-radius: var(--radii-md);
273
- padding-inline: var(--spacing-3);
274
- }
275
-
276
- .button--size_lg {
277
- height: var(--sizes-11);
278
- border-radius: var(--radii-md);
279
- padding-inline: var(--spacing-8);
280
- }
281
-
282
- .button--variant_default {
283
- background: var(--colors-primary);
284
- color: var(--colors-primary-foreground);
285
- }
286
-
287
- .button--size_icon {
288
- height: var(--sizes-10);
289
- width: var(--sizes-10);
290
- }
291
-
292
- .button--variant_destructive:is(:hover, [data-hover]) {
293
- --sp-bga: color-mix(in srgb, transparent NaN, var(--colors-destructive));
294
- background-color: var(--sp-bga, var(--colors-destructive));
295
- }
296
-
297
- .button--variant_outline:is(:hover, [data-hover]) {
298
- background: var(--colors-accent);
299
- color: var(--colors-accent-foreground);
300
- }
301
-
302
- .button--variant_secondary:is(:hover, [data-hover]) {
303
- --sp-bga: color-mix(in srgb, transparent NaN, var(--colors-secondary));
304
- background-color: var(--sp-bga, var(--colors-secondary));
305
- }
306
-
307
- .button--variant_ghost:is(:hover, [data-hover]) {
308
- background: var(--colors-accent);
309
- color: var(--colors-accent-foreground);
310
- }
311
-
312
- .button--variant_link:is(:hover, [data-hover]) {
313
- text-decoration: underline;
314
- }
315
-
316
- .button--variant_default:is(:hover, [data-hover]) {
317
- --sp-bga: color-mix(in srgb, transparent NaN, var(--colors-primary));
318
- background-color: var(--sp-bga, var(--colors-primary));
319
- }
320
- }