@bitrise/bitkit-v2 0.3.300 → 0.3.302
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BitkitHeading/BitkitHeading.d.ts +13 -0
- package/dist/components/BitkitHeading/BitkitHeading.js +20 -0
- package/dist/components/BitkitHeading/BitkitHeading.js.map +1 -0
- package/dist/components/BitkitMarkdown/BitkitMarkdown.js +7 -13
- package/dist/components/BitkitMarkdown/BitkitMarkdown.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/main.js +2 -1
- package/dist/theme/slot-recipes/Dialog.recipe.js +1 -1
- package/dist/theme/slot-recipes/Dialog.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Drawer.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Drawer.recipe.js +1 -1
- package/dist/theme/slot-recipes/Drawer.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Table.recipe.d.ts +6 -0
- package/dist/theme/slot-recipes/Table.recipe.js +7 -1
- package/dist/theme/slot-recipes/Table.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +7 -1
- package/dist/theme/text-styles.d.ts +7 -0
- package/dist/theme/text-styles.js +1 -0
- package/dist/theme/text-styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HeadingProps } from '@chakra-ui/react/heading';
|
|
2
|
+
type BitkitHeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
3
|
+
export interface BitkitHeadingProps extends Omit<HeadingProps, 'as' | 'textStyle'> {
|
|
4
|
+
/** Heading level. Drives both the rendered tag and the matching `heading/{level}` textStyle. */
|
|
5
|
+
as?: BitkitHeadingLevel;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* A heading whose level is the single source of truth: `as` sets both the semantic tag and the
|
|
9
|
+
* matching `heading/{level}` textStyle, so the two can never drift apart. `textStyle` is intentionally
|
|
10
|
+
* not accepted — the level is the only knob.
|
|
11
|
+
*/
|
|
12
|
+
declare const BitkitHeading: import('react').ForwardRefExoticComponent<BitkitHeadingProps & import('react').RefAttributes<HTMLHeadingElement>>;
|
|
13
|
+
export default BitkitHeading;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { forwardRef } from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Heading } from "@chakra-ui/react/heading";
|
|
4
|
+
//#region lib/components/BitkitHeading/BitkitHeading.tsx
|
|
5
|
+
/**
|
|
6
|
+
* A heading whose level is the single source of truth: `as` sets both the semantic tag and the
|
|
7
|
+
* matching `heading/{level}` textStyle, so the two can never drift apart. `textStyle` is intentionally
|
|
8
|
+
* not accepted — the level is the only knob.
|
|
9
|
+
*/
|
|
10
|
+
var BitkitHeading = forwardRef(({ as = "h2", ...props }, ref) => /* @__PURE__ */ jsx(Heading, {
|
|
11
|
+
ref,
|
|
12
|
+
as,
|
|
13
|
+
textStyle: `heading/${as}`,
|
|
14
|
+
...props
|
|
15
|
+
}));
|
|
16
|
+
BitkitHeading.displayName = "BitkitHeading";
|
|
17
|
+
//#endregion
|
|
18
|
+
export { BitkitHeading as default };
|
|
19
|
+
|
|
20
|
+
//# sourceMappingURL=BitkitHeading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BitkitHeading.js","names":[],"sources":["../../../lib/components/BitkitHeading/BitkitHeading.tsx"],"sourcesContent":["import { Heading, type HeadingProps } from '@chakra-ui/react/heading';\nimport { forwardRef } from 'react';\n\ntype BitkitHeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface BitkitHeadingProps extends Omit<HeadingProps, 'as' | 'textStyle'> {\n /** Heading level. Drives both the rendered tag and the matching `heading/{level}` textStyle. */\n as?: BitkitHeadingLevel;\n}\n\n/**\n * A heading whose level is the single source of truth: `as` sets both the semantic tag and the\n * matching `heading/{level}` textStyle, so the two can never drift apart. `textStyle` is intentionally\n * not accepted — the level is the only knob.\n */\nconst BitkitHeading = forwardRef<HTMLHeadingElement, BitkitHeadingProps>(({ as = 'h2', ...props }, ref) => (\n <Heading ref={ref} as={as} textStyle={`heading/${as}`} {...props} />\n));\n\nBitkitHeading.displayName = 'BitkitHeading';\n\nexport default BitkitHeading;\n"],"mappings":";;;;;;;;;AAeA,IAAM,gBAAgB,YAAoD,EAAE,KAAK,MAAM,GAAG,SAAS,QACjG,oBAAC,SAAD;CAAc;CAAS;CAAI,WAAW,WAAW;CAAM,GAAI;AAAQ,CAAA,CACpE;AAED,cAAc,cAAc"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import BitkitCodeSnippet from "../BitkitCodeSnippet/BitkitCodeSnippet.js";
|
|
2
|
+
import BitkitHeading from "../BitkitHeading/BitkitHeading.js";
|
|
2
3
|
import BitkitLink from "../BitkitLink/BitkitLink.js";
|
|
3
4
|
import BitkitList_default from "../BitkitList/BitkitList.js";
|
|
4
5
|
import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
|
|
@@ -7,7 +8,6 @@ import { forwardRef, isValidElement } from "react";
|
|
|
7
8
|
import { jsx } from "react/jsx-runtime";
|
|
8
9
|
import { Separator } from "@chakra-ui/react/separator";
|
|
9
10
|
import { Stack } from "@chakra-ui/react/stack";
|
|
10
|
-
import { Heading } from "@chakra-ui/react/heading";
|
|
11
11
|
import Markdown from "react-markdown";
|
|
12
12
|
//#region lib/components/BitkitMarkdown/BitkitMarkdown.tsx
|
|
13
13
|
var getTextContent = (node) => {
|
|
@@ -36,34 +36,28 @@ var createComponents = (size, blockquoteStyles) => {
|
|
|
36
36
|
size: codeSize,
|
|
37
37
|
children: getTextContent(children)
|
|
38
38
|
}),
|
|
39
|
-
h1: ({ node: _, ...props }) => /* @__PURE__ */ jsx(
|
|
39
|
+
h1: ({ node: _, ...props }) => /* @__PURE__ */ jsx(BitkitHeading, {
|
|
40
40
|
as: "h1",
|
|
41
|
-
textStyle: "heading/h1",
|
|
42
41
|
...props
|
|
43
42
|
}),
|
|
44
|
-
h2: ({ node: _, ...props }) => /* @__PURE__ */ jsx(
|
|
43
|
+
h2: ({ node: _, ...props }) => /* @__PURE__ */ jsx(BitkitHeading, {
|
|
45
44
|
as: "h2",
|
|
46
|
-
textStyle: "heading/h2",
|
|
47
45
|
...props
|
|
48
46
|
}),
|
|
49
|
-
h3: ({ node: _, ...props }) => /* @__PURE__ */ jsx(
|
|
47
|
+
h3: ({ node: _, ...props }) => /* @__PURE__ */ jsx(BitkitHeading, {
|
|
50
48
|
as: "h3",
|
|
51
|
-
textStyle: "heading/h3",
|
|
52
49
|
...props
|
|
53
50
|
}),
|
|
54
|
-
h4: ({ node: _, ...props }) => /* @__PURE__ */ jsx(
|
|
51
|
+
h4: ({ node: _, ...props }) => /* @__PURE__ */ jsx(BitkitHeading, {
|
|
55
52
|
as: "h4",
|
|
56
|
-
textStyle: "heading/h4",
|
|
57
53
|
...props
|
|
58
54
|
}),
|
|
59
|
-
h5: ({ node: _, ...props }) => /* @__PURE__ */ jsx(
|
|
55
|
+
h5: ({ node: _, ...props }) => /* @__PURE__ */ jsx(BitkitHeading, {
|
|
60
56
|
as: "h5",
|
|
61
|
-
textStyle: "heading/h5",
|
|
62
57
|
...props
|
|
63
58
|
}),
|
|
64
|
-
h6: ({ node: _, ...props }) => /* @__PURE__ */ jsx(
|
|
59
|
+
h6: ({ node: _, ...props }) => /* @__PURE__ */ jsx(BitkitHeading, {
|
|
65
60
|
as: "h6",
|
|
66
|
-
textStyle: "heading/h6",
|
|
67
61
|
...props
|
|
68
62
|
}),
|
|
69
63
|
hr: () => /* @__PURE__ */ jsx(Separator, {}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitMarkdown.js","names":[],"sources":["../../../lib/components/BitkitMarkdown/BitkitMarkdown.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"BitkitMarkdown.js","names":[],"sources":["../../../lib/components/BitkitMarkdown/BitkitMarkdown.tsx"],"sourcesContent":["import { Separator } from '@chakra-ui/react/separator';\nimport { Stack, type StackProps } from '@chakra-ui/react/stack';\nimport { chakra, type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ComponentProps, forwardRef, isValidElement, type ReactNode } from 'react';\nimport Markdown, { type Components } from 'react-markdown';\n\nimport BitkitCodeSnippet from '../BitkitCodeSnippet/BitkitCodeSnippet';\nimport BitkitHeading from '../BitkitHeading/BitkitHeading';\nimport BitkitLink from '../BitkitLink/BitkitLink';\nimport BitkitList from '../BitkitList/BitkitList';\n\n// ----- Helpers -----\n\nconst getTextContent = (node: ReactNode): string => {\n if (typeof node === 'string') return node;\n if (typeof node === 'number') return String(node);\n if (Array.isArray(node)) return node.map(getTextContent).join('');\n if (isValidElement(node)) return getTextContent((node.props as { children?: ReactNode }).children);\n return '';\n};\n\n// ----- Component mappings -----\n\nconst createComponents = (size: 'sm' | 'md' | 'lg', blockquoteStyles: SystemStyleObject): Components => {\n const codeSize = size === 'lg' ? 'lg' : 'md';\n const listSize = size === 'lg' ? 'lg' : 'md';\n\n return {\n a: ({ node: _, ...props }) => (\n <BitkitLink colorVariant=\"purple\" rel=\"noopener noreferrer\" target=\"_blank\" {...props} />\n ),\n blockquote: ({ node: _, ...props }) => <chakra.blockquote css={blockquoteStyles} {...props} />,\n // Not String(children): a rehypePlugin such as a syntax highlighter turns the text into\n // elements, and String() on those yields \"[object Object]\".\n code: ({ node: _, children }) => (\n <BitkitCodeSnippet variant=\"inline\" size={codeSize}>\n {getTextContent(children)}\n </BitkitCodeSnippet>\n ),\n h1: ({ node: _, ...props }) => <BitkitHeading as=\"h1\" {...props} />,\n h2: ({ node: _, ...props }) => <BitkitHeading as=\"h2\" {...props} />,\n h3: ({ node: _, ...props }) => <BitkitHeading as=\"h3\" {...props} />,\n h4: ({ node: _, ...props }) => <BitkitHeading as=\"h4\" {...props} />,\n h5: ({ node: _, ...props }) => <BitkitHeading as=\"h5\" {...props} />,\n h6: ({ node: _, ...props }) => <BitkitHeading as=\"h6\" {...props} />,\n hr: () => <Separator />,\n li: ({ node: _, ...props }) => <BitkitList.Item>{props.children}</BitkitList.Item>,\n ol: ({ node: _, ...props }) => (\n <BitkitList size={listSize} variant=\"ordered\">\n {props.children}\n </BitkitList>\n ),\n p: ({ node: _, ...props }) => <Text {...props} />,\n // The parser closes a code block with a newline, which the `multi` variant renders as an\n // empty last line because its content is `white-space: pre-wrap`.\n pre: ({ node: _, children }) => (\n <BitkitCodeSnippet variant=\"multi\" size={codeSize}>\n {getTextContent(children).replace(/\\n$/, '')}\n </BitkitCodeSnippet>\n ),\n ul: ({ node: _, ...props }) => (\n <BitkitList size={listSize} variant=\"unordered\">\n {props.children}\n </BitkitList>\n ),\n };\n};\n\n// ----- BitkitMarkdown -----\n\nexport interface BitkitMarkdownProps extends Omit<StackProps, 'children'> {\n children: string;\n components?: Components | null;\n rehypePlugins?: ComponentProps<typeof Markdown>['rehypePlugins'];\n size?: 'sm' | 'md' | 'lg';\n}\n\nconst BitkitMarkdown = forwardRef<HTMLDivElement, BitkitMarkdownProps>((props, ref) => {\n const { children, components, rehypePlugins, size = 'md', ...rest } = props;\n\n const recipe = useSlotRecipe({ key: 'markdown' });\n const styles = recipe({ size });\n\n const defaultComponents = createComponents(size, styles.blockquote);\n const mergedComponents = { ...defaultComponents, ...(components ?? {}) };\n\n return (\n <Stack ref={ref} gap=\"16\" css={styles.root} {...rest}>\n <Markdown components={mergedComponents} rehypePlugins={rehypePlugins}>\n {children}\n </Markdown>\n </Stack>\n );\n});\n\nBitkitMarkdown.displayName = 'BitkitMarkdown';\n\nexport default BitkitMarkdown;\n"],"mappings":";;;;;;;;;;;;AAcA,IAAM,kBAAkB,SAA4B;CAClD,IAAI,OAAO,SAAS,UAAU,OAAO;CACrC,IAAI,OAAO,SAAS,UAAU,OAAO,OAAO,IAAI;CAChD,IAAI,MAAM,QAAQ,IAAI,GAAG,OAAO,KAAK,IAAI,cAAc,CAAC,CAAC,KAAK,EAAE;CAChE,IAAI,eAAe,IAAI,GAAG,OAAO,eAAgB,KAAK,MAAmC,QAAQ;CACjG,OAAO;AACT;AAIA,IAAM,oBAAoB,MAA0B,qBAAoD;CACtG,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,OAAO;EACL,IAAI,EAAE,MAAM,GAAG,GAAG,YAChB,oBAAC,YAAD;GAAY,cAAa;GAAS,KAAI;GAAsB,QAAO;GAAS,GAAI;EAAQ,CAAA;EAE1F,aAAa,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,OAAO,YAAR;GAAmB,KAAK;GAAkB,GAAI;EAAQ,CAAA;EAG7F,OAAO,EAAE,MAAM,GAAG,eAChB,oBAAC,mBAAD;GAAmB,SAAQ;GAAS,MAAM;aACvC,eAAe,QAAQ;EACP,CAAA;EAErB,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,eAAD;GAAe,IAAG;GAAK,GAAI;EAAQ,CAAA;EAClE,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,eAAD;GAAe,IAAG;GAAK,GAAI;EAAQ,CAAA;EAClE,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,eAAD;GAAe,IAAG;GAAK,GAAI;EAAQ,CAAA;EAClE,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,eAAD;GAAe,IAAG;GAAK,GAAI;EAAQ,CAAA;EAClE,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,eAAD;GAAe,IAAG;GAAK,GAAI;EAAQ,CAAA;EAClE,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,eAAD;GAAe,IAAG;GAAK,GAAI;EAAQ,CAAA;EAClE,UAAU,oBAAC,WAAD,CAAY,CAAA;EACtB,KAAK,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,mBAAW,MAAZ,EAAA,UAAkB,MAAM,SAA0B,CAAA;EACjF,KAAK,EAAE,MAAM,GAAG,GAAG,YACjB,oBAAC,oBAAD;GAAY,MAAM;GAAU,SAAQ;aACjC,MAAM;EACG,CAAA;EAEd,IAAI,EAAE,MAAM,GAAG,GAAG,YAAY,oBAAC,MAAD,EAAM,GAAI,MAAQ,CAAA;EAGhD,MAAM,EAAE,MAAM,GAAG,eACf,oBAAC,mBAAD;GAAmB,SAAQ;GAAQ,MAAM;aACtC,eAAe,QAAQ,CAAC,CAAC,QAAQ,OAAO,EAAE;EAC1B,CAAA;EAErB,KAAK,EAAE,MAAM,GAAG,GAAG,YACjB,oBAAC,oBAAD;GAAY,MAAM;GAAU,SAAQ;aACjC,MAAM;EACG,CAAA;CAEhB;AACF;AAWA,IAAM,iBAAiB,YAAiD,OAAO,QAAQ;CACrF,MAAM,EAAE,UAAU,YAAY,eAAe,OAAO,MAAM,GAAG,SAAS;CAGtE,MAAM,SADS,cAAc,EAAE,KAAK,WAAW,CAChC,CAAA,CAAO,EAAE,KAAK,CAAC;CAG9B,MAAM,mBAAmB;EAAE,GADD,iBAAiB,MAAM,OAAO,UAC1B;EAAmB,GAAI,cAAc,CAAC;CAAG;CAEvE,OACE,oBAAC,OAAD;EAAY;EAAK,KAAI;EAAK,KAAK,OAAO;EAAM,GAAI;YAC9C,oBAAC,UAAD;GAAU,YAAY;GAAiC;GACpD;EACO,CAAA;CACL,CAAA;AAEX,CAAC;AAED,eAAe,cAAc"}
|
|
@@ -28,6 +28,7 @@ export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from
|
|
|
28
28
|
export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
|
|
29
29
|
export { default as BitkitFileInput } from './BitkitFileInput/BitkitFileInput';
|
|
30
30
|
export { default as BitkitGroupHeading, type BitkitGroupHeadingProps } from './BitkitGroupHeading/BitkitGroupHeading';
|
|
31
|
+
export { default as BitkitHeading, type BitkitHeadingProps } from './BitkitHeading/BitkitHeading';
|
|
31
32
|
export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
|
|
32
33
|
export { default as BitkitInlineLoading, type BitkitInlineLoadingProps, } from './BitkitInlineLoading/BitkitInlineLoading';
|
|
33
34
|
export { default as BitkitLabel, type BitkitLabelProps } from './BitkitLabel/BitkitLabel';
|
package/dist/main.js
CHANGED
|
@@ -319,6 +319,7 @@ import BitkitDrawer from "./components/BitkitDrawer/BitkitDrawer.js";
|
|
|
319
319
|
import BitkitEmptyState from "./components/BitkitEmptyState/BitkitEmptyState.js";
|
|
320
320
|
import BitkitExpandableCard from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
|
|
321
321
|
import BitkitFileInput from "./components/BitkitFileInput/BitkitFileInput.js";
|
|
322
|
+
import BitkitHeading from "./components/BitkitHeading/BitkitHeading.js";
|
|
322
323
|
import BitkitIconButton from "./components/BitkitIconButton/BitkitIconButton.js";
|
|
323
324
|
import BitkitInlineLoading from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
|
|
324
325
|
import BitkitLabeledData from "./components/BitkitLabeledData/BitkitLabeledData.js";
|
|
@@ -369,4 +370,4 @@ import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeVie
|
|
|
369
370
|
import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
|
|
370
371
|
import bitkitTheme from "./theme/index.js";
|
|
371
372
|
import Provider from "./providers/BitkitProvider.js";
|
|
372
|
-
export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive, useStepperDialog };
|
|
373
|
+
export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive, useStepperDialog };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n className: 'dialog',\n slots: [\n ...dialogAnatomy.keys(),\n 'label',\n 'scrollBody',\n 'scrollButton',\n 'scrollGradient',\n 'stepDescription',\n 'stepHeader',\n 'stepTitle',\n 'stepTitleGroup',\n ] as const,\n base: {\n backdrop: {\n background: 'utilities/overlay',\n position: 'fixed',\n inset: 0,\n zIndex: 'dialogOverlay',\n _open: {\n animationStyle: 'fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationStyle: 'fade-out',\n animationDuration: 'moderate',\n },\n },\n positioner: {\n alignItems: { base: 'flex-start', tablet: 'center' },\n display: 'flex',\n height: '100dvh',\n justifyContent: 'center',\n left: 0,\n position: 'fixed',\n top: 0,\n width: '100dvw',\n zIndex: 'dialog',\n },\n content: {\n background: 'background/primary',\n borderRadius: { base: 0, tablet: '8' },\n boxShadow: 'elevation/lg',\n display: 'flex',\n flexDirection: 'column',\n outline: 'none',\n position: 'relative',\n _open: {\n animationStyle: 'scale-fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationStyle: 'scale-fade-out',\n animationDuration: 'faster',\n },\n },\n header: {\n display: 'flex',\n flexDirection: 'column',\n gap: '48',\n paddingBlock: '24',\n paddingInline: '32',\n position: 'relative',\n },\n title: {\n color: 'text/primary',\n paddingInlineEnd: '48',\n textStyle: '
|
|
1
|
+
{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n className: 'dialog',\n slots: [\n ...dialogAnatomy.keys(),\n 'label',\n 'scrollBody',\n 'scrollButton',\n 'scrollGradient',\n 'stepDescription',\n 'stepHeader',\n 'stepTitle',\n 'stepTitleGroup',\n ] as const,\n base: {\n backdrop: {\n background: 'utilities/overlay',\n position: 'fixed',\n inset: 0,\n zIndex: 'dialogOverlay',\n _open: {\n animationStyle: 'fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationStyle: 'fade-out',\n animationDuration: 'moderate',\n },\n },\n positioner: {\n alignItems: { base: 'flex-start', tablet: 'center' },\n display: 'flex',\n height: '100dvh',\n justifyContent: 'center',\n left: 0,\n position: 'fixed',\n top: 0,\n width: '100dvw',\n zIndex: 'dialog',\n },\n content: {\n background: 'background/primary',\n borderRadius: { base: 0, tablet: '8' },\n boxShadow: 'elevation/lg',\n display: 'flex',\n flexDirection: 'column',\n outline: 'none',\n position: 'relative',\n _open: {\n animationStyle: 'scale-fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationStyle: 'scale-fade-out',\n animationDuration: 'faster',\n },\n },\n header: {\n display: 'flex',\n flexDirection: 'column',\n gap: '48',\n paddingBlock: '24',\n paddingInline: '32',\n position: 'relative',\n },\n title: {\n color: 'text/primary',\n paddingInlineEnd: '48',\n textStyle: 'heading/h2',\n },\n description: {\n color: 'text/body',\n textStyle: 'body/lg/regular',\n },\n label: {\n color: 'text/secondary',\n textStyle: 'comp/dialog/label',\n },\n body: {\n display: 'flex',\n flex: '1',\n flexDirection: 'column',\n gap: '24',\n paddingInline: '32',\n _last: {\n paddingBlockEnd: '48',\n },\n },\n scrollBody: {\n display: 'flex',\n flexDirection: 'column',\n minHeight: 0,\n position: 'relative',\n _last: {\n paddingBlockEnd: '48',\n },\n },\n footer: {\n paddingBlockEnd: '32',\n paddingBlockStart: '24',\n paddingInline: '32',\n },\n closeTrigger: {\n insetEnd: '24',\n position: 'absolute',\n top: '24',\n },\n scrollButton: {\n alignItems: 'center',\n alignSelf: 'center',\n background: 'background/primary',\n borderColor: 'border/minimal',\n borderRadius: '100%',\n borderWidth: '1',\n bottom: '16',\n boxShadow: 'elevation/lg',\n cursor: 'pointer',\n display: 'flex',\n height: '32',\n justifyContent: 'center',\n position: 'absolute',\n width: '32',\n },\n stepDescription: {\n color: 'text/secondary',\n textStyle: 'body/md/regular',\n },\n stepHeader: {\n overflowY: 'auto',\n },\n stepTitle: {\n color: 'text/primary',\n textStyle: 'heading/h3',\n },\n stepTitleGroup: {\n display: 'flex',\n flexDirection: 'column',\n gap: '4',\n },\n scrollGradient: {\n background: 'linear-gradient(0deg, {colors.neutral.100} 0%, transparent 100%)',\n bottom: 48,\n height: '32',\n pointerEvents: 'none',\n position: 'absolute',\n width: '100%',\n },\n },\n variants: {\n scrollBehavior: {\n inside: {\n body: {\n overflowY: 'auto',\n _last: {\n paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n },\n },\n content: {\n maxHeight: 'calc(100dvh - 96px)',\n overflow: 'hidden',\n },\n },\n outside: {\n positioner: {\n overflow: 'auto',\n paddingBlock: { base: 0, tablet: '10vh' },\n },\n content: {\n marginBlock: { base: 0, tablet: 'auto' },\n },\n },\n },\n size: {\n full: {\n body: {\n minHeight: 0,\n overflowY: 'auto',\n },\n content: {\n borderRadius: '8',\n height: '100%',\n maxHeight: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n width: '100%',\n },\n positioner: {\n padding: '32',\n },\n },\n lg: {\n content: {\n width: { base: '100%', tablet: rem(800) },\n },\n },\n md: {\n content: {\n width: { base: '100%', tablet: rem(640) },\n },\n },\n sm: {\n content: {\n width: { base: '100%', tablet: rem(480) },\n },\n },\n },\n variant: {\n overflowContent: {\n content: {\n maxHeight: 'calc(100dvh - 48px)',\n overflow: 'hidden',\n },\n header: {\n gap: '8',\n paddingBlockEnd: '8',\n paddingBlockStart: '16',\n paddingInline: '16',\n },\n title: {\n paddingInlineEnd: '32',\n textStyle: 'heading/h4',\n },\n body: {\n overflowY: 'auto',\n paddingBlockEnd: '8',\n paddingInline: '16',\n _last: {\n paddingBlockEnd: 0,\n },\n },\n scrollBody: {\n _last: {\n paddingBlockEnd: '16',\n },\n },\n footer: {\n paddingBlockEnd: '16',\n paddingBlockStart: 0,\n paddingInline: '16',\n },\n closeTrigger: {\n insetEnd: '12',\n top: '12',\n },\n scrollGradient: {\n bottom: '16',\n },\n scrollButton: {\n bottom: '8',\n },\n },\n },\n },\n defaultVariants: {\n scrollBehavior: 'outside',\n size: 'md',\n },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Drawer.recipe.ts"],"sourcesContent":["import { drawerAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst drawerSlotRecipe = defineSlotRecipe({\n className: 'drawer',\n slots: drawerAnatomy.keys(),\n base: {\n backdrop: {\n background: 'utilities/overlay-light',\n inset: 0,\n position: 'fixed',\n zIndex: 'dialogOverlay',\n _open: {\n animationName: 'fade-in',\n animationDuration: 'slow',\n },\n _closed: {\n animationName: 'fade-out',\n animationDuration: 'moderate',\n },\n },\n positioner: {\n alignItems: 'stretch',\n display: 'flex',\n inset: 0,\n justifyContent: 'flex-end',\n overscrollBehaviorY: 'none',\n position: 'fixed',\n zIndex: 'dialog',\n },\n content: {\n background: 'background/primary',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: '100dvh',\n outline: 'none',\n position: 'relative',\n _open: {\n animationDuration: 'slowest',\n animationName: {\n base: 'slide-from-right-full, fade-in',\n _rtl: 'slide-from-left-full, fade-in',\n },\n animationTimingFunction: 'ease-in-smooth',\n },\n _closed: {\n animationDuration: 'slower',\n animationName: {\n base: 'slide-to-right-full, fade-out',\n _rtl: 'slide-to-left-full, fade-out',\n },\n animationTimingFunction: 'ease-in-smooth',\n },\n },\n header: {\n paddingBlockEnd: '8',\n paddingBlockStart: '24',\n paddingInline: '24',\n },\n body: {\n flex: '1',\n overflow: 'auto',\n },\n footer: {\n borderBlockStartColor: 'border/regular',\n borderBlockStartWidth: '1',\n paddingBlock: '12',\n },\n title: {\n color: 'text/tertiary',\n flex: '1',\n textStyle: 'heading/h6',\n },\n description: {},\n closeTrigger: {\n alignItems: 'center',\n borderRadius: '4',\n color: 'icon/primary',\n cursor: 'pointer',\n display: 'inline-flex',\n height: '40',\n justifyContent: 'center',\n position: 'absolute',\n width: '40',\n _hover: {\n backgroundColor: 'color/neutral/subtle',\n },\n _active: {\n backgroundColor: 'color/neutral/moderate',\n },\n },\n },\n variants: {\n variant: {\n docked: {\n closeTrigger: {\n insetEnd: rem(18),\n top: '12',\n },\n content: {\n width: { base: '100vw', tablet: rem(320) },\n },\n },\n floating: {\n body: {\n paddingInline: '24',\n },\n closeTrigger: {\n insetEnd: '24',\n top: '24',\n },\n positioner: {\n padding: '32',\n },\n content: {\n borderRadius: '12',\n boxShadow: 'elevation/lg',\n maxWidth: rem(700),\n },\n header: {\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInline: '24',\n },\n footer: {\n borderBlockStartColor: 'transparent',\n borderBlockStartWidth: 0,\n paddingBlockEnd: '24',\n paddingBlockStart: '32',\n paddingInline: '24',\n },\n title: {\n color: 'text/primary',\n textStyle: '
|
|
1
|
+
{"version":3,"file":"Drawer.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Drawer.recipe.ts"],"sourcesContent":["import { drawerAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst drawerSlotRecipe = defineSlotRecipe({\n className: 'drawer',\n slots: drawerAnatomy.keys(),\n base: {\n backdrop: {\n background: 'utilities/overlay-light',\n inset: 0,\n position: 'fixed',\n zIndex: 'dialogOverlay',\n _open: {\n animationName: 'fade-in',\n animationDuration: 'slow',\n },\n _closed: {\n animationName: 'fade-out',\n animationDuration: 'moderate',\n },\n },\n positioner: {\n alignItems: 'stretch',\n display: 'flex',\n inset: 0,\n justifyContent: 'flex-end',\n overscrollBehaviorY: 'none',\n position: 'fixed',\n zIndex: 'dialog',\n },\n content: {\n background: 'background/primary',\n display: 'flex',\n flexDirection: 'column',\n maxHeight: '100dvh',\n outline: 'none',\n position: 'relative',\n _open: {\n animationDuration: 'slowest',\n animationName: {\n base: 'slide-from-right-full, fade-in',\n _rtl: 'slide-from-left-full, fade-in',\n },\n animationTimingFunction: 'ease-in-smooth',\n },\n _closed: {\n animationDuration: 'slower',\n animationName: {\n base: 'slide-to-right-full, fade-out',\n _rtl: 'slide-to-left-full, fade-out',\n },\n animationTimingFunction: 'ease-in-smooth',\n },\n },\n header: {\n paddingBlockEnd: '8',\n paddingBlockStart: '24',\n paddingInline: '24',\n },\n body: {\n flex: '1',\n overflow: 'auto',\n },\n footer: {\n borderBlockStartColor: 'border/regular',\n borderBlockStartWidth: '1',\n paddingBlock: '12',\n },\n title: {\n color: 'text/tertiary',\n flex: '1',\n textStyle: 'heading/h6',\n },\n description: {},\n closeTrigger: {\n alignItems: 'center',\n borderRadius: '4',\n color: 'icon/primary',\n cursor: 'pointer',\n display: 'inline-flex',\n height: '40',\n justifyContent: 'center',\n position: 'absolute',\n width: '40',\n _hover: {\n backgroundColor: 'color/neutral/subtle',\n },\n _active: {\n backgroundColor: 'color/neutral/moderate',\n },\n },\n },\n variants: {\n variant: {\n docked: {\n closeTrigger: {\n insetEnd: rem(18),\n top: '12',\n },\n content: {\n width: { base: '100vw', tablet: rem(320) },\n },\n },\n floating: {\n body: {\n paddingInline: '24',\n },\n closeTrigger: {\n insetEnd: '24',\n top: '24',\n },\n positioner: {\n padding: '32',\n },\n content: {\n borderRadius: '12',\n boxShadow: 'elevation/lg',\n maxWidth: rem(700),\n },\n header: {\n paddingBlockEnd: '16',\n paddingBlockStart: '24',\n paddingInline: '24',\n },\n footer: {\n borderBlockStartColor: 'transparent',\n borderBlockStartWidth: 0,\n paddingBlockEnd: '24',\n paddingBlockStart: '32',\n paddingInline: '24',\n },\n title: {\n color: 'text/primary',\n textStyle: 'heading/h2',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'docked',\n },\n});\n\nexport default drawerSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO,cAAc,KAAK;CAC1B,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,OAAO;GACP,UAAU;GACV,QAAQ;GACR,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,YAAY;GACZ,SAAS;GACT,OAAO;GACP,gBAAgB;GAChB,qBAAqB;GACrB,UAAU;GACV,QAAQ;EACV;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,OAAO;IACL,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;IACR;IACA,yBAAyB;GAC3B;GACA,SAAS;IACP,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;IACR;IACA,yBAAyB;GAC3B;EACF;EACA,QAAQ;GACN,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,MAAM;GACJ,MAAM;GACN,UAAU;EACZ;EACA,QAAQ;GACN,uBAAuB;GACvB,uBAAuB;GACvB,cAAc;EAChB;EACA,OAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;EACb;EACA,aAAa,CAAC;EACd,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;GACP,QAAQ,EACN,iBAAiB,uBACnB;GACA,SAAS,EACP,iBAAiB,yBACnB;EACF;CACF;CACA,UAAU,EACR,SAAS;EACP,QAAQ;GACN,cAAc;IACZ,UAAU,IAAI,EAAE;IAChB,KAAK;GACP;GACA,SAAS,EACP,OAAO;IAAE,MAAM;IAAS,QAAQ,IAAI,GAAG;GAAE,EAC3C;EACF;EACA,UAAU;GACR,MAAM,EACJ,eAAe,KACjB;GACA,cAAc;IACZ,UAAU;IACV,KAAK;GACP;GACA,YAAY,EACV,SAAS,KACX;GACA,SAAS;IACP,cAAc;IACd,WAAW;IACX,UAAU,IAAI,GAAG;GACnB;GACA,QAAQ;IACN,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;GACjB;GACA,QAAQ;IACN,uBAAuB;IACvB,uBAAuB;IACvB,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;GACjB;GACA,OAAO;IACL,OAAO;IACP,WAAW;GACb;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,SACX;AACF,CAAC"}
|
|
@@ -85,6 +85,12 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
|
|
|
85
85
|
_hover: {
|
|
86
86
|
backgroundColor: "background/secondary";
|
|
87
87
|
};
|
|
88
|
+
'&:has(input:checked), &[data-selected]': {
|
|
89
|
+
backgroundColor: "background/selected";
|
|
90
|
+
_hover: {
|
|
91
|
+
backgroundColor: "background/selected";
|
|
92
|
+
};
|
|
93
|
+
};
|
|
88
94
|
};
|
|
89
95
|
'& :where(tr:last-child) td': {
|
|
90
96
|
borderBottomWidth: number;
|
|
@@ -86,7 +86,13 @@ var tableSlotRecipe = defineSlotRecipe({
|
|
|
86
86
|
verticalAlign: "middle"
|
|
87
87
|
},
|
|
88
88
|
body: {
|
|
89
|
-
"& :where(tr)": {
|
|
89
|
+
"& :where(tr)": {
|
|
90
|
+
_hover: { backgroundColor: "background/secondary" },
|
|
91
|
+
"&:has(input:checked), &[data-selected]": {
|
|
92
|
+
backgroundColor: "background/selected",
|
|
93
|
+
_hover: { backgroundColor: "background/selected" }
|
|
94
|
+
}
|
|
95
|
+
},
|
|
90
96
|
"& :where(tr:last-child) td": { borderBottomWidth: 0 }
|
|
91
97
|
}
|
|
92
98
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n className: 'table',\n slots: tableAnatomy.keys(),\n base: {\n root: {\n fontVariantNumeric: 'lining-nums tabular-nums',\n textAlign: 'start',\n width: 'full',\n },\n caption: {\n captionSide: 'top !important',\n textAlign: 'start',\n '& > * + *': {\n marginBlockStart: '4',\n },\n },\n cell: {\n color: 'text/body',\n textStyle: 'body/md/regular',\n },\n footer: {\n borderTopStyle: 'solid',\n borderTopWidth: '1',\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '1',\n overflow: 'hidden',\n },\n header: {\n '& :where(th)': {\n backgroundColor: 'background/tertiary',\n },\n },\n columnHeader: {\n borderBottomColor: 'border/minimal',\n paddingBlock: '12',\n paddingInline: '16',\n },\n cell: {\n borderBottomColor: 'border/minimal',\n paddingInline: '16',\n },\n footer: {\n borderTopColor: 'border/minimal',\n },\n },\n borderless: {\n columnHeader: {\n borderBottomColor: 'border/regular',\n padding: '12',\n },\n cell: {\n borderBottomColor: 'border/regular',\n paddingInline: '12',\n },\n footer: {\n borderTopColor: 'border/regular',\n },\n },\n },\n size: {\n sm: {\n cell: {\n height: '48',\n },\n },\n md: {\n cell: {\n height: rem(56),\n },\n },\n lg: {\n cell: {\n height: '64',\n },\n },\n },\n layout: {\n table: {\n root: {\n borderCollapse: 'separate',\n borderSpacing: '0',\n },\n caption: {\n marginBlockEnd: '24',\n },\n columnHeader: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n color: 'text/primary',\n fontWeight: 'bold',\n textAlign: 'start',\n textStyle: 'heading/h5',\n verticalAlign: 'middle',\n },\n cell: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n verticalAlign: 'middle',\n },\n body: {\n '& :where(tr)': {\n _hover: {\n backgroundColor: 'background/secondary',\n },\n },\n '& :where(tr:last-child) td': {\n borderBottomWidth: 0,\n },\n },\n },\n stacked: {\n root: {\n display: 'block',\n },\n caption: {\n display: 'block',\n padding: '16',\n backgroundColor: 'background/tertiary',\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n },\n header: {\n borderWidth: 0,\n clip: 'rect(0, 0, 0, 0)',\n height: '1',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1',\n },\n body: {\n display: 'block',\n },\n row: {\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n display: 'block',\n paddingBlock: '12',\n '&:last-child': {\n borderBottomWidth: 0,\n },\n },\n cell: {\n alignItems: 'center',\n display: 'flex',\n minHeight: '48',\n paddingInline: '16',\n _before: {\n alignSelf: 'center',\n color: 'text/primary',\n content: 'attr(data-label)',\n flexShrink: 0,\n fontWeight: 'semibold',\n paddingInlineEnd: '16',\n width: '96',\n },\n },\n footer: {\n display: 'block',\n },\n },\n },\n },\n compoundVariants: [\n {\n css: {\n row: {\n borderBottomColor: 'border/regular',\n },\n },\n layout: 'stacked',\n variant: 'borderless',\n },\n ],\n defaultVariants: {\n layout: 'table',\n size: 'lg',\n variant: 'default',\n },\n});\n\nexport default tableSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,oBAAoB;GACpB,WAAW;GACX,OAAO;EACT;EACA,SAAS;GACP,aAAa;GACb,WAAW;GACX,aAAa,EACX,kBAAkB,IACpB;EACF;EACA,MAAM;GACJ,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,gBAAgB;GAChB,gBAAgB;EAClB;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IACP,MAAM;KACJ,aAAa;KACb,cAAc;KACd,aAAa;KACb,aAAa;KACb,UAAU;IACZ;IACA,QAAQ,EACN,gBAAgB,EACd,iBAAiB,sBACnB,EACF;IACA,cAAc;KACZ,mBAAmB;KACnB,cAAc;KACd,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;GACA,YAAY;IACV,cAAc;KACZ,mBAAmB;KACnB,SAAS;IACX;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,IAAI,EAAE,EAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;EACF;EACA,QAAQ;GACN,OAAO;IACL,MAAM;KACJ,gBAAgB;KAChB,eAAe;IACjB;IACA,SAAS,EACP,gBAAgB,KAClB;IACA,cAAc;KACZ,mBAAmB;KACnB,mBAAmB;KACnB,OAAO;KACP,YAAY;KACZ,WAAW;KACX,WAAW;KACX,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,mBAAmB;KACnB,eAAe;IACjB;IACA,MAAM;KACJ,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n className: 'table',\n slots: tableAnatomy.keys(),\n base: {\n root: {\n fontVariantNumeric: 'lining-nums tabular-nums',\n textAlign: 'start',\n width: 'full',\n },\n caption: {\n captionSide: 'top !important',\n textAlign: 'start',\n '& > * + *': {\n marginBlockStart: '4',\n },\n },\n cell: {\n color: 'text/body',\n textStyle: 'body/md/regular',\n },\n footer: {\n borderTopStyle: 'solid',\n borderTopWidth: '1',\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '1',\n overflow: 'hidden',\n },\n header: {\n '& :where(th)': {\n backgroundColor: 'background/tertiary',\n },\n },\n columnHeader: {\n borderBottomColor: 'border/minimal',\n paddingBlock: '12',\n paddingInline: '16',\n },\n cell: {\n borderBottomColor: 'border/minimal',\n paddingInline: '16',\n },\n footer: {\n borderTopColor: 'border/minimal',\n },\n },\n borderless: {\n columnHeader: {\n borderBottomColor: 'border/regular',\n padding: '12',\n },\n cell: {\n borderBottomColor: 'border/regular',\n paddingInline: '12',\n },\n footer: {\n borderTopColor: 'border/regular',\n },\n },\n },\n size: {\n sm: {\n cell: {\n height: '48',\n },\n },\n md: {\n cell: {\n height: rem(56),\n },\n },\n lg: {\n cell: {\n height: '64',\n },\n },\n },\n layout: {\n table: {\n root: {\n borderCollapse: 'separate',\n borderSpacing: '0',\n },\n caption: {\n marginBlockEnd: '24',\n },\n columnHeader: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n color: 'text/primary',\n fontWeight: 'bold',\n textAlign: 'start',\n textStyle: 'heading/h5',\n verticalAlign: 'middle',\n },\n cell: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n verticalAlign: 'middle',\n },\n body: {\n '& :where(tr)': {\n _hover: {\n backgroundColor: 'background/secondary',\n },\n '&:has(input:checked), &[data-selected]': {\n backgroundColor: 'background/selected',\n _hover: {\n backgroundColor: 'background/selected',\n },\n },\n },\n '& :where(tr:last-child) td': {\n borderBottomWidth: 0,\n },\n },\n },\n stacked: {\n root: {\n display: 'block',\n },\n caption: {\n display: 'block',\n padding: '16',\n backgroundColor: 'background/tertiary',\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n },\n header: {\n borderWidth: 0,\n clip: 'rect(0, 0, 0, 0)',\n height: '1',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1',\n },\n body: {\n display: 'block',\n },\n row: {\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n display: 'block',\n paddingBlock: '12',\n '&:last-child': {\n borderBottomWidth: 0,\n },\n },\n cell: {\n alignItems: 'center',\n display: 'flex',\n minHeight: '48',\n paddingInline: '16',\n _before: {\n alignSelf: 'center',\n color: 'text/primary',\n content: 'attr(data-label)',\n flexShrink: 0,\n fontWeight: 'semibold',\n paddingInlineEnd: '16',\n width: '96',\n },\n },\n footer: {\n display: 'block',\n },\n },\n },\n },\n compoundVariants: [\n {\n css: {\n row: {\n borderBottomColor: 'border/regular',\n },\n },\n layout: 'stacked',\n variant: 'borderless',\n },\n ],\n defaultVariants: {\n layout: 'table',\n size: 'lg',\n variant: 'default',\n },\n});\n\nexport default tableSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,oBAAoB;GACpB,WAAW;GACX,OAAO;EACT;EACA,SAAS;GACP,aAAa;GACb,WAAW;GACX,aAAa,EACX,kBAAkB,IACpB;EACF;EACA,MAAM;GACJ,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,gBAAgB;GAChB,gBAAgB;EAClB;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IACP,MAAM;KACJ,aAAa;KACb,cAAc;KACd,aAAa;KACb,aAAa;KACb,UAAU;IACZ;IACA,QAAQ,EACN,gBAAgB,EACd,iBAAiB,sBACnB,EACF;IACA,cAAc;KACZ,mBAAmB;KACnB,cAAc;KACd,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;GACA,YAAY;IACV,cAAc;KACZ,mBAAmB;KACnB,SAAS;IACX;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,IAAI,EAAE,EAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;EACF;EACA,QAAQ;GACN,OAAO;IACL,MAAM;KACJ,gBAAgB;KAChB,eAAe;IACjB;IACA,SAAS,EACP,gBAAgB,KAClB;IACA,cAAc;KACZ,mBAAmB;KACnB,mBAAmB;KACnB,OAAO;KACP,YAAY;KACZ,WAAW;KACX,WAAW;KACX,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,mBAAmB;KACnB,eAAe;IACjB;IACA,MAAM;KACJ,gBAAgB;MACd,QAAQ,EACN,iBAAiB,uBACnB;MACA,0CAA0C;OACxC,iBAAiB;OACjB,QAAQ,EACN,iBAAiB,sBACnB;MACF;KACF;KACA,8BAA8B,EAC5B,mBAAmB,EACrB;IACF;GACF;GACA,SAAS;IACP,MAAM,EACJ,SAAS,QACX;IACA,SAAS;KACP,SAAS;KACT,SAAS;KACT,iBAAiB;KACjB,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;IACrB;IACA,QAAQ;KACN,aAAa;KACb,MAAM;KACN,QAAQ;KACR,QAAQ;KACR,UAAU;KACV,SAAS;KACT,UAAU;KACV,YAAY;KACZ,OAAO;IACT;IACA,MAAM,EACJ,SAAS,QACX;IACA,KAAK;KACH,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;KACnB,SAAS;KACT,cAAc;KACd,gBAAgB,EACd,mBAAmB,EACrB;IACF;IACA,MAAM;KACJ,YAAY;KACZ,SAAS;KACT,WAAW;KACX,eAAe;KACf,SAAS;MACP,WAAW;MACX,OAAO;MACP,SAAS;MACT,YAAY;MACZ,YAAY;MACZ,kBAAkB;MAClB,OAAO;KACT;IACF;IACA,QAAQ,EACN,SAAS,QACX;GACF;EACF;CACF;CACA,kBAAkB,CAChB;EACE,KAAK,EACH,KAAK,EACH,mBAAmB,iBACrB,EACF;EACA,QAAQ;EACR,SAAS;CACX,CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
|
|
@@ -920,7 +920,7 @@ declare const slotRecipes: {
|
|
|
920
920
|
};
|
|
921
921
|
title: {
|
|
922
922
|
color: "text/primary";
|
|
923
|
-
textStyle: "
|
|
923
|
+
textStyle: "heading/h2";
|
|
924
924
|
};
|
|
925
925
|
};
|
|
926
926
|
};
|
|
@@ -2063,6 +2063,12 @@ declare const slotRecipes: {
|
|
|
2063
2063
|
_hover: {
|
|
2064
2064
|
backgroundColor: "background/secondary";
|
|
2065
2065
|
};
|
|
2066
|
+
'&:has(input:checked), &[data-selected]': {
|
|
2067
|
+
backgroundColor: "background/selected";
|
|
2068
|
+
_hover: {
|
|
2069
|
+
backgroundColor: "background/selected";
|
|
2070
|
+
};
|
|
2071
|
+
};
|
|
2066
2072
|
};
|
|
2067
2073
|
'& :where(tr:last-child) td': {
|
|
2068
2074
|
borderBottomWidth: number;
|
|
@@ -166,6 +166,13 @@ export declare const dataObject: {
|
|
|
166
166
|
fontSize: string;
|
|
167
167
|
};
|
|
168
168
|
};
|
|
169
|
+
'body/2xl/bold': {
|
|
170
|
+
value: {
|
|
171
|
+
fontWeight: string;
|
|
172
|
+
lineHeight: string;
|
|
173
|
+
fontSize: string;
|
|
174
|
+
};
|
|
175
|
+
};
|
|
169
176
|
'body/3xl/regular': {
|
|
170
177
|
value: {
|
|
171
178
|
lineHeight: string;
|
|
@@ -198,6 +198,7 @@ var dataObject = {
|
|
|
198
198
|
"body/xl/semibold": basicTextStyles["sans/size-4/semibold"],
|
|
199
199
|
"body/2xl/regular": basicTextStyles["sans/size-5/normal"],
|
|
200
200
|
"body/2xl/semibold": basicTextStyles["sans/size-5/semibold"],
|
|
201
|
+
"body/2xl/bold": basicTextStyles["sans/size-5/bold"],
|
|
201
202
|
"body/3xl/regular": basicTextStyles["sans/size-6/normal"],
|
|
202
203
|
"body/3xl/semibold": basicTextStyles["sans/size-6/semibold"],
|
|
203
204
|
"code/md": basicTextStyles["mono/code-2"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-styles.js","names":[],"sources":["../../lib/theme/text-styles.ts"],"sourcesContent":["import { defineTextStyles } from '@chakra-ui/react/styled-system';\n\nconst basicTextStyles = {\n 'mono/code-2': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.75rem',\n lineHeight: '1rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'mono/code-3': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/normal': {\n value: {\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/uppercase-bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-2/normal-underline': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-2/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-2/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/uppercase-normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/uppercase-semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-3/normal': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n fontWeight: '400',\n },\n },\n 'sans/size-3/normal-underline': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-3/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-3/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-3/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-4/normal': {\n value: {\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-4/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-4/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-5/normal': {\n value: {\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n fontWeight: '400',\n },\n },\n 'sans/size-5/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-5/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-6/normal': {\n value: {\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-6/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-6/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-7/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-7/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-8/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n 'sans/size-8/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n};\n\nexport const dataObject = {\n ...basicTextStyles,\n 'display/lg': basicTextStyles['sans/size-8/bold'],\n 'display/sm': basicTextStyles['sans/size-7/bold'],\n 'heading/h1': basicTextStyles['sans/size-6/bold'],\n 'heading/h2': basicTextStyles['sans/size-5/bold'],\n 'heading/h3': basicTextStyles['sans/size-4/bold'],\n 'heading/h4': basicTextStyles['sans/size-3/bold'],\n 'heading/h5': basicTextStyles['sans/size-2/bold'],\n 'heading/h6': basicTextStyles['sans/size-1/uppercase-bold'],\n 'heading/mobile/h1': basicTextStyles['sans/size-5/bold'],\n 'heading/mobile/h2': basicTextStyles['sans/size-4/bold'],\n 'heading/mobile/h3': basicTextStyles['sans/size-3/bold'],\n 'body/sm/regular': basicTextStyles['sans/size-1/normal'],\n 'body/sm/semibold': basicTextStyles['sans/size-1/semibold'],\n 'body/md/regular': basicTextStyles['sans/size-2/normal'],\n 'body/md/semibold': basicTextStyles['sans/size-2/semibold'],\n 'body/md/underline': basicTextStyles['sans/size-2/normal-underline'],\n 'body/lg/regular': basicTextStyles['sans/size-3/normal'],\n 'body/lg/semibold': basicTextStyles['sans/size-3/semibold'],\n 'body/lg/underline': basicTextStyles['sans/size-3/normal-underline'],\n 'body/xl/regular': basicTextStyles['sans/size-4/normal'],\n 'body/xl/semibold': basicTextStyles['sans/size-4/semibold'],\n 'body/2xl/regular': basicTextStyles['sans/size-5/normal'],\n 'body/2xl/semibold': basicTextStyles['sans/size-5/semibold'],\n 'body/3xl/regular': basicTextStyles['sans/size-6/normal'],\n 'body/3xl/semibold': basicTextStyles['sans/size-6/semibold'],\n 'code/md': basicTextStyles['mono/code-2'],\n 'code/lg': basicTextStyles['mono/code-3'],\n 'comp/button/sm': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/md': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/lg': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/title': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/message': basicTextStyles['sans/size-2/normal'],\n 'comp/notification/message-link': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/notification/button': basicTextStyles['sans/size-2/normal'],\n 'comp/input/label': basicTextStyles['sans/size-2/semibold'],\n 'comp/input/helperText': basicTextStyles['sans/size-1/normal'],\n 'comp/link/md': basicTextStyles['sans/size-2/normal'],\n 'comp/link/md-hover': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/link/lg': basicTextStyles['sans/size-3/normal'],\n 'comp/link/lg-hover': basicTextStyles['sans/size-3/normal-underline'],\n 'comp/data/sm': basicTextStyles['sans/size-3/normal'],\n 'comp/data/md': basicTextStyles['sans/size-5/semibold'],\n 'comp/data/lg': basicTextStyles['sans/size-6/semibold'],\n 'comp/tabs/line': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained-secondary': basicTextStyles['sans/size-2/normal'],\n 'comp/tag/sm': basicTextStyles['sans/size-1/normal'],\n 'comp/tag/md': basicTextStyles['sans/size-2/normal'],\n 'comp/badge/sm': basicTextStyles['sans/size-1/uppercase-bold'],\n 'comp/dialog/title': basicTextStyles['sans/size-5/bold'],\n 'comp/dialog/label': basicTextStyles['sans/size-2/uppercase-semibold'],\n 'comp/avatar/24': basicTextStyles['sans/size-1/bold'],\n 'comp/avatar/32': basicTextStyles['sans/size-3/bold'],\n 'comp/avatar/40': basicTextStyles['sans/size-4/bold'],\n 'comp/avatar/48': basicTextStyles['sans/size-5/bold'],\n 'comp/avatar/64': basicTextStyles['sans/size-6/bold'],\n 'comp/avatar/128': basicTextStyles['sans/size-8/bold'],\n};\n\nconst textStyles = defineTextStyles(dataObject);\n\nexport default textStyles;\n"],"mappings":";;AAEA,IAAM,kBAAkB;CACtB,eAAe,EACb,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;CACd,EACF;CACA,eAAe,EACb,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;CACd,EACF;CACA,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,eAAe;EACf,YAAY;CACd,EACF;CACA,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,eAAe;CACjB,EACF;CACA,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,eAAe;CACjB,EACF;CACA,8BAA8B,EAC5B,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,eAAe;EACf,eAAe;CACjB,EACF;CACA,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;CACd,EACF;CACA,gCAAgC,EAC9B,OAAO;EACL,YAAY;EACZ,UAAU;EACV,gBAAgB;EAChB,YAAY;CACd,EACF;CACA,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,kCAAkC,EAChC,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,gBAAgB;CAClB,EACF;CACA,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,gCAAgC,EAC9B,OAAO;EACL,YAAY;EACZ,UAAU;EACV,eAAe;EACf,eAAe;CACjB,EACF;CACA,kCAAkC,EAChC,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,eAAe;EACf,eAAe;CACjB,EACF;CACA,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;CACd,EACF;CACA,gCAAgC,EAC9B,OAAO;EACL,YAAY;EACZ,UAAU;EACV,gBAAgB;EAChB,YAAY;CACd,EACF;CACA,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,kCAAkC,EAChC,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,gBAAgB;CAClB,EACF;CACA,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;CACd,EACF;CACA,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;CACd,EACF;CACA,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;CACd,EACF;CACA,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;CACA,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;CACZ,EACF;AACF;AAEA,IAAa,aAAa;CACxB,GAAG;CACH,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,qBAAqB,gBAAgB;CACrC,qBAAqB,gBAAgB;CACrC,qBAAqB,gBAAgB;CACrC,mBAAmB,gBAAgB;CACnC,oBAAoB,gBAAgB;CACpC,mBAAmB,gBAAgB;CACnC,oBAAoB,gBAAgB;CACpC,qBAAqB,gBAAgB;CACrC,mBAAmB,gBAAgB;CACnC,oBAAoB,gBAAgB;CACpC,qBAAqB,gBAAgB;CACrC,mBAAmB,gBAAgB;CACnC,oBAAoB,gBAAgB;CACpC,oBAAoB,gBAAgB;CACpC,qBAAqB,gBAAgB;CACrC,oBAAoB,gBAAgB;CACpC,qBAAqB,gBAAgB;CACrC,WAAW,gBAAgB;CAC3B,WAAW,gBAAgB;CAC3B,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,2BAA2B,gBAAgB;CAC3C,6BAA6B,gBAAgB;CAC7C,kCAAkC,gBAAgB;CAClD,4BAA4B,gBAAgB;CAC5C,oBAAoB,gBAAgB;CACpC,yBAAyB,gBAAgB;CACzC,gBAAgB,gBAAgB;CAChC,sBAAsB,gBAAgB;CACtC,gBAAgB,gBAAgB;CAChC,sBAAsB,gBAAgB;CACtC,gBAAgB,gBAAgB;CAChC,gBAAgB,gBAAgB;CAChC,gBAAgB,gBAAgB;CAChC,kBAAkB,gBAAgB;CAClC,uBAAuB,gBAAgB;CACvC,iCAAiC,gBAAgB;CACjD,eAAe,gBAAgB;CAC/B,eAAe,gBAAgB;CAC/B,iBAAiB,gBAAgB;CACjC,qBAAqB,gBAAgB;CACrC,qBAAqB,gBAAgB;CACrC,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,mBAAmB,gBAAgB;AACrC;AAEA,IAAM,aAAa,iBAAiB,UAAU"}
|
|
1
|
+
{"version":3,"file":"text-styles.js","names":[],"sources":["../../lib/theme/text-styles.ts"],"sourcesContent":["import { defineTextStyles } from '@chakra-ui/react/styled-system';\n\nconst basicTextStyles = {\n 'mono/code-2': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.75rem',\n lineHeight: '1rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'mono/code-3': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/normal': {\n value: {\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/uppercase-bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-2/normal-underline': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-2/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-2/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/uppercase-normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/uppercase-semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-3/normal': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n fontWeight: '400',\n },\n },\n 'sans/size-3/normal-underline': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-3/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-3/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-3/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-4/normal': {\n value: {\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-4/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-4/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-5/normal': {\n value: {\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n fontWeight: '400',\n },\n },\n 'sans/size-5/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-5/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-6/normal': {\n value: {\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-6/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-6/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-7/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-7/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-8/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n 'sans/size-8/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n};\n\nexport const dataObject = {\n ...basicTextStyles,\n 'display/lg': basicTextStyles['sans/size-8/bold'],\n 'display/sm': basicTextStyles['sans/size-7/bold'],\n 'heading/h1': basicTextStyles['sans/size-6/bold'],\n 'heading/h2': basicTextStyles['sans/size-5/bold'],\n 'heading/h3': basicTextStyles['sans/size-4/bold'],\n 'heading/h4': basicTextStyles['sans/size-3/bold'],\n 'heading/h5': basicTextStyles['sans/size-2/bold'],\n 'heading/h6': basicTextStyles['sans/size-1/uppercase-bold'],\n 'heading/mobile/h1': basicTextStyles['sans/size-5/bold'],\n 'heading/mobile/h2': basicTextStyles['sans/size-4/bold'],\n 'heading/mobile/h3': basicTextStyles['sans/size-3/bold'],\n 'body/sm/regular': basicTextStyles['sans/size-1/normal'],\n 'body/sm/semibold': basicTextStyles['sans/size-1/semibold'],\n 'body/md/regular': basicTextStyles['sans/size-2/normal'],\n 'body/md/semibold': basicTextStyles['sans/size-2/semibold'],\n 'body/md/underline': basicTextStyles['sans/size-2/normal-underline'],\n 'body/lg/regular': basicTextStyles['sans/size-3/normal'],\n 'body/lg/semibold': basicTextStyles['sans/size-3/semibold'],\n 'body/lg/underline': basicTextStyles['sans/size-3/normal-underline'],\n 'body/xl/regular': basicTextStyles['sans/size-4/normal'],\n 'body/xl/semibold': basicTextStyles['sans/size-4/semibold'],\n 'body/2xl/regular': basicTextStyles['sans/size-5/normal'],\n 'body/2xl/semibold': basicTextStyles['sans/size-5/semibold'],\n 'body/2xl/bold': basicTextStyles['sans/size-5/bold'],\n 'body/3xl/regular': basicTextStyles['sans/size-6/normal'],\n 'body/3xl/semibold': basicTextStyles['sans/size-6/semibold'],\n 'code/md': basicTextStyles['mono/code-2'],\n 'code/lg': basicTextStyles['mono/code-3'],\n 'comp/button/sm': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/md': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/lg': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/title': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/message': basicTextStyles['sans/size-2/normal'],\n 'comp/notification/message-link': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/notification/button': basicTextStyles['sans/size-2/normal'],\n 'comp/input/label': basicTextStyles['sans/size-2/semibold'],\n 'comp/input/helperText': basicTextStyles['sans/size-1/normal'],\n 'comp/link/md': basicTextStyles['sans/size-2/normal'],\n 'comp/link/md-hover': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/link/lg': basicTextStyles['sans/size-3/normal'],\n 'comp/link/lg-hover': basicTextStyles['sans/size-3/normal-underline'],\n 'comp/data/sm': basicTextStyles['sans/size-3/normal'],\n 'comp/data/md': basicTextStyles['sans/size-5/semibold'],\n 'comp/data/lg': basicTextStyles['sans/size-6/semibold'],\n 'comp/tabs/line': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained-secondary': basicTextStyles['sans/size-2/normal'],\n 'comp/tag/sm': basicTextStyles['sans/size-1/normal'],\n 'comp/tag/md': basicTextStyles['sans/size-2/normal'],\n 'comp/badge/sm': basicTextStyles['sans/size-1/uppercase-bold'],\n 'comp/dialog/title': basicTextStyles['sans/size-5/bold'],\n 'comp/dialog/label': basicTextStyles['sans/size-2/uppercase-semibold'],\n 'comp/avatar/24': basicTextStyles['sans/size-1/bold'],\n 'comp/avatar/32': basicTextStyles['sans/size-3/bold'],\n 'comp/avatar/40': basicTextStyles['sans/size-4/bold'],\n 'comp/avatar/48': basicTextStyles['sans/size-5/bold'],\n 'comp/avatar/64': basicTextStyles['sans/size-6/bold'],\n 'comp/avatar/128': basicTextStyles['sans/size-8/bold'],\n};\n\nconst textStyles = defineTextStyles(dataObject);\n\nexport default textStyles;\n"],"mappings":"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"}
|