@mekari/pixel3-theme 0.2.2-dev.2 → 0.2.2-dev.4
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/index.js +62 -50
- package/dist/index.mjs +117 -105
- package/dist/recipes/divider.d.mts +2 -2
- package/dist/recipes/divider.d.ts +2 -2
- package/dist/recipes/index.d.mts +1 -1
- package/dist/recipes/index.d.ts +1 -1
- package/dist/semanticTokens/colors.d.mts +6 -6
- package/dist/semanticTokens/colors.d.ts +6 -6
- package/dist/semanticTokens/index.d.mts +6 -6
- package/dist/semanticTokens/index.d.ts +6 -6
- package/package.json +1 -1
- package/src/recipes/date-picker.ts +13 -4
- package/src/recipes/divider.ts +37 -31
- package/src/recipes/index.ts +2 -2
- package/src/recipes/modal.ts +4 -1
- package/src/recipes/select.ts +4 -4
- package/src/recipes/tag.ts +8 -14
- package/src/semanticTokens/colors.ts +18 -18
package/dist/index.mjs
CHANGED
|
@@ -208,12 +208,6 @@ var tagSlotRecipe = defineSlotRecipe({
|
|
|
208
208
|
}
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
},
|
|
212
|
-
{
|
|
213
|
-
size: "sm",
|
|
214
|
-
css: {
|
|
215
|
-
close: { paddingTop: "0" }
|
|
216
|
-
}
|
|
217
211
|
}
|
|
218
212
|
],
|
|
219
213
|
defaultVariants: {
|
|
@@ -1481,15 +1475,15 @@ var selectSlotRecipe = defineSlotRecipe5({
|
|
|
1481
1475
|
}
|
|
1482
1476
|
},
|
|
1483
1477
|
_focus: {
|
|
1484
|
-
borderColor: "
|
|
1478
|
+
borderColor: "border.focused",
|
|
1485
1479
|
boxShadow: "focus",
|
|
1486
1480
|
_hover: {
|
|
1487
|
-
borderColor: "
|
|
1481
|
+
borderColor: "border.focused"
|
|
1488
1482
|
},
|
|
1489
1483
|
_invalid: {
|
|
1490
|
-
borderColor: "
|
|
1484
|
+
borderColor: "border.focused",
|
|
1491
1485
|
_hover: {
|
|
1492
|
-
borderColor: "
|
|
1486
|
+
borderColor: "border.focused"
|
|
1493
1487
|
}
|
|
1494
1488
|
}
|
|
1495
1489
|
},
|
|
@@ -3314,50 +3308,56 @@ var inputTagSlotRecipe = defineSlotRecipe14({
|
|
|
3314
3308
|
});
|
|
3315
3309
|
|
|
3316
3310
|
// src/recipes/divider.ts
|
|
3317
|
-
import {
|
|
3318
|
-
var
|
|
3311
|
+
import { defineSlotRecipe as defineSlotRecipe15 } from "@pandacss/dev";
|
|
3312
|
+
var dividerSlotRecipe = defineSlotRecipe15({
|
|
3319
3313
|
className: "divider",
|
|
3320
3314
|
jsx: ["MpDivider", "mp-divider"],
|
|
3315
|
+
slots: ["root", "label"],
|
|
3321
3316
|
base: {
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
},
|
|
3330
|
-
variants: {
|
|
3331
|
-
variant: {
|
|
3332
|
-
solid: {
|
|
3333
|
-
borderStyle: "solid"
|
|
3334
|
-
},
|
|
3335
|
-
dashed: {
|
|
3336
|
-
borderStyle: "dashed"
|
|
3317
|
+
root: {
|
|
3318
|
+
position: "relative",
|
|
3319
|
+
borderColor: "gray.100",
|
|
3320
|
+
color: "gray.100",
|
|
3321
|
+
_nextTheme: {
|
|
3322
|
+
color: "text.secondary",
|
|
3323
|
+
borderColor: "border.default"
|
|
3337
3324
|
}
|
|
3338
3325
|
},
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
|
|
3326
|
+
label: {
|
|
3327
|
+
display: "flex",
|
|
3328
|
+
alignItems: "center",
|
|
3329
|
+
borderColor: "gray.100",
|
|
3330
|
+
color: "gray.600",
|
|
3331
|
+
_nextTheme: {
|
|
3332
|
+
color: "text.secondary"
|
|
3344
3333
|
},
|
|
3345
|
-
|
|
3346
|
-
|
|
3347
|
-
|
|
3348
|
-
|
|
3334
|
+
_before: {
|
|
3335
|
+
content: '""',
|
|
3336
|
+
flex: 1,
|
|
3337
|
+
borderTopWidth: "0.0625rem",
|
|
3338
|
+
marginRight: "2",
|
|
3339
|
+
borderColor: "gray.100",
|
|
3340
|
+
_nextTheme: {
|
|
3341
|
+
borderColor: "border.default"
|
|
3342
|
+
}
|
|
3343
|
+
},
|
|
3344
|
+
_after: {
|
|
3345
|
+
content: '""',
|
|
3346
|
+
flex: 1,
|
|
3347
|
+
borderTopWidth: "0.0625rem",
|
|
3348
|
+
marginLeft: "2",
|
|
3349
|
+
borderColor: "gray.100",
|
|
3350
|
+
_nextTheme: {
|
|
3351
|
+
borderColor: "border.default"
|
|
3352
|
+
}
|
|
3349
3353
|
}
|
|
3350
3354
|
}
|
|
3351
|
-
},
|
|
3352
|
-
compoundVariants: [],
|
|
3353
|
-
defaultVariants: {
|
|
3354
|
-
orientation: "horizontal"
|
|
3355
3355
|
}
|
|
3356
3356
|
});
|
|
3357
3357
|
|
|
3358
3358
|
// src/recipes/modal.ts
|
|
3359
|
-
import { defineSlotRecipe as
|
|
3360
|
-
var modalSlotRecipe =
|
|
3359
|
+
import { defineSlotRecipe as defineSlotRecipe16 } from "@pandacss/dev";
|
|
3360
|
+
var modalSlotRecipe = defineSlotRecipe16({
|
|
3361
3361
|
className: "modal",
|
|
3362
3362
|
description: "The styles for the Modal component",
|
|
3363
3363
|
jsx: ["MpModal", "mp-modal"],
|
|
@@ -3458,7 +3458,10 @@ var modalSlotRecipe = defineSlotRecipe15({
|
|
|
3458
3458
|
top: "0",
|
|
3459
3459
|
w: "100vw",
|
|
3460
3460
|
h: "100vh",
|
|
3461
|
-
zIndex: "overlay"
|
|
3461
|
+
zIndex: "overlay",
|
|
3462
|
+
_nextTheme: {
|
|
3463
|
+
background: "background.overlay"
|
|
3464
|
+
}
|
|
3462
3465
|
}
|
|
3463
3466
|
},
|
|
3464
3467
|
variants: {
|
|
@@ -3491,8 +3494,8 @@ var modalSlotRecipe = defineSlotRecipe15({
|
|
|
3491
3494
|
});
|
|
3492
3495
|
|
|
3493
3496
|
// src/recipes/upload.ts
|
|
3494
|
-
import { defineSlotRecipe as
|
|
3495
|
-
var uploadSlotRecipe =
|
|
3497
|
+
import { defineSlotRecipe as defineSlotRecipe17 } from "@pandacss/dev";
|
|
3498
|
+
var uploadSlotRecipe = defineSlotRecipe17({
|
|
3496
3499
|
className: "upload",
|
|
3497
3500
|
jsx: ["MpUpload", "mp-upload"],
|
|
3498
3501
|
slots: ["root", "resetButton"],
|
|
@@ -3577,7 +3580,7 @@ var uploadSlotRecipe = defineSlotRecipe16({
|
|
|
3577
3580
|
}
|
|
3578
3581
|
}
|
|
3579
3582
|
});
|
|
3580
|
-
var uploadListSlotRecipe =
|
|
3583
|
+
var uploadListSlotRecipe = defineSlotRecipe17({
|
|
3581
3584
|
className: "upload-list",
|
|
3582
3585
|
jsx: ["MpUploadList", "mp-upload-list"],
|
|
3583
3586
|
slots: ["root", "titleWrapper", "actionWrapper"],
|
|
@@ -3620,8 +3623,8 @@ var uploadListSlotRecipe = defineSlotRecipe16({
|
|
|
3620
3623
|
});
|
|
3621
3624
|
|
|
3622
3625
|
// src/recipes/dropzone.ts
|
|
3623
|
-
import { defineSlotRecipe as
|
|
3624
|
-
var dropzoneSlotRecipe =
|
|
3626
|
+
import { defineSlotRecipe as defineSlotRecipe18 } from "@pandacss/dev";
|
|
3627
|
+
var dropzoneSlotRecipe = defineSlotRecipe18({
|
|
3625
3628
|
className: "dropzone",
|
|
3626
3629
|
jsx: ["MpDropzone", "mp-dropzone"],
|
|
3627
3630
|
slots: [
|
|
@@ -3850,8 +3853,8 @@ var dropzoneSlotRecipe = defineSlotRecipe17({
|
|
|
3850
3853
|
});
|
|
3851
3854
|
|
|
3852
3855
|
// src/recipes/segmented-control.ts
|
|
3853
|
-
import { defineSlotRecipe as
|
|
3854
|
-
var segmentedControlSlotRecipe =
|
|
3856
|
+
import { defineSlotRecipe as defineSlotRecipe19 } from "@pandacss/dev";
|
|
3857
|
+
var segmentedControlSlotRecipe = defineSlotRecipe19({
|
|
3855
3858
|
className: "segmented-control",
|
|
3856
3859
|
jsx: ["MpSegmentedControl", "mp-segmented-control"],
|
|
3857
3860
|
slots: ["root", "item", "hidden", "control", "label", "icon"],
|
|
@@ -3978,8 +3981,8 @@ var segmentedControlSlotRecipe = defineSlotRecipe18({
|
|
|
3978
3981
|
});
|
|
3979
3982
|
|
|
3980
3983
|
// src/recipes/toast.ts
|
|
3981
|
-
import { defineSlotRecipe as
|
|
3982
|
-
var toastSlotRecipe =
|
|
3984
|
+
import { defineSlotRecipe as defineSlotRecipe20 } from "@pandacss/dev";
|
|
3985
|
+
var toastSlotRecipe = defineSlotRecipe20({
|
|
3983
3986
|
className: "toast",
|
|
3984
3987
|
jsx: ["MpToast", "mp-toast"],
|
|
3985
3988
|
slots: ["root", "icon", "label"],
|
|
@@ -4042,8 +4045,8 @@ var toastSlotRecipe = defineSlotRecipe19({
|
|
|
4042
4045
|
});
|
|
4043
4046
|
|
|
4044
4047
|
// src/recipes/broadcast.ts
|
|
4045
|
-
import { defineSlotRecipe as
|
|
4046
|
-
var broadcastSlotRecipe =
|
|
4048
|
+
import { defineSlotRecipe as defineSlotRecipe21 } from "@pandacss/dev";
|
|
4049
|
+
var broadcastSlotRecipe = defineSlotRecipe21({
|
|
4047
4050
|
className: "broadcast",
|
|
4048
4051
|
jsx: ["MpBroadcast", "mp-broadcast"],
|
|
4049
4052
|
slots: ["root", "container", "wrapper", "icon", "label", "textLink", "action", "close"],
|
|
@@ -4179,8 +4182,8 @@ var broadcastSlotRecipe = defineSlotRecipe20({
|
|
|
4179
4182
|
});
|
|
4180
4183
|
|
|
4181
4184
|
// src/recipes/rich-text-editor.ts
|
|
4182
|
-
import { defineRecipe as
|
|
4183
|
-
var richTextEditorSlotRecipe =
|
|
4185
|
+
import { defineRecipe as defineRecipe11, defineSlotRecipe as defineSlotRecipe22 } from "@pandacss/dev";
|
|
4186
|
+
var richTextEditorSlotRecipe = defineSlotRecipe22({
|
|
4184
4187
|
className: "rich-text-editor",
|
|
4185
4188
|
jsx: ["MpRichTextEditor", "mp-rich-text-editor"],
|
|
4186
4189
|
slots: ["root", "toolbar", "area"],
|
|
@@ -4285,7 +4288,7 @@ var richTextEditorSlotRecipe = defineSlotRecipe21({
|
|
|
4285
4288
|
compoundVariants: [],
|
|
4286
4289
|
defaultVariants: {}
|
|
4287
4290
|
});
|
|
4288
|
-
var RTEStyleProviderRecipe =
|
|
4291
|
+
var RTEStyleProviderRecipe = defineRecipe11({
|
|
4289
4292
|
className: "typography-style-provider",
|
|
4290
4293
|
jsx: ["MpTypographyStyleProvider", "mp-typography-style-provider"],
|
|
4291
4294
|
base: {
|
|
@@ -4342,8 +4345,8 @@ var RTEStyleProviderRecipe = defineRecipe12({
|
|
|
4342
4345
|
});
|
|
4343
4346
|
|
|
4344
4347
|
// src/recipes/date-picker.ts
|
|
4345
|
-
import { defineSlotRecipe as
|
|
4346
|
-
var datePickerSlotRecipe =
|
|
4348
|
+
import { defineSlotRecipe as defineSlotRecipe23, defineRecipe as defineRecipe12 } from "@pandacss/dev";
|
|
4349
|
+
var datePickerSlotRecipe = defineSlotRecipe23({
|
|
4347
4350
|
className: "datepicker",
|
|
4348
4351
|
jsx: ["MpDatePicker", "mp-date-picker"],
|
|
4349
4352
|
slots: ["root", "popoverContent"],
|
|
@@ -4370,14 +4373,14 @@ var datePickerSlotRecipe = defineSlotRecipe22({
|
|
|
4370
4373
|
}
|
|
4371
4374
|
}
|
|
4372
4375
|
});
|
|
4373
|
-
var calendarPanelRangeRecipe =
|
|
4376
|
+
var calendarPanelRangeRecipe = defineRecipe12({
|
|
4374
4377
|
className: "calendarPanelRange",
|
|
4375
4378
|
base: {
|
|
4376
4379
|
display: "grid",
|
|
4377
4380
|
gridTemplateColumns: "repeat(2, 1fr)"
|
|
4378
4381
|
}
|
|
4379
4382
|
});
|
|
4380
|
-
var timePanelSlotRecipe =
|
|
4383
|
+
var timePanelSlotRecipe = defineSlotRecipe23({
|
|
4381
4384
|
className: "timePanel",
|
|
4382
4385
|
slots: ["root", "column"],
|
|
4383
4386
|
jsx: ["TimePanel", "time-panel"],
|
|
@@ -4397,7 +4400,7 @@ var timePanelSlotRecipe = defineSlotRecipe22({
|
|
|
4397
4400
|
}
|
|
4398
4401
|
}
|
|
4399
4402
|
});
|
|
4400
|
-
var tableDateSlotRecipe =
|
|
4403
|
+
var tableDateSlotRecipe = defineSlotRecipe23({
|
|
4401
4404
|
className: "tableDate",
|
|
4402
4405
|
jsx: ["TableDate", "table-date"],
|
|
4403
4406
|
slots: [
|
|
@@ -4426,7 +4429,7 @@ var tableDateSlotRecipe = defineSlotRecipe22({
|
|
|
4426
4429
|
}
|
|
4427
4430
|
}
|
|
4428
4431
|
});
|
|
4429
|
-
var tableMonthSlotRecipe =
|
|
4432
|
+
var tableMonthSlotRecipe = defineSlotRecipe23({
|
|
4430
4433
|
className: "tableMonth",
|
|
4431
4434
|
jsx: ["TableMonth", "table-month"],
|
|
4432
4435
|
slots: ["headerRoot", "headerLabel", "monthItemRoot", "monthItemWrapper", "shortcutLabelWrapper"],
|
|
@@ -4447,7 +4450,7 @@ var tableMonthSlotRecipe = defineSlotRecipe22({
|
|
|
4447
4450
|
}
|
|
4448
4451
|
}
|
|
4449
4452
|
});
|
|
4450
|
-
var tableYearSlotRecipe =
|
|
4453
|
+
var tableYearSlotRecipe = defineSlotRecipe23({
|
|
4451
4454
|
className: "tableYear",
|
|
4452
4455
|
jsx: ["TableYear", "table-year"],
|
|
4453
4456
|
slots: ["headerRoot", "headerLabel", "yearItemRoot", "yearItemWrapper", "shortcutLabelWrapper"],
|
|
@@ -4467,7 +4470,7 @@ var tableYearSlotRecipe = defineSlotRecipe22({
|
|
|
4467
4470
|
}
|
|
4468
4471
|
}
|
|
4469
4472
|
});
|
|
4470
|
-
var dayItemRecipe =
|
|
4473
|
+
var dayItemRecipe = defineRecipe12({
|
|
4471
4474
|
className: "day",
|
|
4472
4475
|
jsx: ["Day", "day"],
|
|
4473
4476
|
base: {
|
|
@@ -4489,7 +4492,7 @@ var dayItemRecipe = defineRecipe13({
|
|
|
4489
4492
|
}
|
|
4490
4493
|
}
|
|
4491
4494
|
});
|
|
4492
|
-
var dateItemRecipe =
|
|
4495
|
+
var dateItemRecipe = defineRecipe12({
|
|
4493
4496
|
className: "dateItem",
|
|
4494
4497
|
jsx: ["DateItem", "date-item", "Date", "date"],
|
|
4495
4498
|
base: {
|
|
@@ -4639,7 +4642,7 @@ var dateItemRecipe = defineRecipe13({
|
|
|
4639
4642
|
},
|
|
4640
4643
|
staticCss: ["*"]
|
|
4641
4644
|
});
|
|
4642
|
-
var pinbarSlotRecipe =
|
|
4645
|
+
var pinbarSlotRecipe = defineSlotRecipe23({
|
|
4643
4646
|
className: "pinbar",
|
|
4644
4647
|
slots: ["root", "pinbar"],
|
|
4645
4648
|
base: {
|
|
@@ -4658,7 +4661,7 @@ var pinbarSlotRecipe = defineSlotRecipe22({
|
|
|
4658
4661
|
}
|
|
4659
4662
|
}
|
|
4660
4663
|
});
|
|
4661
|
-
var monthItemRecipe =
|
|
4664
|
+
var monthItemRecipe = defineRecipe12({
|
|
4662
4665
|
className: "monthItem",
|
|
4663
4666
|
jsx: ["MonthItem", "month-item"],
|
|
4664
4667
|
base: {
|
|
@@ -4676,7 +4679,10 @@ var monthItemRecipe = defineRecipe13({
|
|
|
4676
4679
|
color: "gray.400",
|
|
4677
4680
|
cursor: "not-allowed",
|
|
4678
4681
|
borderColor: "transparent",
|
|
4679
|
-
backgroundColor: "transparent"
|
|
4682
|
+
backgroundColor: "transparent",
|
|
4683
|
+
_nextTheme: {
|
|
4684
|
+
color: "text.disabled"
|
|
4685
|
+
}
|
|
4680
4686
|
},
|
|
4681
4687
|
_nextTheme: {
|
|
4682
4688
|
color: "text.default"
|
|
@@ -4737,7 +4743,7 @@ var monthItemRecipe = defineRecipe13({
|
|
|
4737
4743
|
},
|
|
4738
4744
|
staticCss: ["*"]
|
|
4739
4745
|
});
|
|
4740
|
-
var yearItemRecipe =
|
|
4746
|
+
var yearItemRecipe = defineRecipe12({
|
|
4741
4747
|
className: "yearItem",
|
|
4742
4748
|
jsx: ["YearItem", "year-item"],
|
|
4743
4749
|
base: {
|
|
@@ -4755,7 +4761,10 @@ var yearItemRecipe = defineRecipe13({
|
|
|
4755
4761
|
color: "gray.400",
|
|
4756
4762
|
cursor: "not-allowed",
|
|
4757
4763
|
borderColor: "transparent",
|
|
4758
|
-
backgroundColor: "transparent"
|
|
4764
|
+
backgroundColor: "transparent",
|
|
4765
|
+
_nextTheme: {
|
|
4766
|
+
color: "text.disabled"
|
|
4767
|
+
}
|
|
4759
4768
|
},
|
|
4760
4769
|
_nextTheme: {
|
|
4761
4770
|
color: "text.default"
|
|
@@ -4816,7 +4825,7 @@ var yearItemRecipe = defineRecipe13({
|
|
|
4816
4825
|
},
|
|
4817
4826
|
staticCss: ["*"]
|
|
4818
4827
|
});
|
|
4819
|
-
var timeItemRecipe =
|
|
4828
|
+
var timeItemRecipe = defineRecipe12({
|
|
4820
4829
|
className: "timeItem",
|
|
4821
4830
|
jsx: ["TimeItem", "time-item"],
|
|
4822
4831
|
base: {
|
|
@@ -4834,7 +4843,10 @@ var timeItemRecipe = defineRecipe13({
|
|
|
4834
4843
|
color: "gray.400",
|
|
4835
4844
|
cursor: "not-allowed",
|
|
4836
4845
|
borderColor: "transparent",
|
|
4837
|
-
backgroundColor: "transparent"
|
|
4846
|
+
backgroundColor: "transparent",
|
|
4847
|
+
_nextTheme: {
|
|
4848
|
+
color: "text.disabled"
|
|
4849
|
+
}
|
|
4838
4850
|
},
|
|
4839
4851
|
_nextTheme: {
|
|
4840
4852
|
color: "text.default"
|
|
@@ -4879,8 +4891,8 @@ var timeItemRecipe = defineRecipe13({
|
|
|
4879
4891
|
});
|
|
4880
4892
|
|
|
4881
4893
|
// src/recipes/carousel.ts
|
|
4882
|
-
import { defineSlotRecipe as
|
|
4883
|
-
var carouselSlotRecipe =
|
|
4894
|
+
import { defineSlotRecipe as defineSlotRecipe24 } from "@pandacss/dev";
|
|
4895
|
+
var carouselSlotRecipe = defineSlotRecipe24({
|
|
4884
4896
|
className: "carousel",
|
|
4885
4897
|
jsx: ["MpCarousel", "mp-carousel"],
|
|
4886
4898
|
slots: [
|
|
@@ -4933,8 +4945,8 @@ var carouselSlotRecipe = defineSlotRecipe23({
|
|
|
4933
4945
|
});
|
|
4934
4946
|
|
|
4935
4947
|
// src/recipes/chart.ts
|
|
4936
|
-
import { defineSlotRecipe as
|
|
4937
|
-
var chartSlotRecipe =
|
|
4948
|
+
import { defineSlotRecipe as defineSlotRecipe25 } from "@pandacss/dev";
|
|
4949
|
+
var chartSlotRecipe = defineSlotRecipe25({
|
|
4938
4950
|
className: "chart",
|
|
4939
4951
|
jsx: ["MpChart", "mp-chart"],
|
|
4940
4952
|
slots: [
|
|
@@ -5039,8 +5051,8 @@ var chartSlotRecipe = defineSlotRecipe24({
|
|
|
5039
5051
|
});
|
|
5040
5052
|
|
|
5041
5053
|
// src/recipes/autocomplete.ts
|
|
5042
|
-
import { defineSlotRecipe as
|
|
5043
|
-
var autocompleteSlotRecipe =
|
|
5054
|
+
import { defineSlotRecipe as defineSlotRecipe26 } from "@pandacss/dev";
|
|
5055
|
+
var autocompleteSlotRecipe = defineSlotRecipe26({
|
|
5044
5056
|
className: "autocomplete",
|
|
5045
5057
|
jsx: ["MpAutocomplete", "mp-autocomplete"],
|
|
5046
5058
|
slots: ["groupText", "popoverContent", "buttonAction", "emptyText", "contentLoading", "input"],
|
|
@@ -5094,8 +5106,8 @@ var autocompleteSlotRecipe = defineSlotRecipe25({
|
|
|
5094
5106
|
});
|
|
5095
5107
|
|
|
5096
5108
|
// src/recipes/timeline.ts
|
|
5097
|
-
import { defineSlotRecipe as
|
|
5098
|
-
var timelineSlotRecipe =
|
|
5109
|
+
import { defineSlotRecipe as defineSlotRecipe27 } from "@pandacss/dev";
|
|
5110
|
+
var timelineSlotRecipe = defineSlotRecipe27({
|
|
5099
5111
|
className: "timeline",
|
|
5100
5112
|
jsx: [
|
|
5101
5113
|
"MpTimeline",
|
|
@@ -5137,7 +5149,7 @@ var timelineSlotRecipe = defineSlotRecipe26({
|
|
|
5137
5149
|
}
|
|
5138
5150
|
}
|
|
5139
5151
|
});
|
|
5140
|
-
var timelineDocumentSlotRecipe =
|
|
5152
|
+
var timelineDocumentSlotRecipe = defineSlotRecipe27({
|
|
5141
5153
|
className: "timelineDocument",
|
|
5142
5154
|
jsx: ["MpTimelineDocument", "mp-timeline-document"],
|
|
5143
5155
|
slots: ["root", "content", "title", "description", "fileSize"],
|
|
@@ -5195,7 +5207,7 @@ var timelineDocumentSlotRecipe = defineSlotRecipe26({
|
|
|
5195
5207
|
icon: false
|
|
5196
5208
|
}
|
|
5197
5209
|
});
|
|
5198
|
-
var timelineLogSlotRecipe =
|
|
5210
|
+
var timelineLogSlotRecipe = defineSlotRecipe27({
|
|
5199
5211
|
className: "timelineLog",
|
|
5200
5212
|
jsx: ["MpTimelineLog", "MpTimelineLogItem", "mp-timeline-log", "mp-timeline-log-item"],
|
|
5201
5213
|
slots: ["root", "log", "logText", "logIcon", "content", "logItem"],
|
|
@@ -5227,7 +5239,7 @@ var timelineLogSlotRecipe = defineSlotRecipe26({
|
|
|
5227
5239
|
}
|
|
5228
5240
|
}
|
|
5229
5241
|
});
|
|
5230
|
-
var timelineSeparatorSlotRecipe =
|
|
5242
|
+
var timelineSeparatorSlotRecipe = defineSlotRecipe27({
|
|
5231
5243
|
className: "timelineSeparetor",
|
|
5232
5244
|
jsx: ["MpTimelineSeparator", "mp-timeline-separator"],
|
|
5233
5245
|
slots: ["root", "topConnector", "bottomConnector"],
|
|
@@ -5267,7 +5279,7 @@ var timelineSeparatorSlotRecipe = defineSlotRecipe26({
|
|
|
5267
5279
|
}
|
|
5268
5280
|
}
|
|
5269
5281
|
});
|
|
5270
|
-
var timelineAccordionSlotRecipe =
|
|
5282
|
+
var timelineAccordionSlotRecipe = defineSlotRecipe27({
|
|
5271
5283
|
className: "timelineAccordion",
|
|
5272
5284
|
jsx: ["MpTimelineAccordion", "mp-timeline-accordion"],
|
|
5273
5285
|
slots: ["body", "separator", "icon", "topConnector", "bottomConnector", "title", "label"],
|
|
@@ -5328,8 +5340,8 @@ var timelineAccordionSlotRecipe = defineSlotRecipe26({
|
|
|
5328
5340
|
});
|
|
5329
5341
|
|
|
5330
5342
|
// src/recipes/banner.ts
|
|
5331
|
-
import { defineRecipe as
|
|
5332
|
-
var bannerSlotRecipe =
|
|
5343
|
+
import { defineRecipe as defineRecipe13, defineSlotRecipe as defineSlotRecipe28 } from "@pandacss/dev";
|
|
5344
|
+
var bannerSlotRecipe = defineSlotRecipe28({
|
|
5333
5345
|
className: "banner",
|
|
5334
5346
|
jsx: ["MpBanner", "mp-banner"],
|
|
5335
5347
|
slots: ["root", "body"],
|
|
@@ -5390,7 +5402,7 @@ var bannerSlotRecipe = defineSlotRecipe27({
|
|
|
5390
5402
|
variant: "info"
|
|
5391
5403
|
}
|
|
5392
5404
|
});
|
|
5393
|
-
var bannerTitleRecipe =
|
|
5405
|
+
var bannerTitleRecipe = defineRecipe13({
|
|
5394
5406
|
className: "banner-title",
|
|
5395
5407
|
jsx: ["MpBannerTitle", "mp-banner-title"],
|
|
5396
5408
|
base: {
|
|
@@ -5409,7 +5421,7 @@ var bannerTitleRecipe = defineRecipe14({
|
|
|
5409
5421
|
compoundVariants: [],
|
|
5410
5422
|
defaultVariants: {}
|
|
5411
5423
|
});
|
|
5412
|
-
var bannerDescriptionRecipe =
|
|
5424
|
+
var bannerDescriptionRecipe = defineRecipe13({
|
|
5413
5425
|
className: "banner-description",
|
|
5414
5426
|
jsx: ["MpBannerDescription", "mp-banner-description"],
|
|
5415
5427
|
base: {
|
|
@@ -5427,7 +5439,7 @@ var bannerDescriptionRecipe = defineRecipe14({
|
|
|
5427
5439
|
compoundVariants: [],
|
|
5428
5440
|
defaultVariants: {}
|
|
5429
5441
|
});
|
|
5430
|
-
var bannerIconSlotRecipe =
|
|
5442
|
+
var bannerIconSlotRecipe = defineSlotRecipe28({
|
|
5431
5443
|
className: "banner-icon",
|
|
5432
5444
|
jsx: ["MpBannerIcon", "mp-banner-icon"],
|
|
5433
5445
|
slots: ["root", "custom"],
|
|
@@ -5450,7 +5462,7 @@ var bannerIconSlotRecipe = defineSlotRecipe27({
|
|
|
5450
5462
|
compoundVariants: [],
|
|
5451
5463
|
defaultVariants: {}
|
|
5452
5464
|
});
|
|
5453
|
-
var bannerLinkRecipe =
|
|
5465
|
+
var bannerLinkRecipe = defineRecipe13({
|
|
5454
5466
|
className: "banner-link",
|
|
5455
5467
|
jsx: ["MpBannerLink", "mp-banner-link"],
|
|
5456
5468
|
base: {
|
|
@@ -5462,7 +5474,7 @@ var bannerLinkRecipe = defineRecipe14({
|
|
|
5462
5474
|
compoundVariants: [],
|
|
5463
5475
|
defaultVariants: {}
|
|
5464
5476
|
});
|
|
5465
|
-
var bannerCloseButtonRecipe =
|
|
5477
|
+
var bannerCloseButtonRecipe = defineRecipe13({
|
|
5466
5478
|
className: "banner-close-button",
|
|
5467
5479
|
jsx: ["MpBannerCloseButton", "mp-banner-close-button"],
|
|
5468
5480
|
base: {
|
|
@@ -5482,8 +5494,8 @@ var bannerCloseButtonRecipe = defineRecipe14({
|
|
|
5482
5494
|
});
|
|
5483
5495
|
|
|
5484
5496
|
// src/recipes/color-picker.ts
|
|
5485
|
-
import { defineSlotRecipe as
|
|
5486
|
-
var colorPickerSlotRecipe =
|
|
5497
|
+
import { defineSlotRecipe as defineSlotRecipe29 } from "@pandacss/dev";
|
|
5498
|
+
var colorPickerSlotRecipe = defineSlotRecipe29({
|
|
5487
5499
|
className: "color-picker",
|
|
5488
5500
|
jsx: ["MpColorPicker", "mp-color-picker"],
|
|
5489
5501
|
slots: [
|
|
@@ -5656,8 +5668,8 @@ var colorPickerSlotRecipe = defineSlotRecipe28({
|
|
|
5656
5668
|
});
|
|
5657
5669
|
|
|
5658
5670
|
// src/recipes/slider.ts
|
|
5659
|
-
import { defineSlotRecipe as
|
|
5660
|
-
var sliderSlotRecipe =
|
|
5671
|
+
import { defineSlotRecipe as defineSlotRecipe30 } from "@pandacss/dev";
|
|
5672
|
+
var sliderSlotRecipe = defineSlotRecipe30({
|
|
5661
5673
|
className: "slider",
|
|
5662
5674
|
jsx: ["MpSlider", "mp-slider"],
|
|
5663
5675
|
slots: [
|
|
@@ -5766,8 +5778,8 @@ var sliderSlotRecipe = defineSlotRecipe29({
|
|
|
5766
5778
|
});
|
|
5767
5779
|
|
|
5768
5780
|
// src/recipes/tour.ts
|
|
5769
|
-
import { defineSlotRecipe as
|
|
5770
|
-
var tourSlotRecipe =
|
|
5781
|
+
import { defineSlotRecipe as defineSlotRecipe31 } from "@pandacss/dev";
|
|
5782
|
+
var tourSlotRecipe = defineSlotRecipe31({
|
|
5771
5783
|
className: "tour",
|
|
5772
5784
|
jsx: ["MpTour", "mp-tour"],
|
|
5773
5785
|
slots: ["root", "overlay", "panel"],
|
|
@@ -5810,7 +5822,6 @@ var recipes = {
|
|
|
5810
5822
|
tabSelectedBorderRecipe,
|
|
5811
5823
|
tableRecipe,
|
|
5812
5824
|
tableContainerRecipe,
|
|
5813
|
-
dividerRecipe,
|
|
5814
5825
|
bannerTitleRecipe,
|
|
5815
5826
|
bannerDescriptionRecipe,
|
|
5816
5827
|
bannerLinkRecipe,
|
|
@@ -5826,6 +5837,7 @@ var recipes = {
|
|
|
5826
5837
|
var slotRecipes = {
|
|
5827
5838
|
accordionSlotRecipe,
|
|
5828
5839
|
checkboxSlotRecipe,
|
|
5840
|
+
dividerSlotRecipe,
|
|
5829
5841
|
radioSlotRecipe,
|
|
5830
5842
|
sharedSlotRecipe,
|
|
5831
5843
|
progressSlotRecipe,
|
|
@@ -6701,14 +6713,14 @@ var colors3 = defineSemanticTokens.colors({
|
|
|
6701
6713
|
pressed: {
|
|
6702
6714
|
value: {
|
|
6703
6715
|
base: "{colors.indigo.900}",
|
|
6704
|
-
|
|
6716
|
+
_light: "{colors.indigo.900}",
|
|
6705
6717
|
_dark: "{colors.indigo.200}"
|
|
6706
6718
|
}
|
|
6707
6719
|
},
|
|
6708
6720
|
selected: {
|
|
6709
6721
|
value: {
|
|
6710
6722
|
base: "{colors.indigo.700}",
|
|
6711
|
-
|
|
6723
|
+
_light: "{colors.indigo.700}",
|
|
6712
6724
|
_dark: "{colors.indigo.400}"
|
|
6713
6725
|
}
|
|
6714
6726
|
}
|
|
@@ -6777,7 +6789,7 @@ var colors3 = defineSemanticTokens.colors({
|
|
|
6777
6789
|
pressed: {
|
|
6778
6790
|
value: {
|
|
6779
6791
|
base: "{colors.red.900}",
|
|
6780
|
-
|
|
6792
|
+
_light: "{colors.red.900}",
|
|
6781
6793
|
_dark: "{colors.red.200}"
|
|
6782
6794
|
}
|
|
6783
6795
|
}
|
|
@@ -6823,7 +6835,7 @@ var colors3 = defineSemanticTokens.colors({
|
|
|
6823
6835
|
pressed: {
|
|
6824
6836
|
value: {
|
|
6825
6837
|
base: "{colors.yellow.500}",
|
|
6826
|
-
|
|
6838
|
+
_light: "{colors.yellow.500}",
|
|
6827
6839
|
_dark: "{colors.yellow.500}"
|
|
6828
6840
|
}
|
|
6829
6841
|
}
|
|
@@ -6869,7 +6881,7 @@ var colors3 = defineSemanticTokens.colors({
|
|
|
6869
6881
|
pressed: {
|
|
6870
6882
|
value: {
|
|
6871
6883
|
base: "{colors.green.900}",
|
|
6872
|
-
|
|
6884
|
+
_light: "{colors.green.900}",
|
|
6873
6885
|
_dark: "{colors.green.200}"
|
|
6874
6886
|
}
|
|
6875
6887
|
}
|
|
@@ -6915,7 +6927,7 @@ var colors3 = defineSemanticTokens.colors({
|
|
|
6915
6927
|
pressed: {
|
|
6916
6928
|
value: {
|
|
6917
6929
|
base: "{colors.violet.900}",
|
|
6918
|
-
|
|
6930
|
+
_light: "{colors.violet.900}",
|
|
6919
6931
|
_dark: "{colors.violet.200}"
|
|
6920
6932
|
}
|
|
6921
6933
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _pandacss_dev from '@pandacss/dev';
|
|
2
2
|
|
|
3
|
-
declare const
|
|
3
|
+
declare const dividerSlotRecipe: _pandacss_dev.SlotRecipeConfig;
|
|
4
4
|
|
|
5
|
-
export {
|
|
5
|
+
export { dividerSlotRecipe };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _pandacss_dev from '@pandacss/dev';
|
|
2
2
|
|
|
3
|
-
declare const
|
|
3
|
+
declare const dividerSlotRecipe: _pandacss_dev.SlotRecipeConfig;
|
|
4
4
|
|
|
5
|
-
export {
|
|
5
|
+
export { dividerSlotRecipe };
|
package/dist/recipes/index.d.mts
CHANGED
|
@@ -16,7 +16,6 @@ declare const recipes: {
|
|
|
16
16
|
tabSelectedBorderRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
17
17
|
tableRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
18
18
|
tableContainerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
19
|
-
dividerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
20
19
|
bannerTitleRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
21
20
|
bannerDescriptionRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
22
21
|
bannerLinkRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
@@ -32,6 +31,7 @@ declare const recipes: {
|
|
|
32
31
|
declare const slotRecipes: {
|
|
33
32
|
accordionSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
|
34
33
|
checkboxSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
|
34
|
+
dividerSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
|
35
35
|
radioSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
|
36
36
|
sharedSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
|
37
37
|
progressSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
package/dist/recipes/index.d.ts
CHANGED
|
@@ -16,7 +16,6 @@ declare const recipes: {
|
|
|
16
16
|
tabSelectedBorderRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
17
17
|
tableRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
18
18
|
tableContainerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
19
|
-
dividerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
20
19
|
bannerTitleRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
21
20
|
bannerDescriptionRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
22
21
|
bannerLinkRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
|
|
@@ -32,6 +31,7 @@ declare const recipes: {
|
|
|
32
31
|
declare const slotRecipes: {
|
|
33
32
|
accordionSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
|
34
33
|
checkboxSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
|
34
|
+
dividerSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
|
35
35
|
radioSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
|
36
36
|
sharedSlotRecipe: _pandacss_types.SlotRecipeConfig;
|
|
37
37
|
progressSlotRecipe: _pandacss_types.SlotRecipeConfig;
|