@bitrise/bitkit-v2 0.3.469-beta.2976 → 0.3.469

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 (61) hide show
  1. package/dist/components/BitkitCombobox/BitkitCombobox.d.ts +3 -3
  2. package/dist/components/BitkitCombobox/BitkitCombobox.js +2 -6
  3. package/dist/components/BitkitCombobox/BitkitCombobox.js.map +1 -1
  4. package/dist/components/BitkitMultiselect/BitkitMultiselect.d.ts +3 -3
  5. package/dist/components/BitkitMultiselect/BitkitMultiselect.js +1 -4
  6. package/dist/components/BitkitMultiselect/BitkitMultiselect.js.map +1 -1
  7. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.d.ts +3 -3
  8. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js.map +1 -1
  9. package/dist/components/BitkitSelect/BitkitSelect.d.ts +3 -3
  10. package/dist/components/BitkitSelect/BitkitSelect.js +1 -4
  11. package/dist/components/BitkitSelect/BitkitSelect.js.map +1 -1
  12. package/dist/components/BitkitSelectMenu/BitkitSelectMenu.d.ts +2 -7
  13. package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js.map +1 -1
  14. package/dist/components/BitkitSelectMenu/SelectMenuShell.d.ts +3 -3
  15. package/dist/components/BitkitSelectMenu/SelectMenuShell.js +29 -59
  16. package/dist/components/BitkitSelectMenu/SelectMenuShell.js.map +1 -1
  17. package/dist/components/BitkitSteps/BitkitSteps.d.ts +11 -0
  18. package/dist/components/BitkitSteps/BitkitSteps.js +3 -6
  19. package/dist/components/BitkitSteps/BitkitSteps.js.map +1 -1
  20. package/dist/components/index.d.ts +0 -2
  21. package/dist/main.js +1 -4
  22. package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts +2 -14
  23. package/dist/theme/slot-recipes/Select.recipe.d.ts +5 -23
  24. package/dist/theme/slot-recipes/Select.recipe.js +3 -37
  25. package/dist/theme/slot-recipes/Select.recipe.js.map +1 -1
  26. package/dist/theme/slot-recipes/StepCard.recipe.js +12 -3
  27. package/dist/theme/slot-recipes/StepCard.recipe.js.map +1 -1
  28. package/dist/theme/slot-recipes/Steps.recipe.d.ts +31 -45
  29. package/dist/theme/slot-recipes/Steps.recipe.js +48 -48
  30. package/dist/theme/slot-recipes/Steps.recipe.js.map +1 -1
  31. package/dist/theme/slot-recipes/index.d.ts +38 -195
  32. package/dist/theme/slot-recipes/index.js +1 -3
  33. package/dist/theme/slot-recipes/index.js.map +1 -1
  34. package/package.json +1 -1
  35. package/dist/components/BitkitUISideNav/BitkitUISideNav.d.ts +0 -38
  36. package/dist/components/BitkitUISideNav/BitkitUISideNav.js +0 -167
  37. package/dist/components/BitkitUISideNav/BitkitUISideNav.js.map +0 -1
  38. package/dist/components/BitkitUISideNav/UISideNavBody.d.ts +0 -7
  39. package/dist/components/BitkitUISideNav/UISideNavBody.js +0 -20
  40. package/dist/components/BitkitUISideNav/UISideNavBody.js.map +0 -1
  41. package/dist/components/BitkitUISideNav/UISideNavContext.d.ts +0 -32
  42. package/dist/components/BitkitUISideNav/UISideNavContext.js +0 -28
  43. package/dist/components/BitkitUISideNav/UISideNavContext.js.map +0 -1
  44. package/dist/components/BitkitUISideNav/UISideNavFooter.d.ts +0 -16
  45. package/dist/components/BitkitUISideNav/UISideNavFooter.js +0 -28
  46. package/dist/components/BitkitUISideNav/UISideNavFooter.js.map +0 -1
  47. package/dist/components/BitkitUISideNav/UISideNavFooterHeading.d.ts +0 -12
  48. package/dist/components/BitkitUISideNav/UISideNavFooterHeading.js +0 -26
  49. package/dist/components/BitkitUISideNav/UISideNavFooterHeading.js.map +0 -1
  50. package/dist/components/BitkitUISideNav/UISideNavItem.d.ts +0 -26
  51. package/dist/components/BitkitUISideNav/UISideNavItem.js +0 -33
  52. package/dist/components/BitkitUISideNav/UISideNavItem.js.map +0 -1
  53. package/dist/components/BitkitUISideNav/UISideNavLink.d.ts +0 -30
  54. package/dist/components/BitkitUISideNav/UISideNavLink.js +0 -58
  55. package/dist/components/BitkitUISideNav/UISideNavLink.js.map +0 -1
  56. package/dist/components/BitkitUISideNav/UISideNavWorkspaceSelector.d.ts +0 -55
  57. package/dist/components/BitkitUISideNav/UISideNavWorkspaceSelector.js +0 -127
  58. package/dist/components/BitkitUISideNav/UISideNavWorkspaceSelector.js.map +0 -1
  59. package/dist/theme/slot-recipes/UISideNav.recipe.d.ts +0 -119
  60. package/dist/theme/slot-recipes/UISideNav.recipe.js +0 -416
  61. package/dist/theme/slot-recipes/UISideNav.recipe.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"StepCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/StepCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst stepsCardAnatomy = cardAnatomy.extendWith('titleGroup');\n\nconst stepCardSlotRecipe = defineSlotRecipe({\n className: 'steps-card',\n slots: stepsCardAnatomy.keys(),\n base: {\n root: {\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderColor: 'border/minimal',\n borderRadius: '8',\n boxShadow: 'elevation/md',\n overflow: 'hidden',\n },\n header: {\n paddingBlockStart: '32',\n paddingInline: '32',\n },\n body: {\n display: 'flex',\n flexDirection: 'column',\n gap: '24',\n paddingBlockEnd: '48',\n paddingBlockStart: '32',\n paddingInline: '32',\n },\n titleGroup: {\n display: 'flex',\n flexDirection: 'column',\n gap: '4',\n },\n title: {\n color: 'text/primary',\n textStyle: 'heading/h3',\n },\n description: {\n color: 'text/secondary',\n textStyle: 'body/md/regular',\n },\n footer: {\n alignItems: 'center',\n borderBlockStart: '1px solid',\n borderColor: 'border/minimal',\n display: 'flex',\n gap: '16',\n justifyContent: 'flex-end',\n padding: '32',\n },\n },\n});\n\nexport default stepCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB,YAAY,WAAW,YAAY;AAE5D,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,iBAAiB,KAAK;CAC7B,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,QAAQ;GACR,aAAa;GACb,cAAc;GACd,WAAW;GACX,UAAU;EACZ;EACA,QAAQ;GACN,mBAAmB;GACnB,eAAe;EACjB;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,YAAY;GACV,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,OAAO;GACL,OAAO;GACP,WAAW;EACb;EACA,aAAa;GACX,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,aAAa;GACb,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,SAAS;EACX;CACF;AACF,CAAC"}
1
+ {"version":3,"file":"StepCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/StepCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst stepsCardAnatomy = cardAnatomy.extendWith('titleGroup');\n\nconst stepCardSlotRecipe = defineSlotRecipe({\n className: 'steps-card',\n slots: stepsCardAnatomy.keys(),\n base: {\n root: {\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderColor: 'border/minimal',\n borderRadius: '8',\n boxShadow: 'elevation/md',\n overflow: 'hidden',\n },\n header: {\n paddingBlockStart: '32',\n paddingInline: { base: '24', tablet: '32' },\n },\n body: {\n display: 'flex',\n flexDirection: 'column',\n gap: '24',\n paddingBlockEnd: '48',\n paddingBlockStart: '32',\n paddingInline: { base: '24', tablet: '32' },\n },\n titleGroup: {\n display: 'flex',\n flexDirection: 'column',\n gap: '4',\n },\n title: {\n color: 'text/primary',\n textStyle: 'heading/h3',\n },\n description: {\n color: 'text/secondary',\n textStyle: 'body/md/regular',\n },\n footer: {\n alignItems: 'center',\n borderBlockStart: '1px solid',\n borderColor: 'border/minimal',\n display: 'flex',\n gap: '16',\n justifyContent: 'flex-end',\n padding: { base: '24', tablet: '32' },\n },\n },\n});\n\nexport default stepCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB,YAAY,WAAW,YAAY;AAE5D,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,iBAAiB,KAAK;CAC7B,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,QAAQ;GACR,aAAa;GACb,cAAc;GACd,WAAW;GACX,UAAU;EACZ;EACA,QAAQ;GACN,mBAAmB;GACnB,eAAe;IAAE,MAAM;IAAM,QAAQ;GAAK;EAC5C;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;IAAE,MAAM;IAAM,QAAQ;GAAK;EAC5C;EACA,YAAY;GACV,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,OAAO;GACL,OAAO;GACP,WAAW;EACb;EACA,aAAa;GACX,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,aAAa;GACb,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;GAAK;EACtC;CACF;AACF,CAAC"}
@@ -2,60 +2,46 @@ declare const stepsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
2
2
  orientation: {
3
3
  horizontal: {
4
4
  list: {
5
- flexDirection: "row";
6
- alignItems: "center";
7
- };
8
- item: {
9
- alignItems: "center";
10
- borderTopWidth: "2";
11
- paddingBlock: "16";
12
- paddingInlineEnd: "24";
13
- "&[data-step-status=inProgress]": {
14
- _before: {
15
- content: "\"\"";
16
- position: "absolute";
17
- insetBlockStart: "-2px";
18
- insetInlineStart: number;
19
- width: "50%";
20
- height: "2";
21
- bg: "border/selected";
22
- };
5
+ tablet: {
6
+ alignItems: "center";
7
+ flexDirection: "row";
23
8
  };
24
9
  };
25
- };
26
- vertical: {
27
- list: {
28
- flexDirection: "column";
29
- alignItems: "stretch";
30
- };
31
10
  item: {
32
- alignItems: "flex-start";
33
- borderInlineStartWidth: "2";
34
- paddingInlineStart: "12";
35
- paddingInlineEnd: "24";
36
- paddingBlockEnd: "24";
37
- '&:last-of-type': {
38
- paddingBlockEnd: number;
39
- };
40
- "&[data-step-status=inProgress]": {
41
- _before: {
42
- content: "\"\"";
43
- position: "absolute";
44
- insetBlockStart: number;
45
- insetInlineStart: "-2px";
46
- width: "2";
47
- height: "50%";
48
- bg: "border/selected";
11
+ tablet: {
12
+ alignItems: "center";
13
+ borderBlockStartWidth: "2";
14
+ borderInlineStartWidth: number;
15
+ paddingBlock: "16";
16
+ paddingInlineStart: number;
17
+ '&:last-of-type': {
18
+ paddingBlockEnd: "16";
19
+ };
20
+ "&[data-step-status=inProgress]": {
21
+ _before: {
22
+ height: "2";
23
+ insetBlockStart: "-2px";
24
+ insetInlineStart: number;
25
+ width: "50%";
26
+ };
49
27
  };
50
28
  };
51
29
  };
52
30
  trigger: {
53
- flexDirection: "column";
54
- alignItems: "flex-start";
55
- gap: "2";
56
- paddingBlockStart: "4";
31
+ tablet: {
32
+ alignItems: "center";
33
+ flexDirection: "row";
34
+ gap: "8";
35
+ paddingBlockStart: number;
36
+ };
37
+ };
38
+ description: {
39
+ tablet: {
40
+ display: "none";
41
+ };
57
42
  };
58
43
  };
44
+ vertical: {};
59
45
  };
60
46
  }>;
61
47
  export default stepsSlotRecipe;
@@ -9,6 +9,7 @@ var STATUS_NOT_STARTED = "&[data-step-status=notStarted]";
9
9
  var STATUS_SKIPPABLE = "&[data-step-status=skippable]";
10
10
  var STATUS_SKIPPED = "&[data-step-status=skipped]";
11
11
  var truncate = {
12
+ maxWidth: "100%",
12
13
  overflow: "hidden",
13
14
  textOverflow: "ellipsis",
14
15
  whiteSpace: "nowrap"
@@ -23,17 +24,36 @@ var stepsSlotRecipe = defineSlotRecipe({
23
24
  width: "100%"
24
25
  },
25
26
  list: {
27
+ alignItems: "stretch",
26
28
  display: "flex",
29
+ flexDirection: "column",
27
30
  gap: 0
28
31
  },
29
32
  item: {
33
+ alignItems: "flex-start",
34
+ borderColor: "border/disabled",
35
+ borderInlineStartWidth: "2",
36
+ borderStyle: "solid",
30
37
  display: "flex",
31
38
  flex: "1 0 0",
32
39
  gap: "8",
33
- borderStyle: "solid",
34
- borderColor: "border/disabled",
40
+ paddingBlockEnd: "24",
41
+ paddingInlineEnd: "24",
42
+ paddingInlineStart: "12",
43
+ "&:last-of-type": { paddingBlockEnd: 0 },
35
44
  [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: "border/selected" },
36
- [STATUS_IN_PROGRESS]: { position: "relative" }
45
+ [STATUS_IN_PROGRESS]: {
46
+ position: "relative",
47
+ _before: {
48
+ background: "border/selected",
49
+ content: "\"\"",
50
+ height: "50%",
51
+ insetBlockStart: 0,
52
+ insetInlineStart: "-2px",
53
+ position: "absolute",
54
+ width: "2"
55
+ }
56
+ }
37
57
  },
38
58
  indicator: {
39
59
  display: "flex",
@@ -76,11 +96,13 @@ var stepsSlotRecipe = defineSlotRecipe({
76
96
  }
77
97
  },
78
98
  trigger: {
99
+ alignItems: "flex-start",
79
100
  display: "flex",
80
- alignItems: "center",
81
- gap: "8",
82
101
  flex: "1 0 0",
83
- minWidth: "1"
102
+ flexDirection: "column",
103
+ gap: "2",
104
+ minWidth: "1",
105
+ paddingBlockStart: "4"
84
106
  },
85
107
  title: {
86
108
  ...truncate,
@@ -108,55 +130,33 @@ var stepsSlotRecipe = defineSlotRecipe({
108
130
  },
109
131
  variants: { orientation: {
110
132
  horizontal: {
111
- list: {
112
- flexDirection: "row",
113
- alignItems: "center"
114
- },
115
- item: {
133
+ list: { tablet: {
134
+ alignItems: "center",
135
+ flexDirection: "row"
136
+ } },
137
+ item: { tablet: {
116
138
  alignItems: "center",
117
- borderTopWidth: "2",
139
+ borderBlockStartWidth: "2",
140
+ borderInlineStartWidth: 0,
118
141
  paddingBlock: "16",
119
- paddingInlineEnd: "24",
142
+ paddingInlineStart: 0,
143
+ "&:last-of-type": { paddingBlockEnd: "16" },
120
144
  [STATUS_IN_PROGRESS]: { _before: {
121
- content: "\"\"",
122
- position: "absolute",
145
+ height: "2",
123
146
  insetBlockStart: "-2px",
124
147
  insetInlineStart: 0,
125
- width: "50%",
126
- height: "2",
127
- bg: "border/selected"
148
+ width: "50%"
128
149
  } }
129
- }
150
+ } },
151
+ trigger: { tablet: {
152
+ alignItems: "center",
153
+ flexDirection: "row",
154
+ gap: "8",
155
+ paddingBlockStart: 0
156
+ } },
157
+ description: { tablet: { display: "none" } }
130
158
  },
131
- vertical: {
132
- list: {
133
- flexDirection: "column",
134
- alignItems: "stretch"
135
- },
136
- item: {
137
- alignItems: "flex-start",
138
- borderInlineStartWidth: "2",
139
- paddingInlineStart: "12",
140
- paddingInlineEnd: "24",
141
- paddingBlockEnd: "24",
142
- "&:last-of-type": { paddingBlockEnd: 0 },
143
- [STATUS_IN_PROGRESS]: { _before: {
144
- content: "\"\"",
145
- position: "absolute",
146
- insetBlockStart: 0,
147
- insetInlineStart: "-2px",
148
- width: "2",
149
- height: "50%",
150
- bg: "border/selected"
151
- } }
152
- },
153
- trigger: {
154
- flexDirection: "column",
155
- alignItems: "flex-start",
156
- gap: "2",
157
- paddingBlockStart: "4"
158
- }
159
- }
159
+ vertical: {}
160
160
  } },
161
161
  defaultVariants: { orientation: "horizontal" }
162
162
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n className: 'steps',\n slots: stepsAnatomy.keys(),\n base: {\n root: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n },\n list: {\n display: 'flex',\n gap: 0,\n },\n item: {\n display: 'flex',\n flex: '1 0 0',\n gap: '8',\n borderStyle: 'solid',\n borderColor: 'border/disabled',\n\n [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n [STATUS_IN_PROGRESS]: { position: 'relative' },\n },\n indicator: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexShrink: '0',\n borderRadius: '9999px',\n borderWidth: '2',\n borderStyle: 'solid',\n width: '24',\n height: '24',\n overflow: 'clip',\n textStyle: 'body/md/semibold',\n lineHeight: 'initial',\n\n [STATUS_NOT_STARTED]: {\n bg: 'background/primary',\n borderColor: 'border/strong',\n color: 'text/secondary',\n },\n [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n [STATUS_INVALID]: {\n bg: 'status/critical/bg',\n borderColor: 'border/error',\n color: 'text/negative',\n textStyle: 'heading/h4',\n },\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n bg: 'background/primary',\n borderColor: 'border/disabled',\n color: 'text/disabled',\n },\n },\n trigger: {\n display: 'flex',\n alignItems: 'center',\n gap: '8',\n flex: '1 0 0',\n minWidth: '1',\n },\n title: {\n ...truncate,\n textStyle: 'body/md/regular',\n color: 'text/secondary',\n lineHeight: 'initial!',\n\n [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n },\n description: {\n ...truncate,\n textStyle: 'body/sm/regular',\n color: 'text/secondary',\n\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n [STATUS_DISABLED]: { color: 'text/disabled' },\n },\n // Required by stepsAnatomy but unused in this component\n content: {},\n nextTrigger: {},\n prevTrigger: {},\n progress: {},\n separator: {},\n },\n variants: {\n orientation: {\n horizontal: {\n list: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n item: {\n alignItems: 'center',\n borderTopWidth: '2',\n paddingBlock: '16',\n paddingInlineEnd: '24',\n\n [STATUS_IN_PROGRESS]: {\n _before: {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: '-2px',\n insetInlineStart: 0,\n width: '50%',\n height: '2',\n bg: 'border/selected',\n },\n },\n },\n },\n vertical: {\n list: {\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n item: {\n alignItems: 'flex-start',\n borderInlineStartWidth: '2',\n paddingInlineStart: '12',\n paddingInlineEnd: '24',\n paddingBlockEnd: '24',\n\n '&:last-of-type': {\n paddingBlockEnd: 0,\n },\n\n [STATUS_IN_PROGRESS]: {\n _before: {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: '-2px',\n width: '2',\n height: '50%',\n bg: 'border/selected',\n },\n },\n },\n trigger: {\n flexDirection: 'column',\n alignItems: 'flex-start',\n gap: '2',\n paddingBlockStart: '4',\n },\n },\n },\n },\n defaultVariants: {\n orientation: 'horizontal',\n },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAU,cAAc;CAAY,YAAY;AAAS;AAEtF,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;EACT;EACA,MAAM;GACJ,SAAS;GACT,KAAK;EACP;EACA,MAAM;GACJ,SAAS;GACT,MAAM;GACN,KAAK;GACL,aAAa;GACb,aAAa;IAEZ,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,kBAAkB;IAC5E,qBAAqB,EAAE,UAAU,WAAW;EAC/C;EACA,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;GACT;IACC,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;GAAgB;IACxG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;GAAgB;IACpG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;GACb;IACC,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;GACT;EACF;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;EACZ;EACA,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;GAAe;IAC5E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,gBAAgB;EAC3F;EACA,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,gBAAgB;IACpE,kBAAkB,EAAE,OAAO,gBAAgB;EAC9C;EAEA,SAAS,CAAC;EACV,aAAa,CAAC;EACd,aAAa,CAAC;EACd,UAAU,CAAC;EACX,WAAW,CAAC;CACd;CACA,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM;IACJ,eAAe;IACf,YAAY;GACd;GACA,MAAM;IACJ,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,kBAAkB;KAEjB,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;IACN,EACF;GACF;EACF;EACA,UAAU;GACR,MAAM;IACJ,eAAe;IACf,YAAY;GACd;GACA,MAAM;IACJ,YAAY;IACZ,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IAEjB,kBAAkB,EAChB,iBAAiB,EACnB;KAEC,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;IACN,EACF;GACF;GACA,SAAS;IACP,eAAe;IACf,YAAY;IACZ,KAAK;IACL,mBAAmB;GACrB;EACF;CACF,EACF;CACA,iBAAiB,EACf,aAAa,aACf;AACF,CAAC"}
1
+ {"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { maxWidth: '100%', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n className: 'steps',\n slots: stepsAnatomy.keys(),\n base: {\n root: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n },\n list: {\n alignItems: 'stretch',\n display: 'flex',\n flexDirection: 'column',\n gap: 0,\n },\n item: {\n alignItems: 'flex-start',\n borderColor: 'border/disabled',\n borderInlineStartWidth: '2',\n borderStyle: 'solid',\n display: 'flex',\n flex: '1 0 0',\n gap: '8',\n paddingBlockEnd: '24',\n paddingInlineEnd: '24',\n paddingInlineStart: '12',\n\n '&:last-of-type': {\n paddingBlockEnd: 0,\n },\n\n [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n [STATUS_IN_PROGRESS]: {\n position: 'relative',\n\n _before: {\n background: 'border/selected',\n content: '\"\"',\n height: '50%',\n insetBlockStart: 0,\n insetInlineStart: '-2px',\n position: 'absolute',\n width: '2',\n },\n },\n },\n indicator: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexShrink: '0',\n borderRadius: '9999px',\n borderWidth: '2',\n borderStyle: 'solid',\n width: '24',\n height: '24',\n overflow: 'clip',\n textStyle: 'body/md/semibold',\n lineHeight: 'initial',\n\n [STATUS_NOT_STARTED]: {\n bg: 'background/primary',\n borderColor: 'border/strong',\n color: 'text/secondary',\n },\n [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n [STATUS_INVALID]: {\n bg: 'status/critical/bg',\n borderColor: 'border/error',\n color: 'text/negative',\n textStyle: 'heading/h4',\n },\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n bg: 'background/primary',\n borderColor: 'border/disabled',\n color: 'text/disabled',\n },\n },\n trigger: {\n alignItems: 'flex-start',\n display: 'flex',\n flex: '1 0 0',\n flexDirection: 'column',\n gap: '2',\n minWidth: '1',\n paddingBlockStart: '4',\n },\n title: {\n ...truncate,\n textStyle: 'body/md/regular',\n color: 'text/secondary',\n lineHeight: 'initial!',\n\n [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n },\n description: {\n ...truncate,\n textStyle: 'body/sm/regular',\n color: 'text/secondary',\n\n [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n [STATUS_DISABLED]: { color: 'text/disabled' },\n },\n // Required by stepsAnatomy but unused in this component\n content: {},\n nextTrigger: {},\n prevTrigger: {},\n progress: {},\n separator: {},\n },\n variants: {\n orientation: {\n horizontal: {\n list: {\n tablet: {\n alignItems: 'center',\n flexDirection: 'row',\n },\n },\n item: {\n tablet: {\n alignItems: 'center',\n borderBlockStartWidth: '2',\n borderInlineStartWidth: 0,\n paddingBlock: '16',\n paddingInlineStart: 0,\n\n '&:last-of-type': {\n paddingBlockEnd: '16',\n },\n\n [STATUS_IN_PROGRESS]: {\n _before: {\n height: '2',\n insetBlockStart: '-2px',\n insetInlineStart: 0,\n width: '50%',\n },\n },\n },\n },\n trigger: {\n tablet: {\n alignItems: 'center',\n flexDirection: 'row',\n gap: '8',\n paddingBlockStart: 0,\n },\n },\n description: {\n tablet: { display: 'none' },\n },\n },\n vertical: {},\n },\n },\n defaultVariants: {\n orientation: 'horizontal',\n },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAQ,UAAU;CAAU,cAAc;CAAY,YAAY;AAAS;AAExG,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;EACT;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,MAAM;GACJ,YAAY;GACZ,aAAa;GACb,wBAAwB;GACxB,aAAa;GACb,SAAS;GACT,MAAM;GACN,KAAK;GACL,iBAAiB;GACjB,kBAAkB;GAClB,oBAAoB;GAEpB,kBAAkB,EAChB,iBAAiB,EACnB;IAEC,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,kBAAkB;IAC5E,qBAAqB;IACpB,UAAU;IAEV,SAAS;KACP,YAAY;KACZ,SAAS;KACT,QAAQ;KACR,iBAAiB;KACjB,kBAAkB;KAClB,UAAU;KACV,OAAO;IACT;GACF;EACF;EACA,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;GACT;IACC,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;GAAgB;IACxG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;GAAgB;IACpG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;GACb;IACC,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;GACT;EACF;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,UAAU;GACV,mBAAmB;EACrB;EACA,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;GAAe;IAC5E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,gBAAgB;EAC3F;EACA,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,gBAAgB;IACpE,kBAAkB,EAAE,OAAO,gBAAgB;EAC9C;EAEA,SAAS,CAAC;EACV,aAAa,CAAC;EACd,aAAa,CAAC;EACd,UAAU,CAAC;EACX,WAAW,CAAC;CACd;CACA,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM,EACJ,QAAQ;IACN,YAAY;IACZ,eAAe;GACjB,EACF;GACA,MAAM,EACJ,QAAQ;IACN,YAAY;IACZ,uBAAuB;IACvB,wBAAwB;IACxB,cAAc;IACd,oBAAoB;IAEpB,kBAAkB,EAChB,iBAAiB,KACnB;KAEC,qBAAqB,EACpB,SAAS;KACP,QAAQ;KACR,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;IACT,EACF;GACF,EACF;GACA,SAAS,EACP,QAAQ;IACN,YAAY;IACZ,eAAe;IACf,KAAK;IACL,mBAAmB;GACrB,EACF;GACA,aAAa,EACX,QAAQ,EAAE,SAAS,OAAO,EAC5B;EACF;EACA,UAAU,CAAC;CACb,EACF;CACA,iBAAiB,EACf,aAAa,aACf;AACF,CAAC"}
@@ -657,8 +657,8 @@ declare const slotRecipes: {
657
657
  textStyle: "body/md/semibold";
658
658
  };
659
659
  } | undefined;
660
- content?: {
661
- '--select-menu-list-max-height': `${number}rem`;
660
+ itemList?: {
661
+ maxHeight: `${number}rem`;
662
662
  } | undefined;
663
663
  itemLabel?: {
664
664
  textStyle: "body/md/regular";
@@ -670,18 +670,6 @@ declare const slotRecipes: {
670
670
  emptyState?: {
671
671
  paddingBlock: "8";
672
672
  } | undefined;
673
- errorState?: {
674
- paddingBlock: "4";
675
- } | undefined;
676
- errorLabel?: {
677
- textStyle: "body/md/regular";
678
- } | undefined;
679
- errorIcon?: {
680
- marginBlockStart: "4";
681
- } | undefined;
682
- errorTextBlock?: {
683
- paddingBlock: "2";
684
- } | undefined;
685
673
  action?: {
686
674
  minHeight: "40";
687
675
  paddingBlock: "8";
@@ -2195,7 +2183,7 @@ declare const slotRecipes: {
2195
2183
  };
2196
2184
  };
2197
2185
  }>;
2198
- 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" | "errorLabel" | "searchInputGroup" | "searchInput" | "searchClear" | "errorState" | "itemList" | "errorIcon" | "errorTextBlock" | "itemHelperText" | "itemLoading" | "itemLoadingLabel" | "itemLabel" | "indicatorGroup" | "checkmark" | "itemBadge" | "itemIcon" | "valueIcon", {
2186
+ 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" | "itemBadge" | "itemIcon" | "valueIcon", {
2199
2187
  hasStatusIcon: {
2200
2188
  true: {
2201
2189
  trigger: {
@@ -2236,8 +2224,8 @@ declare const slotRecipes: {
2236
2224
  textStyle: "body/lg/semibold";
2237
2225
  };
2238
2226
  };
2239
- content: {
2240
- '--select-menu-list-max-height': `${number}rem`;
2227
+ itemList: {
2228
+ maxHeight: `${number}rem`;
2241
2229
  };
2242
2230
  itemLabel: {
2243
2231
  textStyle: "body/lg/regular";
@@ -2249,12 +2237,6 @@ declare const slotRecipes: {
2249
2237
  emptyState: {
2250
2238
  paddingBlock: "12";
2251
2239
  };
2252
- errorState: {
2253
- paddingBlock: "8";
2254
- };
2255
- errorLabel: {
2256
- textStyle: "body/lg/regular";
2257
- };
2258
2240
  action: {
2259
2241
  minHeight: "48";
2260
2242
  paddingBlock: "12";
@@ -2301,8 +2283,8 @@ declare const slotRecipes: {
2301
2283
  textStyle: "body/md/semibold";
2302
2284
  };
2303
2285
  };
2304
- content: {
2305
- '--select-menu-list-max-height': `${number}rem`;
2286
+ itemList: {
2287
+ maxHeight: `${number}rem`;
2306
2288
  };
2307
2289
  itemLabel: {
2308
2290
  textStyle: "body/md/regular";
@@ -2314,18 +2296,6 @@ declare const slotRecipes: {
2314
2296
  emptyState: {
2315
2297
  paddingBlock: "8";
2316
2298
  };
2317
- errorState: {
2318
- paddingBlock: "4";
2319
- };
2320
- errorLabel: {
2321
- textStyle: "body/md/regular";
2322
- };
2323
- errorIcon: {
2324
- marginBlockStart: "4";
2325
- };
2326
- errorTextBlock: {
2327
- paddingBlock: "2";
2328
- };
2329
2299
  action: {
2330
2300
  minHeight: "40";
2331
2301
  paddingBlock: "8";
@@ -2487,60 +2457,46 @@ declare const slotRecipes: {
2487
2457
  orientation: {
2488
2458
  horizontal: {
2489
2459
  list: {
2490
- flexDirection: "row";
2491
- alignItems: "center";
2492
- };
2493
- item: {
2494
- alignItems: "center";
2495
- borderTopWidth: "2";
2496
- paddingBlock: "16";
2497
- paddingInlineEnd: "24";
2498
- "&[data-step-status=inProgress]": {
2499
- _before: {
2500
- content: "\"\"";
2501
- position: "absolute";
2502
- insetBlockStart: "-2px";
2503
- insetInlineStart: number;
2504
- width: "50%";
2505
- height: "2";
2506
- bg: "border/selected";
2507
- };
2460
+ tablet: {
2461
+ alignItems: "center";
2462
+ flexDirection: "row";
2508
2463
  };
2509
2464
  };
2510
- };
2511
- vertical: {
2512
- list: {
2513
- flexDirection: "column";
2514
- alignItems: "stretch";
2515
- };
2516
2465
  item: {
2517
- alignItems: "flex-start";
2518
- borderInlineStartWidth: "2";
2519
- paddingInlineStart: "12";
2520
- paddingInlineEnd: "24";
2521
- paddingBlockEnd: "24";
2522
- '&:last-of-type': {
2523
- paddingBlockEnd: number;
2524
- };
2525
- "&[data-step-status=inProgress]": {
2526
- _before: {
2527
- content: "\"\"";
2528
- position: "absolute";
2529
- insetBlockStart: number;
2530
- insetInlineStart: "-2px";
2531
- width: "2";
2532
- height: "50%";
2533
- bg: "border/selected";
2466
+ tablet: {
2467
+ alignItems: "center";
2468
+ borderBlockStartWidth: "2";
2469
+ borderInlineStartWidth: number;
2470
+ paddingBlock: "16";
2471
+ paddingInlineStart: number;
2472
+ '&:last-of-type': {
2473
+ paddingBlockEnd: "16";
2474
+ };
2475
+ "&[data-step-status=inProgress]": {
2476
+ _before: {
2477
+ height: "2";
2478
+ insetBlockStart: "-2px";
2479
+ insetInlineStart: number;
2480
+ width: "50%";
2481
+ };
2534
2482
  };
2535
2483
  };
2536
2484
  };
2537
2485
  trigger: {
2538
- flexDirection: "column";
2539
- alignItems: "flex-start";
2540
- gap: "2";
2541
- paddingBlockStart: "4";
2486
+ tablet: {
2487
+ alignItems: "center";
2488
+ flexDirection: "row";
2489
+ gap: "8";
2490
+ paddingBlockStart: number;
2491
+ };
2492
+ };
2493
+ description: {
2494
+ tablet: {
2495
+ display: "none";
2496
+ };
2542
2497
  };
2543
2498
  };
2499
+ vertical: {};
2544
2500
  };
2545
2501
  }>;
2546
2502
  switch: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
@@ -3522,118 +3478,5 @@ declare const slotRecipes: {
3522
3478
  };
3523
3479
  };
3524
3480
  }>;
3525
- uiSideNav: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "content" | "body" | "footer" | "closeButton" | "root" | "item" | "itemIndicator" | "positioner" | "itemLabel" | "itemIcon" | "backdrop" | "footerSeparator" | "footerHeading" | "linkIconBlock" | "linkTextBlock" | "linkIcon" | "linkStatusDot" | "linkLabel" | "linkSecondaryText" | "workspaceRoot" | "workspaceControl" | "workspace" | "workspaceTextBlock" | "workspaceChevron" | "workspaceMenu" | "workspaceLabel" | "workspaceValue", {
3526
- layout: {
3527
- rail: {
3528
- root: {
3529
- paddingBlockEnd: "12";
3530
- transition: "width 100ms ease-out";
3531
- transitionDelay: "50ms";
3532
- width: `${number}rem`;
3533
- _motionReduce: {
3534
- transition: "none";
3535
- };
3536
- '&[data-expanded]': {
3537
- transitionDelay: "100ms";
3538
- width: `${number}rem`;
3539
- };
3540
- };
3541
- workspace: {
3542
- paddingInline: "16";
3543
- minWidth: `${number}rem`;
3544
- };
3545
- workspaceControl: {
3546
- minWidth: `${number}rem`;
3547
- };
3548
- workspaceMenu: {
3549
- width: `${number}rem`;
3550
- };
3551
- body: {
3552
- overflowX: "hidden";
3553
- overflowY: "auto";
3554
- scrollbar: "hidden";
3555
- };
3556
- item: {
3557
- gap: "24";
3558
- paddingBlock: "16";
3559
- minWidth: `${number}rem`;
3560
- };
3561
- link: {
3562
- gap: "24";
3563
- minWidth: `${number}rem`;
3564
- };
3565
- footerSeparator: {
3566
- '[data-expanded] &': {
3567
- paddingInline: "16";
3568
- };
3569
- };
3570
- footerHeading: {
3571
- minWidth: `${number}rem`;
3572
- };
3573
- };
3574
- drawer: {
3575
- root: {
3576
- overflowX: "hidden";
3577
- overflowY: "auto";
3578
- width: "full";
3579
- };
3580
- workspaceRoot: {
3581
- background: "sys/ui/sidenav/bg";
3582
- insetBlockStart: number;
3583
- position: "sticky";
3584
- zIndex: number;
3585
- };
3586
- workspace: {
3587
- paddingBlock: "16";
3588
- paddingInlineEnd: "24";
3589
- paddingInlineStart: "16";
3590
- };
3591
- item: {
3592
- gap: "12";
3593
- paddingBlock: "16";
3594
- };
3595
- link: {
3596
- gap: "12";
3597
- };
3598
- footer: {
3599
- paddingBlockEnd: "16";
3600
- paddingBlockStart: "12";
3601
- position: "relative";
3602
- };
3603
- footerHeading: {
3604
- paddingBlockStart: "12";
3605
- '&[data-section]': {
3606
- marginBlockStart: "12";
3607
- paddingBlockStart: "24";
3608
- position: "relative";
3609
- _before: {
3610
- insetBlockStart: number;
3611
- insetInline: number;
3612
- position: "absolute";
3613
- background: "border/inverse";
3614
- content: "\"\"";
3615
- height: "1";
3616
- opacity: 0.2;
3617
- };
3618
- };
3619
- };
3620
- footerSeparator: {
3621
- insetBlockStart: number;
3622
- insetInline: number;
3623
- paddingBlock: number;
3624
- paddingInline: number;
3625
- position: "absolute";
3626
- };
3627
- workspaceMenu: {
3628
- maxHeight: "var(--available-height)";
3629
- '--select-menu-list-max-height': "none";
3630
- };
3631
- body: {
3632
- flex: "1 0 auto";
3633
- paddingBlock: "8";
3634
- };
3635
- };
3636
- };
3637
- }>;
3638
3481
  };
3639
3482
  export default slotRecipes;
@@ -1,6 +1,5 @@
1
1
  import avatarSlotRecipe from "./Avatar.recipe.js";
2
2
  import numberInputSlotRecipe from "./NumberInput.recipe.js";
3
- import uiSideNavSlotRecipe from "./UISideNav.recipe.js";
4
3
  import accordionSlotRecipe from "./Accordion.recipe.js";
5
4
  import actionBarSlotRecipe from "./ActionBar.recipe.js";
6
5
  import alertSlotRecipe from "./Alert.recipe.js";
@@ -128,8 +127,7 @@ var slotRecipes = {
128
127
  toggletip: toggletipSlotRecipe,
129
128
  tooltip: tooltipSlotRecipe,
130
129
  tour: tourSlotRecipe,
131
- treeView: treeViewSlotRecipe,
132
- uiSideNav: uiSideNavSlotRecipe
130
+ treeView: treeViewSlotRecipe
133
131
  };
134
132
  //#endregion
135
133
  export { slotRecipes as default };
@@ -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 toggletipSlotRecipe from './Toggletip.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport tourSlotRecipe from './Tour.recipe.ts';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\nimport uiSideNavSlotRecipe from './UISideNav.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 toggletip: toggletipSlotRecipe,\n tooltip: tooltipSlotRecipe,\n tour: tourSlotRecipe,\n treeView: treeViewSlotRecipe,\n uiSideNav: uiSideNavSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,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,WAAW;CACX,SAAS;CACT,MAAM;CACN,UAAU;CACV,WAAW;AACb"}
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 toggletipSlotRecipe from './Toggletip.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 toggletip: toggletipSlotRecipe,\n tooltip: tooltipSlotRecipe,\n tour: tourSlotRecipe,\n treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,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,WAAW;CACX,SAAS;CACT,MAAM;CACN,UAAU;AACZ"}