@bitrise/bitkit-v2 0.3.402-beta.2587 → 0.3.402-beta.2596

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 (39) hide show
  1. package/dist/components/BitkitControlButton/BitkitControlButton.js +0 -1
  2. package/dist/components/BitkitControlButton/BitkitControlButton.js.map +1 -1
  3. package/dist/components/BitkitGroupHeading/BitkitGroupHeading.d.ts +0 -2
  4. package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js +11 -15
  5. package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js.map +1 -1
  6. package/dist/components/BitkitList/BitkitList.js +3 -5
  7. package/dist/components/BitkitList/BitkitList.js.map +1 -1
  8. package/dist/components/BitkitMarkdown/BitkitMarkdown.sample.d.ts +1 -1
  9. package/dist/components/BitkitSidebar/BitkitSidebar.d.ts +45 -0
  10. package/dist/components/BitkitSidebar/BitkitSidebar.js +147 -0
  11. package/dist/components/BitkitSidebar/BitkitSidebar.js.map +1 -0
  12. package/dist/components/index.d.ts +1 -2
  13. package/dist/main.js +2 -3
  14. package/dist/theme/slot-recipes/GroupHeading.recipe.js +1 -4
  15. package/dist/theme/slot-recipes/GroupHeading.recipe.js.map +1 -1
  16. package/dist/theme/slot-recipes/Sidebar.recipe.d.ts +22 -0
  17. package/dist/theme/slot-recipes/Sidebar.recipe.js +143 -0
  18. package/dist/theme/slot-recipes/Sidebar.recipe.js.map +1 -0
  19. package/dist/theme/slot-recipes/Tour.recipe.d.ts +1 -1
  20. package/dist/theme/slot-recipes/index.d.ts +22 -286
  21. package/dist/theme/slot-recipes/index.js +2 -4
  22. package/dist/theme/slot-recipes/index.js.map +1 -1
  23. package/docs/v1-to-v2-migration-guide.md +6 -9
  24. package/package.json +1 -1
  25. package/dist/components/BitkitPageHeader/BitkitPageHeader.d.ts +0 -112
  26. package/dist/components/BitkitPageHeader/BitkitPageHeader.js +0 -86
  27. package/dist/components/BitkitPageHeader/BitkitPageHeader.js.map +0 -1
  28. package/dist/components/BitkitPageSidebar/BitkitPageSidebar.d.ts +0 -74
  29. package/dist/components/BitkitPageSidebar/BitkitPageSidebar.js +0 -263
  30. package/dist/components/BitkitPageSidebar/BitkitPageSidebar.js.map +0 -1
  31. package/dist/theme/slot-recipes/PageHeader.recipe.d.ts +0 -202
  32. package/dist/theme/slot-recipes/PageHeader.recipe.js +0 -346
  33. package/dist/theme/slot-recipes/PageHeader.recipe.js.map +0 -1
  34. package/dist/theme/slot-recipes/PageSidebar.recipe.d.ts +0 -85
  35. package/dist/theme/slot-recipes/PageSidebar.recipe.js +0 -276
  36. package/dist/theme/slot-recipes/PageSidebar.recipe.js.map +0 -1
  37. package/dist/utilities/useIsTruncated.d.ts +0 -27
  38. package/dist/utilities/useIsTruncated.js +0 -54
  39. package/dist/utilities/useIsTruncated.js.map +0 -1
package/dist/theme/slot-recipes/Sidebar.recipe.js ADDED
@@ -0,0 +1,143 @@
1
+ import { rem } from "../themeUtils.js";
2
+ import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
3
+ //#region lib/theme/slot-recipes/Sidebar.recipe.ts
4
+ var sidebarSlotRecipe = defineSlotRecipe({
5
+ className: "sidebar",
6
+ slots: [
7
+ "divider",
8
+ "suffixIcon",
9
+ "footer",
10
+ "item",
11
+ "itemIcon",
12
+ "itemLabel",
13
+ "project",
14
+ "projectLabel",
15
+ "projectValue",
16
+ "root",
17
+ "selectionMarker",
18
+ "title",
19
+ "titleWithBack"
20
+ ],
21
+ base: {
22
+ root: {
23
+ background: "background/primary",
24
+ borderInlineEnd: "1px solid",
25
+ borderColor: "border/regular",
26
+ display: "flex",
27
+ flexDirection: "column",
28
+ width: rem(256),
29
+ height: "100dvh"
30
+ },
31
+ item: {
32
+ alignItems: "center",
33
+ cursor: "pointer",
34
+ display: "flex",
35
+ gap: "16",
36
+ overflow: "clip",
37
+ paddingBlock: "12",
38
+ paddingInlineEnd: "24",
39
+ paddingInlineStart: "32",
40
+ position: "relative",
41
+ width: "full",
42
+ _hover: { background: "background/hover" }
43
+ },
44
+ itemIcon: {
45
+ color: "icon/secondary",
46
+ flexShrink: 0
47
+ },
48
+ itemLabel: {
49
+ color: "text/primary",
50
+ flex: 1,
51
+ minWidth: 0,
52
+ overflow: "hidden",
53
+ textAlign: "start",
54
+ textOverflow: "ellipsis",
55
+ textStyle: "body/lg/regular",
56
+ whiteSpace: "nowrap"
57
+ },
58
+ suffixIcon: {
59
+ color: "icon/tertiary",
60
+ display: "none",
61
+ flexShrink: 0,
62
+ _groupHover: { display: "block" }
63
+ },
64
+ selectionMarker: {
65
+ background: "border/selected",
66
+ borderStartEndRadius: "2",
67
+ borderEndEndRadius: "2",
68
+ display: "none",
69
+ height: "full",
70
+ insetBlockStart: 0,
71
+ insetInlineEnd: 0,
72
+ position: "absolute",
73
+ width: "2"
74
+ },
75
+ footer: {
76
+ borderBlockStart: "1px solid",
77
+ borderColor: "border/regular",
78
+ display: "flex",
79
+ flexDirection: "column",
80
+ marginBlockStart: "auto",
81
+ paddingBlock: "12"
82
+ },
83
+ project: {
84
+ display: "flex",
85
+ flexDirection: "column",
86
+ gap: "4",
87
+ justifyContent: "center",
88
+ overflow: "clip",
89
+ paddingBlockEnd: "12",
90
+ paddingBlockStart: "8",
91
+ paddingInlineEnd: "24",
92
+ paddingInlineStart: "32",
93
+ whiteSpace: "nowrap"
94
+ },
95
+ projectLabel: {
96
+ color: "text/tertiary",
97
+ textStyle: "heading/h6"
98
+ },
99
+ projectValue: {
100
+ color: "text/body",
101
+ textStyle: "body/lg/semibold"
102
+ },
103
+ title: {
104
+ alignItems: "center",
105
+ color: "text/primary",
106
+ display: "flex",
107
+ gap: "12",
108
+ paddingBlock: "16",
109
+ paddingInlineEnd: "8",
110
+ paddingInlineStart: "32",
111
+ textStyle: "heading/h3"
112
+ },
113
+ titleWithBack: {
114
+ alignItems: "center",
115
+ color: "text/primary",
116
+ display: "flex",
117
+ gap: "12",
118
+ paddingBlockEnd: "16",
119
+ paddingBlockStart: "24",
120
+ paddingInlineEnd: "8",
121
+ paddingInlineStart: "24",
122
+ textStyle: "heading/h3"
123
+ },
124
+ divider: {
125
+ marginInline: "32",
126
+ marginBlock: "24",
127
+ width: "auto"
128
+ }
129
+ },
130
+ variants: { selected: { true: {
131
+ item: {
132
+ background: "background/selected",
133
+ _hover: { background: "background/selected-hover" }
134
+ },
135
+ itemIcon: { color: "icon/interactive" },
136
+ itemLabel: { textStyle: "body/lg/semibold" },
137
+ selectionMarker: { display: "block" }
138
+ } } }
139
+ });
140
+ //#endregion
141
+ export { sidebarSlotRecipe as default };
142
+
143
+ //# sourceMappingURL=Sidebar.recipe.js.map
package/dist/theme/slot-recipes/Sidebar.recipe.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Sidebar.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Sidebar.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst sidebarSlotRecipe = defineSlotRecipe({\n className: 'sidebar',\n slots: [\n 'divider',\n 'suffixIcon',\n 'footer',\n 'item',\n 'itemIcon',\n 'itemLabel',\n 'project',\n 'projectLabel',\n 'projectValue',\n 'root',\n 'selectionMarker',\n 'title',\n 'titleWithBack',\n ],\n base: {\n root: {\n background: 'background/primary',\n borderInlineEnd: '1px solid',\n borderColor: 'border/regular',\n display: 'flex',\n flexDirection: 'column',\n width: rem(256),\n height: '100dvh',\n },\n item: {\n alignItems: 'center',\n cursor: 'pointer',\n display: 'flex',\n gap: '16',\n overflow: 'clip',\n paddingBlock: '12',\n paddingInlineEnd: '24',\n paddingInlineStart: '32',\n position: 'relative',\n width: 'full',\n _hover: {\n background: 'background/hover',\n },\n },\n itemIcon: {\n color: 'icon/secondary',\n flexShrink: 0,\n },\n itemLabel: {\n color: 'text/primary',\n flex: 1,\n minWidth: 0,\n overflow: 'hidden',\n textAlign: 'start',\n textOverflow: 'ellipsis',\n textStyle: 'body/lg/regular',\n whiteSpace: 'nowrap',\n },\n suffixIcon: {\n color: 'icon/tertiary',\n display: 'none',\n flexShrink: 0,\n _groupHover: {\n display: 'block',\n },\n },\n selectionMarker: {\n background: 'border/selected',\n borderStartEndRadius: '2',\n borderEndEndRadius: '2',\n display: 'none',\n height: 'full',\n insetBlockStart: 0,\n insetInlineEnd: 0,\n position: 'absolute',\n width: '2',\n },\n footer: {\n borderBlockStart: '1px solid',\n borderColor: 'border/regular',\n display: 'flex',\n flexDirection: 'column',\n marginBlockStart: 'auto',\n paddingBlock: '12',\n },\n project: {\n display: 'flex',\n flexDirection: 'column',\n gap: '4',\n justifyContent: 'center',\n overflow: 'clip',\n paddingBlockEnd: '12',\n paddingBlockStart: '8',\n paddingInlineEnd: '24',\n paddingInlineStart: '32',\n whiteSpace: 'nowrap',\n },\n projectLabel: {\n color: 'text/tertiary',\n textStyle: 'heading/h6',\n },\n projectValue: {\n color: 'text/body',\n textStyle: 'body/lg/semibold',\n },\n title: {\n alignItems: 'center',\n color: 'text/primary',\n display: 'flex',\n gap: '12',\n paddingBlock: '16',\n paddingInlineEnd: '8',\n paddingInlineStart: '32',\n textStyle: 'heading/h3',\n },\n titleWithBack: {\n alignItems: 'center',\n color: 'text/primary',\n display: 'flex',\n gap: '12',\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInlineEnd: '8',\n paddingInlineStart: '24',\n textStyle: 'heading/h3',\n },\n divider: {\n marginInline: '32',\n marginBlock: '24',\n width: 'auto',\n },\n },\n variants: {\n selected: {\n true: {\n item: {\n background: 'background/selected',\n _hover: {\n background: 'background/selected-hover',\n },\n },\n itemIcon: {\n color: 'icon/interactive',\n },\n itemLabel: {\n textStyle: 'body/lg/semibold',\n },\n selectionMarker: {\n display: 'block',\n },\n },\n },\n },\n});\n\nexport default sidebarSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,aAAa;GACb,SAAS;GACT,eAAe;GACf,OAAO,IAAI,GAAG;GACd,QAAQ;EACV;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,KAAK;GACL,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,UAAU;GACV,OAAO;GACP,QAAQ,EACN,YAAY,mBACd;EACF;EACA,UAAU;GACR,OAAO;GACP,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,WAAW;GACX,cAAc;GACd,WAAW;GACX,YAAY;EACd;EACA,YAAY;GACV,OAAO;GACP,SAAS;GACT,YAAY;GACZ,aAAa,EACX,SAAS,QACX;EACF;EACA,iBAAiB;GACf,YAAY;GACZ,sBAAsB;GACtB,oBAAoB;GACpB,SAAS;GACT,QAAQ;GACR,iBAAiB;GACjB,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;EACA,QAAQ;GACN,kBAAkB;GAClB,aAAa;GACb,SAAS;GACT,eAAe;GACf,kBAAkB;GAClB,cAAc;EAChB;EACA,SAAS;GACP,SAAS;GACT,eAAe;GACf,KAAK;GACL,gBAAgB;GAChB,UAAU;GACV,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;GAClB,oBAAoB;GACpB,YAAY;EACd;EACA,cAAc;GACZ,OAAO;GACP,WAAW;EACb;EACA,cAAc;GACZ,OAAO;GACP,WAAW;EACb;EACA,OAAO;GACL,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;EACb;EACA,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;EACb;EACA,SAAS;GACP,cAAc;GACd,aAAa;GACb,OAAO;EACT;CACF;CACA,UAAU,EACR,UAAU,EACR,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,QAAQ,EACN,YAAY,4BACd;EACF;EACA,UAAU,EACR,OAAO,mBACT;EACA,WAAW,EACT,WAAW,mBACb;EACA,iBAAiB,EACf,SAAS,QACX;CACF,EACF,EACF;AACF,CAAC"}
package/dist/theme/slot-recipes/Tour.recipe.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const tourSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleRow" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleRow" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight">>;
1
+ declare const tourSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight" | "titleRow", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight" | "titleRow">>;
2
2
  export default tourSlotRecipe;
package/dist/theme/slot-recipes/index.d.ts CHANGED
@@ -1427,291 +1427,6 @@ declare const slotRecipes: {
1427
1427
  };
1428
1428
  };
1429
1429
  }>;
1430
- pageHeader: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "badge" | "secondaryText" | "avatar" | "breadcrumb" | "tabs" | "root" | "controls" | "titleBlock" | "headerBlock" | "contentBlock" | "textBlock" | "titleRow" | "actionBlock", {
1431
- contentVariant: {
1432
- title: {
1433
- titleBlock: {
1434
- alignItems: "center";
1435
- gap: "12";
1436
- };
1437
- textBlock: {
1438
- gap: "4";
1439
- };
1440
- };
1441
- app: {
1442
- titleBlock: {
1443
- gap: "16";
1444
- alignItems: "center";
1445
- };
1446
- title: {
1447
- readonly textStyle: {
1448
- readonly base: "heading/mobile/h2";
1449
- readonly tablet: "heading/h2";
1450
- };
1451
- };
1452
- secondaryText: {
1453
- readonly textStyle: "body/md/regular";
1454
- };
1455
- };
1456
- user: {
1457
- titleBlock: {
1458
- gap: "12";
1459
- alignItems: "center";
1460
- };
1461
- title: {
1462
- readonly textStyle: {
1463
- readonly base: "heading/mobile/h2";
1464
- readonly tablet: "heading/h2";
1465
- };
1466
- };
1467
- secondaryText: {
1468
- readonly textStyle: "body/md/regular";
1469
- };
1470
- };
1471
- };
1472
- hasBreadcrumb: {
1473
- true: {
1474
- headerBlock: {
1475
- paddingBlockStart: "24";
1476
- };
1477
- };
1478
- false: {};
1479
- };
1480
- hasControls: {
1481
- true: {};
1482
- false: {};
1483
- };
1484
- isSticky: {
1485
- true: {
1486
- headerBlock: {
1487
- readonly tablet: {
1488
- readonly alignItems: "center";
1489
- readonly flexDirection: "row";
1490
- readonly gap: "24";
1491
- readonly minHeight: string;
1492
- readonly paddingBlockEnd: "12";
1493
- readonly paddingBlockStart: "12";
1494
- readonly paddingInlineEnd: "32";
1495
- readonly paddingInlineStart: "24";
1496
- };
1497
- };
1498
- breadcrumb: {
1499
- readonly tablet: {
1500
- readonly flex: "0 1 auto";
1501
- readonly minWidth: 0;
1502
- };
1503
- };
1504
- contentBlock: {
1505
- readonly tablet: {
1506
- readonly alignItems: "center";
1507
- readonly flex: "1 0 0";
1508
- readonly gap: "24";
1509
- readonly justifyContent: "flex-end";
1510
- readonly minWidth: 0;
1511
- };
1512
- };
1513
- titleBlock: {
1514
- readonly tablet: {
1515
- readonly alignItems: "center";
1516
- };
1517
- };
1518
- title: {
1519
- readonly tablet: {
1520
- readonly textStyle: "heading/h3";
1521
- };
1522
- };
1523
- actionBlock: {
1524
- readonly tablet: {
1525
- readonly alignItems: "center";
1526
- readonly flexDirection: "row";
1527
- readonly gap: "8";
1528
- readonly width: "auto";
1529
- };
1530
- };
1531
- avatar: {
1532
- readonly tablet: {
1533
- readonly display: "none";
1534
- };
1535
- };
1536
- badge: {
1537
- readonly tablet: {
1538
- readonly display: "none";
1539
- };
1540
- };
1541
- secondaryText: {
1542
- readonly tablet: {
1543
- readonly display: "none";
1544
- };
1545
- };
1546
- tabs: {
1547
- readonly tablet: {
1548
- readonly display: "none";
1549
- };
1550
- };
1551
- root: {
1552
- tablet: {
1553
- borderColor: "border/minimal";
1554
- boxShadow: "elevation/sm";
1555
- };
1556
- };
1557
- };
1558
- false: {};
1559
- };
1560
- variant: {
1561
- default: {};
1562
- minimal: {
1563
- readonly headerBlock: {
1564
- readonly tablet: {
1565
- readonly alignItems: "center";
1566
- readonly flexDirection: "row";
1567
- readonly gap: "24";
1568
- readonly minHeight: string;
1569
- readonly paddingBlockEnd: "12";
1570
- readonly paddingBlockStart: "12";
1571
- readonly paddingInlineEnd: "32";
1572
- readonly paddingInlineStart: "24";
1573
- };
1574
- };
1575
- readonly breadcrumb: {
1576
- readonly tablet: {
1577
- readonly flex: "0 1 auto";
1578
- readonly minWidth: 0;
1579
- };
1580
- };
1581
- readonly contentBlock: {
1582
- readonly tablet: {
1583
- readonly alignItems: "center";
1584
- readonly flex: "1 0 0";
1585
- readonly gap: "24";
1586
- readonly justifyContent: "flex-end";
1587
- readonly minWidth: 0;
1588
- };
1589
- };
1590
- readonly titleBlock: {
1591
- readonly tablet: {
1592
- readonly alignItems: "center";
1593
- };
1594
- };
1595
- readonly title: {
1596
- readonly tablet: {
1597
- readonly textStyle: "heading/h3";
1598
- };
1599
- };
1600
- readonly actionBlock: {
1601
- readonly tablet: {
1602
- readonly alignItems: "center";
1603
- readonly flexDirection: "row";
1604
- readonly gap: "8";
1605
- readonly width: "auto";
1606
- };
1607
- };
1608
- readonly avatar: {
1609
- readonly tablet: {
1610
- readonly display: "none";
1611
- };
1612
- };
1613
- readonly badge: {
1614
- readonly tablet: {
1615
- readonly display: "none";
1616
- };
1617
- };
1618
- readonly secondaryText: {
1619
- readonly tablet: {
1620
- readonly display: "none";
1621
- };
1622
- };
1623
- readonly tabs: {
1624
- readonly tablet: {
1625
- readonly display: "none";
1626
- };
1627
- };
1628
- };
1629
- };
1630
- }>;
1631
- pageSidebar: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "title" | "root" | "item" | "titleText" | "suffixIcon" | "titleBlock" | "itemLabel" | "itemIcon" | "contentBlock" | "divider" | "project" | "projectLabel" | "projectValue" | "projectValueWrapper" | "selectionMarker", {
1632
- hasBack: {
1633
- true: {
1634
- title: {
1635
- paddingBlockEnd: "8";
1636
- paddingInlineStart: "16";
1637
- };
1638
- titleBlock: {
1639
- gap: "4";
1640
- paddingBlock: "4";
1641
- };
1642
- };
1643
- false: {
1644
- title: {
1645
- paddingBlockEnd: "16";
1646
- paddingInlineStart: "24";
1647
- };
1648
- titleBlock: {
1649
- paddingBlock: "6";
1650
- };
1651
- };
1652
- };
1653
- isDisabled: {
1654
- true: {
1655
- item: {
1656
- cursor: "not-allowed";
1657
- _hover: {
1658
- background: "transparent";
1659
- _active: {
1660
- background: "transparent";
1661
- };
1662
- };
1663
- _active: {
1664
- background: "transparent";
1665
- };
1666
- };
1667
- itemIcon: {
1668
- color: "icon/disabled";
1669
- _groupHover: {
1670
- color: "icon/disabled";
1671
- };
1672
- };
1673
- itemLabel: {
1674
- color: "text/disabled";
1675
- };
1676
- };
1677
- false: {};
1678
- };
1679
- selected: {
1680
- true: {
1681
- item: {
1682
- background: "background/selected";
1683
- _hover: {
1684
- background: "background/selected-hover";
1685
- _active: {
1686
- background: {
1687
- base: "background/selected-hover";
1688
- tablet: "background/selected-active";
1689
- };
1690
- };
1691
- };
1692
- _active: {
1693
- background: {
1694
- base: "background/selected-hover";
1695
- tablet: "background/selected-active";
1696
- };
1697
- };
1698
- };
1699
- itemIcon: {
1700
- color: "icon/interactive";
1701
- _groupHover: {
1702
- color: "icon/interactive-hover";
1703
- };
1704
- };
1705
- itemLabel: {
1706
- textStyle: {
1707
- base: "body/lg/semibold";
1708
- tablet: "body/md/semibold";
1709
- };
1710
- };
1711
- };
1712
- false: {};
1713
- };
1714
- }>;
1715
1430
  pagination: import('@chakra-ui/react').SlotRecipeDefinition<"text" | "root" | "itemsBlock" | "itemsSelect" | "pageBlock" | "pageSelect", {
1716
1431
  variant: {
1717
1432
  card: {
@@ -2048,6 +1763,27 @@ declare const slotRecipes: {
2048
1763
  };
2049
1764
  };
2050
1765
  }>;
1766
+ sidebar: import('@chakra-ui/react').SlotRecipeDefinition<"footer" | "title" | "root" | "item" | "suffixIcon" | "itemLabel" | "itemIcon" | "divider" | "project" | "projectLabel" | "projectValue" | "selectionMarker" | "titleWithBack", {
1767
+ selected: {
1768
+ true: {
1769
+ item: {
1770
+ background: "background/selected";
1771
+ _hover: {
1772
+ background: "background/selected-hover";
1773
+ };
1774
+ };
1775
+ itemIcon: {
1776
+ color: "icon/interactive";
1777
+ };
1778
+ itemLabel: {
1779
+ textStyle: "body/lg/semibold";
1780
+ };
1781
+ selectionMarker: {
1782
+ display: "block";
1783
+ };
1784
+ };
1785
+ };
1786
+ }>;
2051
1787
  select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "checkbox" | "list" | "avatar" | "emptyState" | "root" | "item" | "itemContent" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "action" | "clearTrigger" | "control" | "actionContainer" | "searchInputGroup" | "searchInput" | "searchClear" | "itemList" | "itemLoading" | "itemLoadingLabel" | "itemLabel" | "itemHelperText" | "indicatorGroup" | "checkmark" | "itemIcon" | "valueIcon", {
2052
1788
  hasStatusIcon: {
2053
1789
  true: {
@@ -2989,7 +2725,7 @@ declare const slotRecipes: {
2989
2725
  };
2990
2726
  };
2991
2727
  }>;
2992
- tour: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleRow" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleRow" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight">>;
2728
+ tour: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight" | "titleRow", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight" | "titleRow">>;
2993
2729
  treeView: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "tree" | "secondaryText" | "root" | "item" | "itemIndicator" | "itemText" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "nodeRenameInput" | "actionGroup" | "suffixGroup", {
2994
2730
  variant: {
2995
2731
  files: {
package/dist/theme/slot-recipes/index.js CHANGED
@@ -34,8 +34,6 @@ import nativeSelectSlotRecipe from "./NativeSelect.recipe.js";
34
34
  import noteCardSlotRecipe from "./NoteCard.recipe.js";
35
35
  import overflowContentSlotRecipe from "./OverflowContent.recipe.js";
36
36
  import pageFooterSlotRecipe from "./PageFooter.recipe.js";
37
- import pageHeaderSlotRecipe from "./PageHeader.recipe.js";
38
- import pageSidebarSlotRecipe from "./PageSidebar.recipe.js";
39
37
  import paginationSlotRecipe from "./Pagination.recipe.js";
40
38
  import paginationLoadMoreRecipe from "./PaginationLoadMore.recipe.js";
41
39
  import popoverSlotRecipe from "./Popover.recipe.js";
@@ -46,6 +44,7 @@ import ribbonSlotRecipe from "./Ribbon.recipe.js";
46
44
  import sectionHeadingRecipe from "./SectionHeading.recipe.js";
47
45
  import segmentGroupSlotRecipe from "./SegmentGroup.recipe.js";
48
46
  import settingsCardSlotRecipe from "./SettingsCard.recipe.js";
47
+ import sidebarSlotRecipe from "./Sidebar.recipe.js";
49
48
  import splitButtonSlotRecipe from "./SplitButton.recipe.js";
50
49
  import statSlotRecipe from "./Stat.recipe.js";
51
50
  import stepCardSlotRecipe from "./StepCard.recipe.js";
@@ -97,8 +96,6 @@ var slotRecipes = {
97
96
  numberInput: numberInputSlotRecipe,
98
97
  overflowContent: overflowContentSlotRecipe,
99
98
  pageFooter: pageFooterSlotRecipe,
100
- pageHeader: pageHeaderSlotRecipe,
101
- pageSidebar: pageSidebarSlotRecipe,
102
99
  pagination: paginationSlotRecipe,
103
100
  paginationLoadMore: paginationLoadMoreRecipe,
104
101
  popover: popoverSlotRecipe,
@@ -109,6 +106,7 @@ var slotRecipes = {
109
106
  sectionHeading: sectionHeadingRecipe,
110
107
  labeledData: labeledDataSlotRecipe,
111
108
  segmentGroup: segmentGroupSlotRecipe,
109
+ sidebar: sidebarSlotRecipe,
112
110
  select: selectSlotRecipe,
113
111
  settingsCard: settingsCardSlotRecipe,
114
112
  splitButton: splitButtonSlotRecipe,
package/dist/theme/slot-recipes/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport pageHeaderSlotRecipe from './PageHeader.recipe.ts';\nimport pageSidebarSlotRecipe from './PageSidebar.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport popoverSlotRecipe from './Popover.recipe.ts';\nimport progressSlotRecipe from './Progress.recipe.ts';\nimport qrCodeSlotRecipe from './QrCode.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tableCardSlotRecipe from './TableCard.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport textInputSlotRecipe from './TextInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport tourSlotRecipe from './Tour.recipe.ts';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n accordion: accordionSlotRecipe,\n actionBar: actionBarSlotRecipe,\n alert: alertSlotRecipe,\n avatar: avatarSlotRecipe,\n breadcrumb: breadcrumbSlotRecipe,\n card: cardSlotRecipe,\n checkbox: checkboxSlotRecipe,\n codeSnippet: codeSnippetSlotRecipe,\n collapsible: collapsibleSlotRecipe,\n combobox: comboboxSlotRecipe,\n dataWidget: dataWidgetSlotRecipe,\n datePicker: datePickerSlotRecipe,\n datePickerSelect: datePickerSelectSlotRecipe,\n dialog: dialogSlotRecipe,\n draggableCard: draggableCardSlotRecipe,\n drawer: drawerSlotRecipe,\n emptyState: emptyStateSlotRecipe,\n expandableCard: expandableCardSlotRecipe,\n field: fieldSlotRecipe,\n groupHeading: groupHeadingSlotRecipe,\n fieldset: fieldsetSlotRecipe,\n fileUpload: fileUploadSlotRecipe,\n imageCropper: imageCropperSlotRecipe,\n inlineLoading: inlineLoadingSlotRecipe,\n list: listSlotRecipe,\n markdown: markdownSlotRecipe,\n markdownCard: markdownCardSlotRecipe,\n menu: menuSlotRecipe,\n multiselect: multiselectSlotRecipe,\n noteCard: noteCardSlotRecipe,\n nativeSelect: nativeSelectSlotRecipe,\n numberInput: numberInputSlotRecipe,\n overflowContent: overflowContentSlotRecipe,\n pageFooter: pageFooterSlotRecipe,\n pageHeader: pageHeaderSlotRecipe,\n pageSidebar: pageSidebarSlotRecipe,\n pagination: paginationSlotRecipe,\n paginationLoadMore: paginationLoadMoreSlotRecipe,\n popover: popoverSlotRecipe,\n progress: progressSlotRecipe,\n qrCode: qrCodeSlotRecipe,\n radioGroup: radioGroupSlotRecipe,\n ribbon: ribbonSlotRecipe,\n sectionHeading: sectionHeadingSlotRecipe,\n labeledData: labeledDataSlotRecipe,\n segmentGroup: segmentGroupSlotRecipe,\n select: selectSlotRecipe,\n settingsCard: settingsCardSlotRecipe,\n splitButton: splitButtonSlotRecipe,\n stat: statSlotRecipe,\n stepsCard: stepCardSlotRecipe,\n steps: stepsSlotRecipe,\n switch: switchSlotRecipe,\n table: tableSlotRecipe,\n tableCard: tableCardSlotRecipe,\n tabs: tabsSlotRecipe,\n tag: tagSlotRecipe,\n tagsInput: tagsInputSlotRecipe,\n textInput: textInputSlotRecipe,\n toast: toastSlotRecipe,\n tooltip: tooltipSlotRecipe,\n tour: tourSlotRecipe,\n treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,YAAY;CACZ,oBAAoB;CACpB,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,MAAM;CACN,KAAK;CACL,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,MAAM;CACN,UAAU;AACZ"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport popoverSlotRecipe from './Popover.recipe.ts';\nimport progressSlotRecipe from './Progress.recipe.ts';\nimport qrCodeSlotRecipe from './QrCode.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tableCardSlotRecipe from './TableCard.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport textInputSlotRecipe from './TextInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport tourSlotRecipe from './Tour.recipe.ts';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n accordion: accordionSlotRecipe,\n actionBar: actionBarSlotRecipe,\n alert: alertSlotRecipe,\n avatar: avatarSlotRecipe,\n breadcrumb: breadcrumbSlotRecipe,\n card: cardSlotRecipe,\n checkbox: checkboxSlotRecipe,\n codeSnippet: codeSnippetSlotRecipe,\n collapsible: collapsibleSlotRecipe,\n combobox: comboboxSlotRecipe,\n dataWidget: dataWidgetSlotRecipe,\n datePicker: datePickerSlotRecipe,\n datePickerSelect: datePickerSelectSlotRecipe,\n dialog: dialogSlotRecipe,\n draggableCard: draggableCardSlotRecipe,\n drawer: drawerSlotRecipe,\n emptyState: emptyStateSlotRecipe,\n expandableCard: expandableCardSlotRecipe,\n field: fieldSlotRecipe,\n groupHeading: groupHeadingSlotRecipe,\n fieldset: fieldsetSlotRecipe,\n fileUpload: fileUploadSlotRecipe,\n imageCropper: imageCropperSlotRecipe,\n inlineLoading: inlineLoadingSlotRecipe,\n list: listSlotRecipe,\n markdown: markdownSlotRecipe,\n markdownCard: markdownCardSlotRecipe,\n menu: menuSlotRecipe,\n multiselect: multiselectSlotRecipe,\n noteCard: noteCardSlotRecipe,\n nativeSelect: nativeSelectSlotRecipe,\n numberInput: numberInputSlotRecipe,\n overflowContent: overflowContentSlotRecipe,\n pageFooter: pageFooterSlotRecipe,\n pagination: paginationSlotRecipe,\n paginationLoadMore: paginationLoadMoreSlotRecipe,\n popover: popoverSlotRecipe,\n progress: progressSlotRecipe,\n qrCode: qrCodeSlotRecipe,\n radioGroup: radioGroupSlotRecipe,\n ribbon: ribbonSlotRecipe,\n sectionHeading: sectionHeadingSlotRecipe,\n labeledData: labeledDataSlotRecipe,\n segmentGroup: segmentGroupSlotRecipe,\n sidebar: sidebarSlotRecipe,\n select: selectSlotRecipe,\n settingsCard: settingsCardSlotRecipe,\n splitButton: splitButtonSlotRecipe,\n stat: statSlotRecipe,\n stepsCard: stepCardSlotRecipe,\n steps: stepsSlotRecipe,\n switch: switchSlotRecipe,\n table: tableSlotRecipe,\n tableCard: tableCardSlotRecipe,\n tabs: tabsSlotRecipe,\n tag: tagSlotRecipe,\n tagsInput: tagsInputSlotRecipe,\n textInput: textInputSlotRecipe,\n toast: toastSlotRecipe,\n tooltip: tooltipSlotRecipe,\n tour: tourSlotRecipe,\n treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,MAAM;CACN,KAAK;CACL,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,MAAM;CACN,UAAU;AACZ"}
package/docs/v1-to-v2-migration-guide.md CHANGED
@@ -273,15 +273,12 @@ If your codebase has a local `card.tsx` wrapper around v1 Card (e.g. Shadcn-styl
273
273
  ### Sidebar & Breadcrumb
274
274
 
275
275
  ```tsx
276
- // Sidebar v2 — note the rename: v1 `Sidebar` maps to `BitkitPageSidebar`.
277
- // It stands at least viewport-tall; an embedded panel opts out with `minHeight="auto"`.
278
- <BitkitPageSidebar>
279
- <BitkitPageSidebar.Title>Title</BitkitPageSidebar.Title>
280
- <BitkitPageSidebar.Body>
281
- <BitkitPageSidebar.GroupHeading label="Group" />
282
- <BitkitPageSidebar.Item icon={IconName} selected={...}>Label</BitkitPageSidebar.Item>
283
- </BitkitPageSidebar.Body>
284
- </BitkitPageSidebar>
276
+ // Sidebar v2
277
+ <BitkitSidebar>
278
+ <BitkitSidebar.Title>Title</BitkitSidebar.Title>
279
+ <BitkitSidebar.GroupHeading>Group</BitkitSidebar.GroupHeading>
280
+ <BitkitSidebar.Item icon={IconName} selected={...}>Label</BitkitSidebar.Item>
281
+ </BitkitSidebar>
285
282
 
286
283
  // Breadcrumb v2
287
284
  <BitkitBreadcrumb>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit-v2",
3
3
  "private": false,
4
- "version": "0.3.402-beta.2587",
4
+ "version": "0.3.402-beta.2596",
5
5
  "description": "Bitrise Design System Components built with Chakra UI V3",
6
6
  "keywords": [
7
7
  "react",