@bitrise/bitkit-v2 0.3.475-beta.3012 → 0.3.475

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 (106) hide show
  1. package/dist/components/BitkitCalendar/BitkitCalendar.d.ts +0 -12
  2. package/dist/components/BitkitCalendar/BitkitCalendar.js +1 -7
  3. package/dist/components/BitkitCalendar/BitkitCalendar.js.map +1 -1
  4. package/dist/components/BitkitCalendar/components/CalendarContent.d.ts +1 -5
  5. package/dist/components/BitkitCalendar/components/CalendarContent.js +43 -60
  6. package/dist/components/BitkitCalendar/components/CalendarContent.js.map +1 -1
  7. package/dist/components/BitkitCalendar/components/CalendarMonth.d.ts +2 -4
  8. package/dist/components/BitkitCalendar/components/CalendarMonth.js +5 -15
  9. package/dist/components/BitkitCalendar/components/CalendarMonth.js.map +1 -1
  10. package/dist/components/BitkitCalendar/components/CalendarMonthSelect.d.ts +1 -2
  11. package/dist/components/BitkitCalendar/components/CalendarMonthSelect.js +2 -3
  12. package/dist/components/BitkitCalendar/components/CalendarMonthSelect.js.map +1 -1
  13. package/dist/components/BitkitCalendar/components/CalendarNextTrigger.d.ts +1 -3
  14. package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js +3 -3
  15. package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js.map +1 -1
  16. package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.d.ts +1 -3
  17. package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js +3 -3
  18. package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js.map +1 -1
  19. package/dist/components/BitkitCalendar/components/CalendarSelect.d.ts +0 -1
  20. package/dist/components/BitkitCalendar/components/CalendarSelect.js +2 -4
  21. package/dist/components/BitkitCalendar/components/CalendarSelect.js.map +1 -1
  22. package/dist/components/BitkitCalendar/components/CalendarYearSelect.d.ts +1 -2
  23. package/dist/components/BitkitCalendar/components/CalendarYearSelect.js +2 -3
  24. package/dist/components/BitkitCalendar/components/CalendarYearSelect.js.map +1 -1
  25. package/dist/components/BitkitDatePicker/BitkitDatePicker.d.ts +0 -2
  26. package/dist/components/BitkitDatePicker/BitkitDatePicker.js +1 -2
  27. package/dist/components/BitkitDatePicker/BitkitDatePicker.js.map +1 -1
  28. package/dist/components/BitkitMarkdown/BitkitMarkdown.js +1 -1
  29. package/dist/components/BitkitNoteCard/BitkitNoteCard.js +1 -1
  30. package/dist/components/index.d.ts +0 -6
  31. package/dist/main.js +7 -8
  32. package/dist/theme/recipes/Spinner.recipe.d.ts +4 -4
  33. package/dist/theme/recipes/Spinner.recipe.js +4 -4
  34. package/dist/theme/recipes/Spinner.recipe.js.map +1 -1
  35. package/dist/theme/recipes/index.d.ts +4 -4
  36. package/dist/theme/semantic-tokens/index.d.ts +5 -0
  37. package/dist/theme/semantic-tokens/semanticColors.d.ts +5 -0
  38. package/dist/theme/semantic-tokens/semanticColors.js +1 -0
  39. package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
  40. package/dist/theme/slot-recipes/DatePicker.recipe.d.ts +0 -15
  41. package/dist/theme/slot-recipes/DatePicker.recipe.js +22 -72
  42. package/dist/theme/slot-recipes/DatePicker.recipe.js.map +1 -1
  43. package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts +0 -82
  44. package/dist/theme/slot-recipes/DatePickerSelect.recipe.js +10 -28
  45. package/dist/theme/slot-recipes/DatePickerSelect.recipe.js.map +1 -1
  46. package/dist/theme/slot-recipes/Menu.recipe.js +1 -6
  47. package/dist/theme/slot-recipes/Menu.recipe.js.map +1 -1
  48. package/dist/theme/slot-recipes/NoteCard.recipe.d.ts +1 -1
  49. package/dist/theme/slot-recipes/NoteCard.recipe.js +1 -1
  50. package/dist/theme/slot-recipes/NoteCard.recipe.js.map +1 -1
  51. package/dist/theme/slot-recipes/PageFooter.recipe.d.ts +5 -3
  52. package/dist/theme/slot-recipes/PageFooter.recipe.js +5 -3
  53. package/dist/theme/slot-recipes/PageFooter.recipe.js.map +1 -1
  54. package/dist/theme/slot-recipes/Tag.recipe.d.ts +1 -1
  55. package/dist/theme/slot-recipes/index.d.ts +7 -159
  56. package/dist/theme/slot-recipes/index.js +0 -4
  57. package/dist/theme/slot-recipes/index.js.map +1 -1
  58. package/dist/utilities/BitkitPortalContext.js +2 -3
  59. package/dist/utilities/BitkitPortalContext.js.map +1 -1
  60. package/docs/v1-to-v2-migration-guide.md +1 -48
  61. package/package.json +1 -1
  62. package/dist/components/BitkitFilter/BitkitFilter.context.d.ts +0 -65
  63. package/dist/components/BitkitFilter/BitkitFilter.context.js +0 -82
  64. package/dist/components/BitkitFilter/BitkitFilter.context.js.map +0 -1
  65. package/dist/components/BitkitFilter/BitkitFilter.d.ts +0 -55
  66. package/dist/components/BitkitFilter/BitkitFilter.js +0 -240
  67. package/dist/components/BitkitFilter/BitkitFilter.js.map +0 -1
  68. package/dist/components/BitkitFilter/BitkitFilter.utils.d.ts +0 -18
  69. package/dist/components/BitkitFilter/BitkitFilter.utils.js +0 -42
  70. package/dist/components/BitkitFilter/BitkitFilter.utils.js.map +0 -1
  71. package/dist/components/BitkitFilter/BitkitFilterAdd.d.ts +0 -18
  72. package/dist/components/BitkitFilter/BitkitFilterAdd.js +0 -188
  73. package/dist/components/BitkitFilter/BitkitFilterAdd.js.map +0 -1
  74. package/dist/components/BitkitFilter/BitkitFilterDateRange.d.ts +0 -26
  75. package/dist/components/BitkitFilter/BitkitFilterDateRange.js +0 -118
  76. package/dist/components/BitkitFilter/BitkitFilterDateRange.js.map +0 -1
  77. package/dist/components/BitkitFilter/BitkitFilterSearch.d.ts +0 -23
  78. package/dist/components/BitkitFilter/BitkitFilterSearch.js +0 -70
  79. package/dist/components/BitkitFilter/BitkitFilterSearch.js.map +0 -1
  80. package/dist/components/BitkitFilter/BitkitFilterSelect.d.ts +0 -61
  81. package/dist/components/BitkitFilter/BitkitFilterSelect.js +0 -140
  82. package/dist/components/BitkitFilter/BitkitFilterSelect.js.map +0 -1
  83. package/dist/components/BitkitFilter/BitkitFilterSwitch.d.ts +0 -28
  84. package/dist/components/BitkitFilter/BitkitFilterSwitch.js +0 -87
  85. package/dist/components/BitkitFilter/BitkitFilterSwitch.js.map +0 -1
  86. package/dist/components/BitkitFilter/components/FilterChip.d.ts +0 -23
  87. package/dist/components/BitkitFilter/components/FilterChip.js +0 -64
  88. package/dist/components/BitkitFilter/components/FilterChip.js.map +0 -1
  89. package/dist/components/BitkitFilter/components/FilterField.d.ts +0 -15
  90. package/dist/components/BitkitFilter/components/FilterField.js +0 -58
  91. package/dist/components/BitkitFilter/components/FilterField.js.map +0 -1
  92. package/dist/components/BitkitFilter/components/FilterPanel.d.ts +0 -42
  93. package/dist/components/BitkitFilter/components/FilterPanel.js +0 -126
  94. package/dist/components/BitkitFilter/components/FilterPanel.js.map +0 -1
  95. package/dist/components/BitkitFilter/components/FilterSearchInput.d.ts +0 -15
  96. package/dist/components/BitkitFilter/components/FilterSearchInput.js +0 -41
  97. package/dist/components/BitkitFilter/components/FilterSearchInput.js.map +0 -1
  98. package/dist/components/BitkitFilter/components/FilterSelectForm.d.ts +0 -39
  99. package/dist/components/BitkitFilter/components/FilterSelectForm.js +0 -278
  100. package/dist/components/BitkitFilter/components/FilterSelectForm.js.map +0 -1
  101. package/dist/theme/slot-recipes/Filter.recipe.d.ts +0 -37
  102. package/dist/theme/slot-recipes/Filter.recipe.js +0 -636
  103. package/dist/theme/slot-recipes/Filter.recipe.js.map +0 -1
  104. package/dist/theme/slot-recipes/Listbox.recipe.d.ts +0 -22
  105. package/dist/theme/slot-recipes/Listbox.recipe.js +0 -97
  106. package/dist/theme/slot-recipes/Listbox.recipe.js.map +0 -1
@@ -85,88 +85,6 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
85
85
  height: "16";
86
86
  } | undefined;
87
87
  };
88
- lg: {
89
- trigger: {
90
- height: "40";
91
- paddingBlock: "8";
92
- paddingInlineEnd: "12";
93
- paddingInlineStart: "16";
94
- textStyle: "body/lg/regular";
95
- '&:has([data-slot="avatar"])'?: {
96
- paddingBlock: `${number}rem`;
97
- paddingInlineStart: `${number}rem`;
98
- } | undefined;
99
- };
100
- indicator: {
101
- _icon: {
102
- width: "16";
103
- height: "16";
104
- };
105
- };
106
- checkbox?: {
107
- width: "24";
108
- height: "24";
109
- } | undefined;
110
- item?: {
111
- '&:has([data-slot="avatar"])': {
112
- paddingInlineStart: "12";
113
- paddingInlineEnd: "24";
114
- paddingBlock: "8";
115
- gap: "8";
116
- };
117
- '&:has([data-slot="checkbox"])': {
118
- minHeight: "48";
119
- paddingInlineEnd: "24";
120
- paddingBlock: "12";
121
- gap: "12";
122
- };
123
- paddingInline: "16";
124
- paddingBlock: "12";
125
- textStyle: "body/lg/regular";
126
- _selected: {
127
- textStyle: "body/lg/semibold";
128
- };
129
- } | undefined;
130
- content?: {
131
- '--select-menu-list-max-height': `${number}rem`;
132
- } | undefined;
133
- itemLabel?: {
134
- textStyle: "body/lg/regular";
135
- lineHeight: "normal";
136
- } | undefined;
137
- itemLoadingLabel?: {
138
- textStyle: "body/lg/regular";
139
- } | undefined;
140
- emptyState?: {
141
- paddingBlock: "12";
142
- } | undefined;
143
- errorState?: {
144
- paddingBlock: "8";
145
- } | undefined;
146
- errorLabel?: {
147
- textStyle: "body/lg/regular";
148
- } | undefined;
149
- action?: {
150
- minHeight: "48";
151
- paddingBlock: "12";
152
- textStyle: "body/lg/regular";
153
- lineHeight: "normal";
154
- } | undefined;
155
- searchInputGroup?: {
156
- height: `${number}rem`;
157
- paddingBlock: "16";
158
- } | undefined;
159
- searchInput?: {
160
- textStyle: "body/lg/regular";
161
- } | undefined;
162
- searchClear?: {
163
- padding: "8";
164
- } | undefined;
165
- itemIndicator?: {
166
- width: "24";
167
- height: "24";
168
- } | undefined;
169
- };
170
88
  };
171
89
  }>;
172
90
  export default datePickerSelectSlotRecipe;
@@ -10,7 +10,6 @@ var datePickerSelectSlotRecipe = defineSlotRecipe({
10
10
  ...selectSlotRecipe.base?.trigger,
11
11
  borderWidth: 0,
12
12
  height: "32",
13
- minWidth: 0,
14
13
  paddingInlineStart: "12",
15
14
  paddingInlineEnd: "8",
16
15
  "&:hover:not(:active)": { bg: "background/hover" },
@@ -29,34 +28,17 @@ var datePickerSelectSlotRecipe = defineSlotRecipe({
29
28
  paddingInline: "8"
30
29
  }
31
30
  },
32
- variants: { size: {
33
- md: {
34
- ...selectSlotRecipe.variants?.size?.md,
35
- trigger: {
36
- ...selectSlotRecipe.variants?.size?.md.trigger,
37
- paddingBlock: "6"
38
- },
39
- indicator: { _icon: {
40
- width: "16",
41
- height: "16"
42
- } }
31
+ variants: { size: { md: {
32
+ ...selectSlotRecipe.variants?.size?.md,
33
+ trigger: {
34
+ ...selectSlotRecipe.variants?.size?.md.trigger,
35
+ paddingBlock: "6"
43
36
  },
44
- lg: {
45
- ...selectSlotRecipe.variants?.size?.lg,
46
- trigger: {
47
- ...selectSlotRecipe.variants?.size?.lg.trigger,
48
- height: "40",
49
- paddingBlock: "8",
50
- paddingInlineEnd: "12",
51
- paddingInlineStart: "16",
52
- textStyle: "body/lg/regular"
53
- },
54
- indicator: { _icon: {
55
- width: "16",
56
- height: "16"
57
- } }
58
- }
59
- } },
37
+ indicator: { _icon: {
38
+ width: "16",
39
+ height: "16"
40
+ } }
41
+ } } },
60
42
  defaultVariants: { size: "md" }
61
43
  });
62
44
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/DatePickerSelect.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { selectSlotRecipe } from './Select.recipe';\n\nconst datePickerSelectSlotRecipe = defineSlotRecipe({\n className: 'datePickerSelect',\n slots: selectAnatomy.keys(),\n base: {\n trigger: {\n ...selectSlotRecipe.base?.trigger,\n borderWidth: 0,\n height: '32',\n minWidth: 0,\n paddingInlineStart: '12',\n paddingInlineEnd: '8',\n '&:hover:not(:active)': {\n bg: 'background/hover',\n },\n '&:active': {\n bg: 'background/active',\n },\n },\n indicator: {\n ...selectSlotRecipe.base?.indicator,\n color: 'icon/tertiary',\n _icon: {\n width: '16',\n height: '16',\n },\n },\n indicatorGroup: {\n ...selectSlotRecipe.base?.indicatorGroup,\n paddingInline: '8',\n },\n },\n variants: {\n size: {\n md: {\n ...selectSlotRecipe.variants?.size?.md,\n trigger: {\n ...selectSlotRecipe.variants?.size?.md.trigger,\n paddingBlock: '6',\n },\n indicator: {\n _icon: {\n width: '16',\n height: '16',\n },\n },\n },\n // The mobile calendar: taller trigger and larger text.\n lg: {\n ...selectSlotRecipe.variants?.size?.lg,\n trigger: {\n ...selectSlotRecipe.variants?.size?.lg.trigger,\n height: '40',\n paddingBlock: '8',\n paddingInlineEnd: '12',\n paddingInlineStart: '16',\n textStyle: 'body/lg/regular',\n },\n indicator: {\n _icon: {\n width: '16',\n height: '16',\n },\n },\n },\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nexport default datePickerSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,6BAA6B,iBAAiB;CAClD,WAAW;CACX,OAAO,cAAc,KAAK;CAC1B,MAAM;EACJ,SAAS;GACP,GAAG,iBAAiB,MAAM;GAC1B,aAAa;GACb,QAAQ;GACR,UAAU;GACV,oBAAoB;GACpB,kBAAkB;GAClB,wBAAwB,EACtB,IAAI,mBACN;GACA,YAAY,EACV,IAAI,oBACN;EACF;EACA,WAAW;GACT,GAAG,iBAAiB,MAAM;GAC1B,OAAO;GACP,OAAO;IACL,OAAO;IACP,QAAQ;GACV;EACF;EACA,gBAAgB;GACd,GAAG,iBAAiB,MAAM;GAC1B,eAAe;EACjB;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,GAAG,iBAAiB,UAAU,MAAM;GACpC,SAAS;IACP,GAAG,iBAAiB,UAAU,MAAM,GAAG;IACvC,cAAc;GAChB;GACA,WAAW,EACT,OAAO;IACL,OAAO;IACP,QAAQ;GACV,EACF;EACF;EAEA,IAAI;GACF,GAAG,iBAAiB,UAAU,MAAM;GACpC,SAAS;IACP,GAAG,iBAAiB,UAAU,MAAM,GAAG;IACvC,QAAQ;IACR,cAAc;IACd,kBAAkB;IAClB,oBAAoB;IACpB,WAAW;GACb;GACA,WAAW,EACT,OAAO;IACL,OAAO;IACP,QAAQ;GACV,EACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
1
+ {"version":3,"file":"DatePickerSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/DatePickerSelect.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { selectSlotRecipe } from './Select.recipe';\n\nconst datePickerSelectSlotRecipe = defineSlotRecipe({\n className: 'datePickerSelect',\n slots: selectAnatomy.keys(),\n base: {\n trigger: {\n ...selectSlotRecipe.base?.trigger,\n borderWidth: 0,\n height: '32',\n paddingInlineStart: '12',\n paddingInlineEnd: '8',\n '&:hover:not(:active)': {\n bg: 'background/hover',\n },\n '&:active': {\n bg: 'background/active',\n },\n },\n indicator: {\n ...selectSlotRecipe.base?.indicator,\n color: 'icon/tertiary',\n _icon: {\n width: '16',\n height: '16',\n },\n },\n indicatorGroup: {\n ...selectSlotRecipe.base?.indicatorGroup,\n paddingInline: '8',\n },\n },\n variants: {\n size: {\n md: {\n ...selectSlotRecipe.variants?.size?.md,\n trigger: {\n ...selectSlotRecipe.variants?.size?.md.trigger,\n paddingBlock: '6',\n },\n indicator: {\n _icon: {\n width: '16',\n height: '16',\n },\n },\n },\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nexport default datePickerSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,6BAA6B,iBAAiB;CAClD,WAAW;CACX,OAAO,cAAc,KAAK;CAC1B,MAAM;EACJ,SAAS;GACP,GAAG,iBAAiB,MAAM;GAC1B,aAAa;GACb,QAAQ;GACR,oBAAoB;GACpB,kBAAkB;GAClB,wBAAwB,EACtB,IAAI,mBACN;GACA,YAAY,EACV,IAAI,oBACN;EACF;EACA,WAAW;GACT,GAAG,iBAAiB,MAAM;GAC1B,OAAO;GACP,OAAO;IACL,OAAO;IACP,QAAQ;GACV;EACF;EACA,gBAAgB;GACd,GAAG,iBAAiB,MAAM;GAC1B,eAAe;EACjB;CACF;CACA,UAAU,EACR,MAAM,EACJ,IAAI;EACF,GAAG,iBAAiB,UAAU,MAAM;EACpC,SAAS;GACP,GAAG,iBAAiB,UAAU,MAAM,GAAG;GACvC,cAAc;EAChB;EACA,WAAW,EACT,OAAO;GACL,OAAO;GACP,QAAQ;EACV,EACF;CACF,EACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
@@ -73,6 +73,7 @@ var menuSlotRecipe = defineSlotRecipe({
73
73
  flexDirection: "row",
74
74
  paddingLeft: "16",
75
75
  paddingRight: "24",
76
+ _disabled: { cursor: "not-allowed" },
76
77
  "&[data-danger]": {
77
78
  color: "button/danger-secondary/fg",
78
79
  _icon: { color: "button/danger-secondary/fg" },
@@ -89,12 +90,6 @@ var menuSlotRecipe = defineSlotRecipe({
89
90
  background: "button/secondary/bg-hover",
90
91
  _active: itemActive
91
92
  },
92
- _disabled: {
93
- color: "text/disabled",
94
- cursor: "not-allowed",
95
- _icon: { color: "icon/disabled" },
96
- _highlighted: { background: "transparent" }
97
- },
98
93
  "& [data-suffix-icon]": { color: "icon/tertiary" }
99
94
  },
100
95
  itemGroupLabel: {
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Menu.recipe.ts"],"sourcesContent":["import { menuAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst itemActive: SystemStyleObject = {\n background: 'button/secondary/bg-active',\n _icon: {\n color: 'icon/primary',\n },\n};\nconst itemActiveDanger: SystemStyleObject = {\n background: 'button/danger-secondary/bg-active',\n color: 'button/danger-secondary/fg-active',\n _icon: {\n color: 'button/danger-secondary/fg-active',\n },\n};\nconst menuSlotRecipe = defineSlotRecipe({\n className: 'menu',\n slots: [...menuAnatomy.keys(), 'itemHelper'],\n variants: {\n size: {\n lg: {\n item: {\n alignItems: 'center',\n paddingY: '12',\n textStyle: 'body/lg/regular',\n // With a helper line the item aligns to the top of the label and gets tighter padding.\n '&[data-helper]': {\n alignItems: 'flex-start',\n paddingY: '8',\n },\n },\n },\n md: {\n item: {\n alignItems: 'center',\n // The label line (20px) alone is shorter than the designed 40px row.\n minHeight: '40',\n paddingY: '8',\n textStyle: 'body/md/regular',\n '&[data-helper]': {\n _icon: {\n // Optically center the 16px icon against the 20px label line.\n marginTop: '2',\n },\n alignItems: 'flex-start',\n paddingY: '6',\n },\n },\n },\n },\n },\n base: {\n content: {\n // Sit above the legacy v1 full-dialog/drawer layer (zIndex.fullDialog = 1200); the menu\n // portals out, so without this it renders behind a v1 FloatingDrawer. Matches the content-slot\n // z-index convention of the other floating recipes (Popover, Tooltip, Combobox/Select).\n zIndex: 'popover',\n borderRadius: '4',\n paddingY: '8',\n border: '1px solid',\n borderColor: 'border/minimal',\n _focusVisible: { outline: 'none' },\n boxShadow: 'elevation/lg',\n background: 'background/primary',\n maxHeight: 'var(--available-height)',\n // The cap is useless without these: the positioner sets --available-height from the viewport,\n // and a longer list then spills out of the content box instead of scrolling inside it.\n overflow: 'hidden',\n overflowY: 'auto',\n _open: {\n animationStyle: 'slide-fade-in',\n animationDuration: 'fast',\n },\n _closed: {\n animationStyle: 'slide-fade-out',\n animationDuration: 'faster',\n },\n },\n itemHelper: {\n textStyle: 'body/sm/regular',\n color: 'text/secondary',\n },\n item: {\n _icon: {\n color: 'icon/secondary',\n _active: {\n color: 'icon/primary',\n },\n },\n cursor: 'pointer',\n display: 'flex',\n gap: '12',\n userSelect: 'none',\n flexDirection: 'row',\n paddingLeft: '16',\n paddingRight: '24',\n '&[data-danger]': {\n color: 'button/danger-secondary/fg',\n _icon: {\n color: 'button/danger-secondary/fg',\n },\n _active: itemActiveDanger,\n _highlighted: {\n background: 'button/danger-secondary/bg-hover',\n color: 'button/danger-secondary/fg-hover',\n _active: itemActiveDanger,\n _icon: {\n color: 'button/danger-secondary/fg-hover',\n },\n },\n },\n _active: itemActive,\n _highlighted: {\n background: 'button/secondary/bg-hover',\n _active: itemActive,\n },\n // After the danger and highlight blocks: equally specific, so the later one wins for a disabled danger item.\n _disabled: {\n color: 'text/disabled',\n cursor: 'not-allowed',\n _icon: {\n color: 'icon/disabled',\n },\n _highlighted: {\n background: 'transparent',\n },\n },\n // The \"leaves this page\" arrow is quieter than the leading icon, and stays that way in every\n // state — including the destructive one, which overrides `_icon` above.\n '& [data-suffix-icon]': {\n color: 'icon/tertiary',\n },\n },\n itemGroupLabel: {\n // The rule after the label is a Chakra Separator, whose recipe base is `border/regular` — a\n // shade darker than the menu's own separator. Match `BitkitActionMenu.Separator`.\n '& .separator': {\n borderColor: 'border/minimal',\n },\n textStyle: 'heading/h6',\n color: 'text/tertiary',\n paddingTop: '12',\n paddingLeft: '16',\n paddingRight: '16',\n paddingBottom: '6',\n display: 'flex',\n gap: '8',\n flexDirection: 'row',\n alignItems: 'center',\n },\n separator: {\n color: 'border/minimal',\n marginY: '8',\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default menuSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,aAAgC;CACpC,YAAY;CACZ,OAAO,EACL,OAAO,eACT;AACF;AACA,IAAM,mBAAsC;CAC1C,YAAY;CACZ,OAAO;CACP,OAAO,EACL,OAAO,oCACT;AACF;AACA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,CAAC,GAAG,YAAY,KAAK,GAAG,YAAY;CAC3C,UAAU,EACR,MAAM;EACJ,IAAI,EACF,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,WAAW;GAEX,kBAAkB;IAChB,YAAY;IACZ,UAAU;GACZ;EACF,EACF;EACA,IAAI,EACF,MAAM;GACJ,YAAY;GAEZ,WAAW;GACX,UAAU;GACV,WAAW;GACX,kBAAkB;IAChB,OAAO,EAEL,WAAW,IACb;IACA,YAAY;IACZ,UAAU;GACZ;EACF,EACF;CACF,EACF;CACA,MAAM;EACJ,SAAS;GAIP,QAAQ;GACR,cAAc;GACd,UAAU;GACV,QAAQ;GACR,aAAa;GACb,eAAe,EAAE,SAAS,OAAO;GACjC,WAAW;GACX,YAAY;GACZ,WAAW;GAGX,UAAU;GACV,WAAW;GACX,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,WAAW;GACX,OAAO;EACT;EACA,MAAM;GACJ,OAAO;IACL,OAAO;IACP,SAAS,EACP,OAAO,eACT;GACF;GACA,QAAQ;GACR,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;GACf,aAAa;GACb,cAAc;GACd,kBAAkB;IAChB,OAAO;IACP,OAAO,EACL,OAAO,6BACT;IACA,SAAS;IACT,cAAc;KACZ,YAAY;KACZ,OAAO;KACP,SAAS;KACT,OAAO,EACL,OAAO,mCACT;IACF;GACF;GACA,SAAS;GACT,cAAc;IACZ,YAAY;IACZ,SAAS;GACX;GAEA,WAAW;IACT,OAAO;IACP,QAAQ;IACR,OAAO,EACL,OAAO,gBACT;IACA,cAAc,EACZ,YAAY,cACd;GACF;GAGA,wBAAwB,EACtB,OAAO,gBACT;EACF;EACA,gBAAgB;GAGd,gBAAgB,EACd,aAAa,iBACf;GACA,WAAW;GACX,OAAO;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,eAAe;GACf,SAAS;GACT,KAAK;GACL,eAAe;GACf,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
1
+ {"version":3,"file":"Menu.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Menu.recipe.ts"],"sourcesContent":["import { menuAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst itemActive: SystemStyleObject = {\n background: 'button/secondary/bg-active',\n _icon: {\n color: 'icon/primary',\n },\n};\nconst itemActiveDanger: SystemStyleObject = {\n background: 'button/danger-secondary/bg-active',\n color: 'button/danger-secondary/fg-active',\n _icon: {\n color: 'button/danger-secondary/fg-active',\n },\n};\nconst menuSlotRecipe = defineSlotRecipe({\n className: 'menu',\n slots: [...menuAnatomy.keys(), 'itemHelper'],\n variants: {\n size: {\n lg: {\n item: {\n alignItems: 'center',\n paddingY: '12',\n textStyle: 'body/lg/regular',\n // With a helper line the item aligns to the top of the label and gets tighter padding.\n '&[data-helper]': {\n alignItems: 'flex-start',\n paddingY: '8',\n },\n },\n },\n md: {\n item: {\n alignItems: 'center',\n // The label line (20px) alone is shorter than the designed 40px row.\n minHeight: '40',\n paddingY: '8',\n textStyle: 'body/md/regular',\n '&[data-helper]': {\n _icon: {\n // Optically center the 16px icon against the 20px label line.\n marginTop: '2',\n },\n alignItems: 'flex-start',\n paddingY: '6',\n },\n },\n },\n },\n },\n base: {\n content: {\n // Sit above the legacy v1 full-dialog/drawer layer (zIndex.fullDialog = 1200); the menu\n // portals out, so without this it renders behind a v1 FloatingDrawer. Matches the content-slot\n // z-index convention of the other floating recipes (Popover, Tooltip, Combobox/Select).\n zIndex: 'popover',\n borderRadius: '4',\n paddingY: '8',\n border: '1px solid',\n borderColor: 'border/minimal',\n _focusVisible: { outline: 'none' },\n boxShadow: 'elevation/lg',\n background: 'background/primary',\n maxHeight: 'var(--available-height)',\n // The cap is useless without these: the positioner sets --available-height from the viewport,\n // and a longer list then spills out of the content box instead of scrolling inside it.\n overflow: 'hidden',\n overflowY: 'auto',\n _open: {\n animationStyle: 'slide-fade-in',\n animationDuration: 'fast',\n },\n _closed: {\n animationStyle: 'slide-fade-out',\n animationDuration: 'faster',\n },\n },\n itemHelper: {\n textStyle: 'body/sm/regular',\n color: 'text/secondary',\n },\n item: {\n _icon: {\n color: 'icon/secondary',\n _active: {\n color: 'icon/primary',\n },\n },\n cursor: 'pointer',\n display: 'flex',\n gap: '12',\n userSelect: 'none',\n flexDirection: 'row',\n paddingLeft: '16',\n paddingRight: '24',\n _disabled: {\n cursor: 'not-allowed',\n },\n '&[data-danger]': {\n color: 'button/danger-secondary/fg',\n _icon: {\n color: 'button/danger-secondary/fg',\n },\n _active: itemActiveDanger,\n _highlighted: {\n background: 'button/danger-secondary/bg-hover',\n color: 'button/danger-secondary/fg-hover',\n _active: itemActiveDanger,\n _icon: {\n color: 'button/danger-secondary/fg-hover',\n },\n },\n },\n _active: itemActive,\n _highlighted: {\n background: 'button/secondary/bg-hover',\n _active: itemActive,\n },\n // The \"leaves this page\" arrow is quieter than the leading icon, and stays that way in every\n // state — including the destructive one, which overrides `_icon` above.\n '& [data-suffix-icon]': {\n color: 'icon/tertiary',\n },\n },\n itemGroupLabel: {\n // The rule after the label is a Chakra Separator, whose recipe base is `border/regular` — a\n // shade darker than the menu's own separator. Match `BitkitActionMenu.Separator`.\n '& .separator': {\n borderColor: 'border/minimal',\n },\n textStyle: 'heading/h6',\n color: 'text/tertiary',\n paddingTop: '12',\n paddingLeft: '16',\n paddingRight: '16',\n paddingBottom: '6',\n display: 'flex',\n gap: '8',\n flexDirection: 'row',\n alignItems: 'center',\n },\n separator: {\n color: 'border/minimal',\n marginY: '8',\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default menuSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,aAAgC;CACpC,YAAY;CACZ,OAAO,EACL,OAAO,eACT;AACF;AACA,IAAM,mBAAsC;CAC1C,YAAY;CACZ,OAAO;CACP,OAAO,EACL,OAAO,oCACT;AACF;AACA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,CAAC,GAAG,YAAY,KAAK,GAAG,YAAY;CAC3C,UAAU,EACR,MAAM;EACJ,IAAI,EACF,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,WAAW;GAEX,kBAAkB;IAChB,YAAY;IACZ,UAAU;GACZ;EACF,EACF;EACA,IAAI,EACF,MAAM;GACJ,YAAY;GAEZ,WAAW;GACX,UAAU;GACV,WAAW;GACX,kBAAkB;IAChB,OAAO,EAEL,WAAW,IACb;IACA,YAAY;IACZ,UAAU;GACZ;EACF,EACF;CACF,EACF;CACA,MAAM;EACJ,SAAS;GAIP,QAAQ;GACR,cAAc;GACd,UAAU;GACV,QAAQ;GACR,aAAa;GACb,eAAe,EAAE,SAAS,OAAO;GACjC,WAAW;GACX,YAAY;GACZ,WAAW;GAGX,UAAU;GACV,WAAW;GACX,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,WAAW;GACX,OAAO;EACT;EACA,MAAM;GACJ,OAAO;IACL,OAAO;IACP,SAAS,EACP,OAAO,eACT;GACF;GACA,QAAQ;GACR,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;GACf,aAAa;GACb,cAAc;GACd,WAAW,EACT,QAAQ,cACV;GACA,kBAAkB;IAChB,OAAO;IACP,OAAO,EACL,OAAO,6BACT;IACA,SAAS;IACT,cAAc;KACZ,YAAY;KACZ,OAAO;KACP,SAAS;KACT,OAAO,EACL,OAAO,mCACT;IACF;GACF;GACA,SAAS;GACT,cAAc;IACZ,YAAY;IACZ,SAAS;GACX;GAGA,wBAAwB,EACtB,OAAO,gBACT;EACF;EACA,gBAAgB;GAGd,gBAAgB,EACd,aAAa,iBACf;GACA,WAAW;GACX,OAAO;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,eAAe;GACf,SAAS;GACT,KAAK;GACL,eAAe;GACf,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
@@ -8,7 +8,7 @@ declare const noteCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinitio
8
8
  root: {
9
9
  backgroundColor: "transparent";
10
10
  border: "1px solid transparent";
11
- background: "linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box";
11
+ background: "status/ai/surface-primary";
12
12
  };
13
13
  title: {
14
14
  color: string;
@@ -138,7 +138,7 @@ var noteCardSlotRecipe = defineSlotRecipe({
138
138
  root: {
139
139
  backgroundColor: "transparent",
140
140
  border: "1px solid transparent",
141
- background: "linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box"
141
+ background: "status/ai/surface-primary"
142
142
  },
143
143
  title: { color: STATUS_TEXT_COLOR_MAP.ai }
144
144
  },
@@ -1 +1 @@
1
- {"version":3,"file":"NoteCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NoteCard.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { type NotificationVariant } from '../common/AlertAndToast.common';\n\nconst MESSAGE_ONLY_STATUSES: NotificationVariant[] = ['critical', 'progress', 'success'];\n\nconst SIDEBAR_ICON_COLOR_MAP: Record<NotificationVariant, string> = {\n ai: 'color/indigo/base',\n critical: 'color/red/base',\n info: 'color/blue/base',\n progress: 'color/purple/base',\n success: 'color/green/base',\n warning: 'color/yellow/base',\n};\n\nconst STATUS_TEXT_COLOR_MAP: Record<NotificationVariant, string> = {\n ai: 'status/ai/text',\n critical: 'text/negative',\n info: 'text/primary',\n progress: 'text/secondary',\n success: 'text/positive',\n warning: 'text/primary',\n};\n\nconst getStatusVariant = (v: NotificationVariant) => ({\n iconBar: {\n backgroundColor: `status/${v}/bg`,\n color: SIDEBAR_ICON_COLOR_MAP[v],\n },\n root: { borderColor: `status/${v}/border` },\n title: { color: STATUS_TEXT_COLOR_MAP[v] },\n ...(MESSAGE_ONLY_STATUSES.includes(v) && {\n message: { '&:only-child': { color: STATUS_TEXT_COLOR_MAP[v] } },\n }),\n});\n\nconst noteCardSlotRecipe = defineSlotRecipe({\n className: 'note-card',\n slots: [\n 'root',\n 'iconBar',\n 'iconWrapper',\n 'content',\n 'messageBlock',\n 'messageList',\n 'title',\n 'message',\n 'collapsible',\n 'collapsibleContent',\n 'collapsibleTrigger',\n 'actionArea',\n 'actionAreaList',\n ],\n base: {\n root: {\n alignItems: 'stretch',\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderRadius: '8',\n display: 'flex',\n overflow: 'hidden',\n },\n iconBar: {\n alignItems: 'flex-start',\n display: 'flex',\n flexShrink: 0,\n justifyContent: 'center',\n paddingBlock: '12',\n paddingInline: '8',\n },\n iconWrapper: {\n alignItems: 'center',\n display: 'flex',\n height: '24',\n justifyContent: 'center',\n width: '24',\n },\n content: {\n alignItems: { base: 'flex-end', tablet: 'center' },\n display: 'flex',\n flex: 1,\n flexDirection: { base: 'column', tablet: 'row' },\n gap: { base: '12', tablet: '24' },\n minWidth: 0,\n paddingBlock: '12',\n paddingInlineEnd: '16',\n paddingInlineStart: '12',\n },\n messageBlock: {\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n gap: '4',\n minWidth: 0,\n width: '100%',\n },\n messageList: {\n paddingBlock: '4',\n },\n title: {\n textStyle: 'body/lg/semibold',\n },\n message: {\n textStyle: 'body/md/regular',\n color: 'text/body',\n },\n collapsible: {\n display: 'flex',\n flexDirection: 'column',\n gap: '4',\n width: '100%',\n },\n collapsibleContent: {\n overflow: 'hidden',\n _open: {\n animationName: 'expand-height, fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationName: 'collapse-height, fade-out',\n animationDuration: 'moderate',\n },\n },\n collapsibleTrigger: {\n alignSelf: 'flex-start',\n marginBlockStart: '4',\n },\n actionArea: {\n flexShrink: 0,\n },\n actionAreaList: {\n alignSelf: { tablet: 'flex-start' },\n },\n },\n variants: {\n status: {\n ai: {\n iconBar: {\n background: 'gradient/ai/background/minimal-vertical',\n color: SIDEBAR_ICON_COLOR_MAP.ai,\n },\n root: {\n backgroundColor: 'transparent',\n border: '1px solid transparent',\n background:\n 'linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box',\n },\n title: { color: STATUS_TEXT_COLOR_MAP.ai },\n },\n critical: getStatusVariant('critical'),\n info: getStatusVariant('info'),\n progress: getStatusVariant('progress'),\n success: getStatusVariant('success'),\n warning: getStatusVariant('warning'),\n },\n },\n defaultVariants: {\n status: 'info',\n },\n});\n\nexport default noteCardSlotRecipe;\n"],"mappings":";;AAIA,IAAM,wBAA+C;CAAC;CAAY;CAAY;AAAS;AAEvF,IAAM,yBAA8D;CAClE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,wBAA6D;CACjE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,oBAAoB,OAA4B;CACpD,SAAS;EACP,iBAAiB,UAAU,EAAE;EAC7B,OAAO,uBAAuB;CAChC;CACA,MAAM,EAAE,aAAa,UAAU,EAAE,SAAS;CAC1C,OAAO,EAAE,OAAO,sBAAsB,GAAG;CACzC,GAAI,sBAAsB,SAAS,CAAC,KAAK,EACvC,SAAS,EAAE,gBAAgB,EAAE,OAAO,sBAAsB,GAAG,EAAE,EACjE;AACF;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,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,QAAQ;GACR,cAAc;GACd,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,eAAe;EACjB;EACA,aAAa;GACX,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,OAAO;EACT;EACA,SAAS;GACP,YAAY;IAAE,MAAM;IAAY,QAAQ;GAAS;GACjD,SAAS;GACT,MAAM;GACN,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,cAAc;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,UAAU;GACV,OAAO;EACT;EACA,aAAa,EACX,cAAc,IAChB;EACA,OAAO,EACL,WAAW,mBACb;EACA,SAAS;GACP,WAAW;GACX,OAAO;EACT;EACA,aAAa;GACX,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;EACT;EACA,oBAAoB;GAClB,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EACA,oBAAoB;GAClB,WAAW;GACX,kBAAkB;EACpB;EACA,YAAY,EACV,YAAY,EACd;EACA,gBAAgB,EACd,WAAW,EAAE,QAAQ,aAAa,EACpC;CACF;CACA,UAAU,EACR,QAAQ;EACN,IAAI;GACF,SAAS;IACP,YAAY;IACZ,OAAO,uBAAuB;GAChC;GACA,MAAM;IACJ,iBAAiB;IACjB,QAAQ;IACR,YACE;GACJ;GACA,OAAO,EAAE,OAAO,sBAAsB,GAAG;EAC3C;EACA,UAAU,iBAAiB,UAAU;EACrC,MAAM,iBAAiB,MAAM;EAC7B,UAAU,iBAAiB,UAAU;EACrC,SAAS,iBAAiB,SAAS;EACnC,SAAS,iBAAiB,SAAS;CACrC,EACF;CACA,iBAAiB,EACf,QAAQ,OACV;AACF,CAAC"}
1
+ {"version":3,"file":"NoteCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NoteCard.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { type NotificationVariant } from '../common/AlertAndToast.common';\n\nconst MESSAGE_ONLY_STATUSES: NotificationVariant[] = ['critical', 'progress', 'success'];\n\nconst SIDEBAR_ICON_COLOR_MAP: Record<NotificationVariant, string> = {\n ai: 'color/indigo/base',\n critical: 'color/red/base',\n info: 'color/blue/base',\n progress: 'color/purple/base',\n success: 'color/green/base',\n warning: 'color/yellow/base',\n};\n\nconst STATUS_TEXT_COLOR_MAP: Record<NotificationVariant, string> = {\n ai: 'status/ai/text',\n critical: 'text/negative',\n info: 'text/primary',\n progress: 'text/secondary',\n success: 'text/positive',\n warning: 'text/primary',\n};\n\nconst getStatusVariant = (v: NotificationVariant) => ({\n iconBar: {\n backgroundColor: `status/${v}/bg`,\n color: SIDEBAR_ICON_COLOR_MAP[v],\n },\n root: { borderColor: `status/${v}/border` },\n title: { color: STATUS_TEXT_COLOR_MAP[v] },\n ...(MESSAGE_ONLY_STATUSES.includes(v) && {\n message: { '&:only-child': { color: STATUS_TEXT_COLOR_MAP[v] } },\n }),\n});\n\nconst noteCardSlotRecipe = defineSlotRecipe({\n className: 'note-card',\n slots: [\n 'root',\n 'iconBar',\n 'iconWrapper',\n 'content',\n 'messageBlock',\n 'messageList',\n 'title',\n 'message',\n 'collapsible',\n 'collapsibleContent',\n 'collapsibleTrigger',\n 'actionArea',\n 'actionAreaList',\n ],\n base: {\n root: {\n alignItems: 'stretch',\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderRadius: '8',\n display: 'flex',\n overflow: 'hidden',\n },\n iconBar: {\n alignItems: 'flex-start',\n display: 'flex',\n flexShrink: 0,\n justifyContent: 'center',\n paddingBlock: '12',\n paddingInline: '8',\n },\n iconWrapper: {\n alignItems: 'center',\n display: 'flex',\n height: '24',\n justifyContent: 'center',\n width: '24',\n },\n content: {\n alignItems: { base: 'flex-end', tablet: 'center' },\n display: 'flex',\n flex: 1,\n flexDirection: { base: 'column', tablet: 'row' },\n gap: { base: '12', tablet: '24' },\n minWidth: 0,\n paddingBlock: '12',\n paddingInlineEnd: '16',\n paddingInlineStart: '12',\n },\n messageBlock: {\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n gap: '4',\n minWidth: 0,\n width: '100%',\n },\n messageList: {\n paddingBlock: '4',\n },\n title: {\n textStyle: 'body/lg/semibold',\n },\n message: {\n textStyle: 'body/md/regular',\n color: 'text/body',\n },\n collapsible: {\n display: 'flex',\n flexDirection: 'column',\n gap: '4',\n width: '100%',\n },\n collapsibleContent: {\n overflow: 'hidden',\n _open: {\n animationName: 'expand-height, fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationName: 'collapse-height, fade-out',\n animationDuration: 'moderate',\n },\n },\n collapsibleTrigger: {\n alignSelf: 'flex-start',\n marginBlockStart: '4',\n },\n actionArea: {\n flexShrink: 0,\n },\n actionAreaList: {\n alignSelf: { tablet: 'flex-start' },\n },\n },\n variants: {\n status: {\n ai: {\n iconBar: {\n background: 'gradient/ai/background/minimal-vertical',\n color: SIDEBAR_ICON_COLOR_MAP.ai,\n },\n root: {\n backgroundColor: 'transparent',\n border: '1px solid transparent',\n background: 'status/ai/surface-primary',\n },\n title: { color: STATUS_TEXT_COLOR_MAP.ai },\n },\n critical: getStatusVariant('critical'),\n info: getStatusVariant('info'),\n progress: getStatusVariant('progress'),\n success: getStatusVariant('success'),\n warning: getStatusVariant('warning'),\n },\n },\n defaultVariants: {\n status: 'info',\n },\n});\n\nexport default noteCardSlotRecipe;\n"],"mappings":";;AAIA,IAAM,wBAA+C;CAAC;CAAY;CAAY;AAAS;AAEvF,IAAM,yBAA8D;CAClE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,wBAA6D;CACjE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,oBAAoB,OAA4B;CACpD,SAAS;EACP,iBAAiB,UAAU,EAAE;EAC7B,OAAO,uBAAuB;CAChC;CACA,MAAM,EAAE,aAAa,UAAU,EAAE,SAAS;CAC1C,OAAO,EAAE,OAAO,sBAAsB,GAAG;CACzC,GAAI,sBAAsB,SAAS,CAAC,KAAK,EACvC,SAAS,EAAE,gBAAgB,EAAE,OAAO,sBAAsB,GAAG,EAAE,EACjE;AACF;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,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,QAAQ;GACR,cAAc;GACd,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,eAAe;EACjB;EACA,aAAa;GACX,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,OAAO;EACT;EACA,SAAS;GACP,YAAY;IAAE,MAAM;IAAY,QAAQ;GAAS;GACjD,SAAS;GACT,MAAM;GACN,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,cAAc;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,UAAU;GACV,OAAO;EACT;EACA,aAAa,EACX,cAAc,IAChB;EACA,OAAO,EACL,WAAW,mBACb;EACA,SAAS;GACP,WAAW;GACX,OAAO;EACT;EACA,aAAa;GACX,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;EACT;EACA,oBAAoB;GAClB,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EACA,oBAAoB;GAClB,WAAW;GACX,kBAAkB;EACpB;EACA,YAAY,EACV,YAAY,EACd;EACA,gBAAgB,EACd,WAAW,EAAE,QAAQ,aAAa,EACpC;CACF;CACA,UAAU,EACR,QAAQ;EACN,IAAI;GACF,SAAS;IACP,YAAY;IACZ,OAAO,uBAAuB;GAChC;GACA,MAAM;IACJ,iBAAiB;IACjB,QAAQ;IACR,YAAY;GACd;GACA,OAAO,EAAE,OAAO,sBAAsB,GAAG;EAC3C;EACA,UAAU,iBAAiB,UAAU;EACrC,MAAM,iBAAiB,MAAM;EAC7B,UAAU,iBAAiB,UAAU;EACrC,SAAS,iBAAiB,SAAS;EACnC,SAAS,iBAAiB,SAAS;CACrC,EACF;CACA,iBAAiB,EACf,QAAQ,OACV;AACF,CAAC"}
@@ -60,13 +60,14 @@ declare const pageFooterSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinit
60
60
  };
61
61
  links: {
62
62
  borderBlockEnd: {
63
- base: "1px solid {colors.neutral.93}";
63
+ base: "1px solid";
64
64
  tablet: "none";
65
65
  };
66
66
  borderBlockStart: {
67
- base: "1px solid {colors.neutral.93}";
67
+ base: "1px solid";
68
68
  tablet: "none";
69
69
  };
70
+ borderColor: "border/minimal";
70
71
  paddingBlock: {
71
72
  base: "16";
72
73
  tablet: "0";
@@ -82,9 +83,10 @@ declare const pageFooterSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinit
82
83
  };
83
84
  links: {
84
85
  borderBlockEnd: {
85
- base: "1px solid {colors.neutral.93}";
86
+ base: "1px solid";
86
87
  tablet: "none";
87
88
  };
89
+ borderColor: "border/minimal";
88
90
  paddingBlockEnd: {
89
91
  base: "16";
90
92
  tablet: "0";
@@ -148,13 +148,14 @@ var pageFooterSlotRecipe = defineSlotRecipe({
148
148
  },
149
149
  links: {
150
150
  borderBlockEnd: {
151
- base: "1px solid {colors.neutral.93}",
151
+ base: "1px solid",
152
152
  tablet: "none"
153
153
  },
154
154
  borderBlockStart: {
155
- base: "1px solid {colors.neutral.93}",
155
+ base: "1px solid",
156
156
  tablet: "none"
157
157
  },
158
+ borderColor: "border/minimal",
158
159
  paddingBlock: {
159
160
  base: "16",
160
161
  tablet: "0"
@@ -168,9 +169,10 @@ var pageFooterSlotRecipe = defineSlotRecipe({
168
169
  } },
169
170
  links: {
170
171
  borderBlockEnd: {
171
- base: "1px solid {colors.neutral.93}",
172
+ base: "1px solid",
172
173
  tablet: "none"
173
174
  },
175
+ borderColor: "border/minimal",
174
176
  paddingBlockEnd: {
175
177
  base: "16",
176
178
  tablet: "0"
@@ -1 +1 @@
1
- {"version":3,"file":"PageFooter.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageFooter.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst pageFooterSlotRecipe = defineSlotRecipe({\n className: 'page-footer',\n slots: ['root', 'status', 'statusDot', 'statusLabel', 'copyright', 'copyrightText', 'links', 'link'] as const,\n base: {\n root: {\n alignItems: 'center',\n display: 'flex',\n flexDirection: { base: 'column', tablet: 'row' },\n gap: { base: '16', tablet: '0' },\n justifyContent: 'space-between',\n padding: { base: '16', tablet: '0' },\n paddingInlineStart: { base: '16', tablet: '20' },\n width: '100%',\n },\n status: {\n alignItems: 'center',\n borderRadius: '4',\n display: 'flex',\n flexShrink: 0,\n gap: '4',\n paddingBlock: '4',\n paddingInlineEnd: '8',\n paddingInlineStart: '4',\n },\n statusDot: {\n borderRadius: 'full',\n flexShrink: 0,\n height: '8',\n width: '8',\n marginInline: '4',\n },\n statusLabel: {\n color: 'text/secondary',\n textStyle: 'comp/badge/sm',\n whiteSpace: 'nowrap',\n },\n copyright: {\n alignItems: 'center',\n display: 'flex',\n gap: '8',\n order: { base: 3, tablet: 0 },\n },\n copyrightText: {\n color: 'text/secondary',\n textStyle: 'body/md/regular',\n whiteSpace: 'nowrap',\n },\n links: {\n alignItems: 'center',\n display: 'flex',\n flexShrink: 0,\n flexWrap: { base: 'wrap', tablet: 'nowrap' },\n gap: { base: '40', tablet: '24' },\n justifyContent: { base: 'center', tablet: 'flex-start' },\n order: { base: 2, tablet: 0 },\n rowGap: { base: '12', tablet: '8' },\n width: { base: '100%', tablet: 'auto' },\n },\n link: {\n background: 'transparent',\n border: 'none',\n color: 'text/secondary',\n cursor: 'pointer',\n padding: 0,\n textDecoration: 'none',\n textStyle: { base: 'body/lg/regular', tablet: 'body/md/regular' },\n whiteSpace: 'nowrap',\n _hover: {\n textDecoration: 'underline',\n },\n },\n },\n variants: {\n colorVariant: {\n gray: {\n root: {\n background: 'background/secondary',\n },\n status: {\n background: 'background/tertiary',\n },\n },\n white: {\n root: {\n background: 'background/primary',\n },\n status: {\n background: 'background/secondary',\n },\n },\n },\n size: {\n compact: {\n root: {\n height: { tablet: '32' },\n },\n },\n default: {\n root: {\n height: { tablet: '64' },\n },\n },\n },\n variant: {\n default: {\n root: {\n paddingInlineEnd: { base: '16', tablet: rem(80) },\n position: { tablet: 'relative' },\n },\n copyright: {\n insetInlineStart: { tablet: '50%' },\n position: { tablet: 'absolute' },\n top: { tablet: '50%' },\n transform: { tablet: 'translate(-50%, -50%)' },\n },\n links: {\n borderBlockEnd: { base: '1px solid {colors.neutral.93}', tablet: 'none' },\n borderBlockStart: { base: '1px solid {colors.neutral.93}', tablet: 'none' },\n paddingBlock: { base: '16', tablet: '0' },\n },\n },\n public: {\n root: {\n paddingInlineEnd: { base: '16', tablet: '40' },\n },\n links: {\n borderBlockEnd: { base: '1px solid {colors.neutral.93}', tablet: 'none' },\n paddingBlockEnd: { base: '16', tablet: '0' },\n },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'gray',\n size: 'default',\n variant: 'default',\n },\n});\n\nexport default pageFooterSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAU;EAAa;EAAe;EAAa;EAAiB;EAAS;CAAM;CACnG,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAI;GAC/B,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;GAAI;GACnC,oBAAoB;IAAE,MAAM;IAAM,QAAQ;GAAK;GAC/C,OAAO;EACT;EACA,QAAQ;GACN,YAAY;GACZ,cAAc;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,WAAW;GACT,cAAc;GACd,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,cAAc;EAChB;EACA,aAAa;GACX,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;EAC9B;EACA,eAAe;GACb,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,UAAU;IAAE,MAAM;IAAQ,QAAQ;GAAS;GAC3C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,gBAAgB;IAAE,MAAM;IAAU,QAAQ;GAAa;GACvD,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;GAC5B,QAAQ;IAAE,MAAM;IAAM,QAAQ;GAAI;GAClC,OAAO;IAAE,MAAM;IAAQ,QAAQ;GAAO;EACxC;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,WAAW;IAAE,MAAM;IAAmB,QAAQ;GAAkB;GAChE,YAAY;GACZ,QAAQ,EACN,gBAAgB,YAClB;EACF;CACF;CACA,UAAU;EACR,cAAc;GACZ,MAAM;IACJ,MAAM,EACJ,YAAY,uBACd;IACA,QAAQ,EACN,YAAY,sBACd;GACF;GACA,OAAO;IACL,MAAM,EACJ,YAAY,qBACd;IACA,QAAQ,EACN,YAAY,uBACd;GACF;EACF;EACA,MAAM;GACJ,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;GACA,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;EACF;EACA,SAAS;GACP,SAAS;IACP,MAAM;KACJ,kBAAkB;MAAE,MAAM;MAAM,QAAQ,IAAI,EAAE;KAAE;KAChD,UAAU,EAAE,QAAQ,WAAW;IACjC;IACA,WAAW;KACT,kBAAkB,EAAE,QAAQ,MAAM;KAClC,UAAU,EAAE,QAAQ,WAAW;KAC/B,KAAK,EAAE,QAAQ,MAAM;KACrB,WAAW,EAAE,QAAQ,wBAAwB;IAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAiC,QAAQ;KAAO;KACxE,kBAAkB;MAAE,MAAM;MAAiC,QAAQ;KAAO;KAC1E,cAAc;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC1C;GACF;GACA,QAAQ;IACN,MAAM,EACJ,kBAAkB;KAAE,MAAM;KAAM,QAAQ;IAAK,EAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAiC,QAAQ;KAAO;KACxE,iBAAiB;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC7C;GACF;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
1
+ {"version":3,"file":"PageFooter.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageFooter.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst pageFooterSlotRecipe = defineSlotRecipe({\n className: 'page-footer',\n slots: ['root', 'status', 'statusDot', 'statusLabel', 'copyright', 'copyrightText', 'links', 'link'] as const,\n base: {\n root: {\n alignItems: 'center',\n display: 'flex',\n flexDirection: { base: 'column', tablet: 'row' },\n gap: { base: '16', tablet: '0' },\n justifyContent: 'space-between',\n padding: { base: '16', tablet: '0' },\n paddingInlineStart: { base: '16', tablet: '20' },\n width: '100%',\n },\n status: {\n alignItems: 'center',\n borderRadius: '4',\n display: 'flex',\n flexShrink: 0,\n gap: '4',\n paddingBlock: '4',\n paddingInlineEnd: '8',\n paddingInlineStart: '4',\n },\n statusDot: {\n borderRadius: 'full',\n flexShrink: 0,\n height: '8',\n width: '8',\n marginInline: '4',\n },\n statusLabel: {\n color: 'text/secondary',\n textStyle: 'comp/badge/sm',\n whiteSpace: 'nowrap',\n },\n copyright: {\n alignItems: 'center',\n display: 'flex',\n gap: '8',\n order: { base: 3, tablet: 0 },\n },\n copyrightText: {\n color: 'text/secondary',\n textStyle: 'body/md/regular',\n whiteSpace: 'nowrap',\n },\n links: {\n alignItems: 'center',\n display: 'flex',\n flexShrink: 0,\n flexWrap: { base: 'wrap', tablet: 'nowrap' },\n gap: { base: '40', tablet: '24' },\n justifyContent: { base: 'center', tablet: 'flex-start' },\n order: { base: 2, tablet: 0 },\n rowGap: { base: '12', tablet: '8' },\n width: { base: '100%', tablet: 'auto' },\n },\n link: {\n background: 'transparent',\n border: 'none',\n color: 'text/secondary',\n cursor: 'pointer',\n padding: 0,\n textDecoration: 'none',\n textStyle: { base: 'body/lg/regular', tablet: 'body/md/regular' },\n whiteSpace: 'nowrap',\n _hover: {\n textDecoration: 'underline',\n },\n },\n },\n variants: {\n colorVariant: {\n gray: {\n root: {\n background: 'background/secondary',\n },\n status: {\n background: 'background/tertiary',\n },\n },\n white: {\n root: {\n background: 'background/primary',\n },\n status: {\n background: 'background/secondary',\n },\n },\n },\n size: {\n compact: {\n root: {\n height: { tablet: '32' },\n },\n },\n default: {\n root: {\n height: { tablet: '64' },\n },\n },\n },\n variant: {\n default: {\n root: {\n paddingInlineEnd: { base: '16', tablet: rem(80) },\n position: { tablet: 'relative' },\n },\n copyright: {\n insetInlineStart: { tablet: '50%' },\n position: { tablet: 'absolute' },\n top: { tablet: '50%' },\n transform: { tablet: 'translate(-50%, -50%)' },\n },\n links: {\n borderBlockEnd: { base: '1px solid', tablet: 'none' },\n borderBlockStart: { base: '1px solid', tablet: 'none' },\n borderColor: 'border/minimal',\n paddingBlock: { base: '16', tablet: '0' },\n },\n },\n public: {\n root: {\n paddingInlineEnd: { base: '16', tablet: '40' },\n },\n links: {\n borderBlockEnd: { base: '1px solid', tablet: 'none' },\n borderColor: 'border/minimal',\n paddingBlockEnd: { base: '16', tablet: '0' },\n },\n },\n },\n },\n defaultVariants: {\n colorVariant: 'gray',\n size: 'default',\n variant: 'default',\n },\n});\n\nexport default pageFooterSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAU;EAAa;EAAe;EAAa;EAAiB;EAAS;CAAM;CACnG,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAI;GAC/B,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;GAAI;GACnC,oBAAoB;IAAE,MAAM;IAAM,QAAQ;GAAK;GAC/C,OAAO;EACT;EACA,QAAQ;GACN,YAAY;GACZ,cAAc;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,WAAW;GACT,cAAc;GACd,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,cAAc;EAChB;EACA,aAAa;GACX,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;EAC9B;EACA,eAAe;GACb,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,UAAU;IAAE,MAAM;IAAQ,QAAQ;GAAS;GAC3C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,gBAAgB;IAAE,MAAM;IAAU,QAAQ;GAAa;GACvD,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;GAC5B,QAAQ;IAAE,MAAM;IAAM,QAAQ;GAAI;GAClC,OAAO;IAAE,MAAM;IAAQ,QAAQ;GAAO;EACxC;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,WAAW;IAAE,MAAM;IAAmB,QAAQ;GAAkB;GAChE,YAAY;GACZ,QAAQ,EACN,gBAAgB,YAClB;EACF;CACF;CACA,UAAU;EACR,cAAc;GACZ,MAAM;IACJ,MAAM,EACJ,YAAY,uBACd;IACA,QAAQ,EACN,YAAY,sBACd;GACF;GACA,OAAO;IACL,MAAM,EACJ,YAAY,qBACd;IACA,QAAQ,EACN,YAAY,uBACd;GACF;EACF;EACA,MAAM;GACJ,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;GACA,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;EACF;EACA,SAAS;GACP,SAAS;IACP,MAAM;KACJ,kBAAkB;MAAE,MAAM;MAAM,QAAQ,IAAI,EAAE;KAAE;KAChD,UAAU,EAAE,QAAQ,WAAW;IACjC;IACA,WAAW;KACT,kBAAkB,EAAE,QAAQ,MAAM;KAClC,UAAU,EAAE,QAAQ,WAAW;KAC/B,KAAK,EAAE,QAAQ,MAAM;KACrB,WAAW,EAAE,QAAQ,wBAAwB;IAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAa,QAAQ;KAAO;KACpD,kBAAkB;MAAE,MAAM;MAAa,QAAQ;KAAO;KACtD,aAAa;KACb,cAAc;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC1C;GACF;GACA,QAAQ;IACN,MAAM,EACJ,kBAAkB;KAAE,MAAM;KAAM,QAAQ;IAAK,EAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAa,QAAQ;KAAO;KACpD,aAAa;KACb,iBAAiB;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC7C;GACF;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
@@ -1,4 +1,4 @@
1
- declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "endElement" | "startElement", {
1
+ declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
2
2
  colorVariant: {
3
3
  neutral: {
4
4
  root: {
@@ -609,25 +609,10 @@ declare const slotRecipes: {
609
609
  device: {
610
610
  mobile: {
611
611
  content: {
612
- minWidth: number;
613
612
  boxShadow: "none";
614
613
  paddingBlock: "16";
615
614
  paddingInline: "16";
616
615
  };
617
- view: {
618
- gap: "16";
619
- };
620
- tableHeader: {
621
- height: "40";
622
- maxWidth: "none";
623
- minWidth: number;
624
- textStyle: "body/lg/regular";
625
- width: "auto";
626
- };
627
- tableCellTrigger: {
628
- height: "40";
629
- textStyle: "body/lg/regular";
630
- };
631
616
  };
632
617
  };
633
618
  }>;
@@ -718,88 +703,6 @@ declare const slotRecipes: {
718
703
  height: "16";
719
704
  } | undefined;
720
705
  };
721
- lg: {
722
- trigger: {
723
- height: "40";
724
- paddingBlock: "8";
725
- paddingInlineEnd: "12";
726
- paddingInlineStart: "16";
727
- textStyle: "body/lg/regular";
728
- '&:has([data-slot="avatar"])'?: {
729
- paddingBlock: `${number}rem`;
730
- paddingInlineStart: `${number}rem`;
731
- } | undefined;
732
- };
733
- indicator: {
734
- _icon: {
735
- width: "16";
736
- height: "16";
737
- };
738
- };
739
- checkbox?: {
740
- width: "24";
741
- height: "24";
742
- } | undefined;
743
- item?: {
744
- '&:has([data-slot="avatar"])': {
745
- paddingInlineStart: "12";
746
- paddingInlineEnd: "24";
747
- paddingBlock: "8";
748
- gap: "8";
749
- };
750
- '&:has([data-slot="checkbox"])': {
751
- minHeight: "48";
752
- paddingInlineEnd: "24";
753
- paddingBlock: "12";
754
- gap: "12";
755
- };
756
- paddingInline: "16";
757
- paddingBlock: "12";
758
- textStyle: "body/lg/regular";
759
- _selected: {
760
- textStyle: "body/lg/semibold";
761
- };
762
- } | undefined;
763
- content?: {
764
- '--select-menu-list-max-height': `${number}rem`;
765
- } | undefined;
766
- itemLabel?: {
767
- textStyle: "body/lg/regular";
768
- lineHeight: "normal";
769
- } | undefined;
770
- itemLoadingLabel?: {
771
- textStyle: "body/lg/regular";
772
- } | undefined;
773
- emptyState?: {
774
- paddingBlock: "12";
775
- } | undefined;
776
- errorState?: {
777
- paddingBlock: "8";
778
- } | undefined;
779
- errorLabel?: {
780
- textStyle: "body/lg/regular";
781
- } | undefined;
782
- action?: {
783
- minHeight: "48";
784
- paddingBlock: "12";
785
- textStyle: "body/lg/regular";
786
- lineHeight: "normal";
787
- } | undefined;
788
- searchInputGroup?: {
789
- height: `${number}rem`;
790
- paddingBlock: "16";
791
- } | undefined;
792
- searchInput?: {
793
- textStyle: "body/lg/regular";
794
- } | undefined;
795
- searchClear?: {
796
- padding: "8";
797
- } | undefined;
798
- itemIndicator?: {
799
- width: "24";
800
- height: "24";
801
- } | undefined;
802
- };
803
706
  };
804
707
  }>;
805
708
  dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "scrollBody" | "scrollArea" | "scrollGradient" | "scrollButton" | "stepHeader" | "backdrop" | "stepDescription" | "stepTitle" | "stepTitleGroup", {
@@ -1181,42 +1084,6 @@ declare const slotRecipes: {
1181
1084
  };
1182
1085
  };
1183
1086
  }>;
1184
- filter: import('@chakra-ui/react').SlotRecipeDefinition<"search" | "content" | "pattern" | "switch" | "icon" | "field" | "root" | "loading" | "items" | "searchInput" | "addSheetBackdrop" | "addSheetPositioner" | "addSheet" | "addMenu" | "addMenuLabel" | "addSheetItem" | "addMenuItem" | "addMenuIcon" | "addSheetItemReason" | "chip" | "chipLabel" | "chipTrigger" | "chipRemove" | "chipIcon" | "chipValue" | "chipChevron" | "fieldLabel" | "fieldControl" | "fieldTrigger" | "fieldRemove" | "fieldIcon" | "fieldValue" | "fieldChevron" | "mobilePanelHeader" | "popoverFooter" | "mobileFooter" | "popoverFooterStart" | "mobilePanelOverline" | "mobilePanelTitle" | "popoverContent" | "calendarFooter" | "mobileSearch" | "mobileSearchInput" | "popoverBody" | "checkboxList" | "popoverSearch" | "listHelperText" | "patternResults" | "patternResultsLabel" | "mobileListCheckbox" | "mobileListCheck" | "switchItem" | "switchItemText" | "filters" | "searchBlock" | "mobileBar" | "mobileTrigger" | "mobileHeader" | "mobileTitle" | "mobileBody", {
1185
- pageLayout: {
1186
- capped: {
1187
- root: {
1188
- borderBlockEndWidth: "1";
1189
- borderColor: "border/regular";
1190
- paddingInline: {
1191
- base: "16";
1192
- tablet: "32";
1193
- };
1194
- };
1195
- };
1196
- full: {
1197
- root: {
1198
- borderBlockEndWidth: "1";
1199
- borderColor: "border/regular";
1200
- paddingInlineEnd: {
1201
- base: "16";
1202
- tablet: "32";
1203
- };
1204
- paddingInlineStart: {
1205
- base: "16";
1206
- tablet: "24";
1207
- };
1208
- };
1209
- };
1210
- };
1211
- contentAlign: {
1212
- center: {};
1213
- start: {
1214
- root: {
1215
- justifyContent: "flex-start";
1216
- };
1217
- };
1218
- };
1219
- }>;
1220
1087
  imageCropper: import('@chakra-ui/react').SlotRecipeDefinition<"grid" | "image" | "root" | "handle" | "viewport" | "selection", import('@chakra-ui/react').SlotRecipeVariantRecord<"grid" | "image" | "root" | "handle" | "viewport" | "selection">>;
1221
1088
  inlineLoading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root", {
1222
1089
  size: {
@@ -1277,27 +1144,6 @@ declare const slotRecipes: {
1277
1144
  };
1278
1145
  };
1279
1146
  }>;
1280
- listbox: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "root" | "item" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "empty", {
1281
- size: {
1282
- md: {};
1283
- lg: {
1284
- content: {
1285
- maxHeight: "none";
1286
- paddingBlock: "8";
1287
- };
1288
- item: {
1289
- minHeight: "48";
1290
- textStyle: "body/lg/regular";
1291
- _selected: {
1292
- textStyle: "body/lg/regular";
1293
- };
1294
- };
1295
- empty: {
1296
- textStyle: "body/lg/regular";
1297
- };
1298
- };
1299
- };
1300
- }>;
1301
1147
  markdown: import('@chakra-ui/react').SlotRecipeDefinition<"blockquote" | "root", {
1302
1148
  size: {
1303
1149
  sm: {
@@ -1448,7 +1294,7 @@ declare const slotRecipes: {
1448
1294
  root: {
1449
1295
  backgroundColor: "transparent";
1450
1296
  border: "1px solid transparent";
1451
- background: "linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box";
1297
+ background: "status/ai/surface-primary";
1452
1298
  };
1453
1299
  title: {
1454
1300
  color: string;
@@ -1656,13 +1502,14 @@ declare const slotRecipes: {
1656
1502
  };
1657
1503
  links: {
1658
1504
  borderBlockEnd: {
1659
- base: "1px solid {colors.neutral.93}";
1505
+ base: "1px solid";
1660
1506
  tablet: "none";
1661
1507
  };
1662
1508
  borderBlockStart: {
1663
- base: "1px solid {colors.neutral.93}";
1509
+ base: "1px solid";
1664
1510
  tablet: "none";
1665
1511
  };
1512
+ borderColor: "border/minimal";
1666
1513
  paddingBlock: {
1667
1514
  base: "16";
1668
1515
  tablet: "0";
@@ -1678,9 +1525,10 @@ declare const slotRecipes: {
1678
1525
  };
1679
1526
  links: {
1680
1527
  borderBlockEnd: {
1681
- base: "1px solid {colors.neutral.93}";
1528
+ base: "1px solid";
1682
1529
  tablet: "none";
1683
1530
  };
1531
+ borderColor: "border/minimal";
1684
1532
  paddingBlockEnd: {
1685
1533
  base: "16";
1686
1534
  tablet: "0";
@@ -3204,7 +3052,7 @@ declare const slotRecipes: {
3204
3052
  md: {};
3205
3053
  };
3206
3054
  }>;
3207
- tag: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "endElement" | "startElement", {
3055
+ tag: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
3208
3056
  colorVariant: {
3209
3057
  neutral: {
3210
3058
  root: {
@@ -22,13 +22,11 @@ import expandableCardSlotRecipe from "./ExpandableCard.recipe.js";
22
22
  import fieldSlotRecipe from "./Field.recipe.js";
23
23
  import fieldsetSlotRecipe from "./Fieldset.recipe.js";
24
24
  import fileUploadSlotRecipe from "./FileUpload.recipe.js";
25
- import filterSlotRecipe from "./Filter.recipe.js";
26
25
  import groupHeadingRecipe from "./GroupHeading.recipe.js";
27
26
  import imageCropperSlotRecipe from "./ImageCropper.recipe.js";
28
27
  import inlineLoadingRecipe from "./InlineLoading.recipe.js";
29
28
  import labeledDataSlotRecipe from "./LabeledData.recipe.js";
30
29
  import listSlotRecipe from "./List.recipe.js";
31
- import listboxSlotRecipe from "./Listbox.recipe.js";
32
30
  import markdownSlotRecipe from "./Markdown.recipe.js";
33
31
  import markdownCardSlotRecipe from "./MarkdownCard.recipe.js";
34
32
  import menuSlotRecipe from "./Menu.recipe.js";
@@ -89,11 +87,9 @@ var slotRecipes = {
89
87
  groupHeading: groupHeadingRecipe,
90
88
  fieldset: fieldsetSlotRecipe,
91
89
  fileUpload: fileUploadSlotRecipe,
92
- filter: filterSlotRecipe,
93
90
  imageCropper: imageCropperSlotRecipe,
94
91
  inlineLoading: inlineLoadingRecipe,
95
92
  list: listSlotRecipe,
96
- listbox: listboxSlotRecipe,
97
93
  markdown: markdownSlotRecipe,
98
94
  markdownCard: markdownCardSlotRecipe,
99
95
  menu: menuSlotRecipe,