@commercetools/nimbus 0.0.0-canary-20251114155608 → 0.0.0-canary-20251114180837
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/chunks/list-DJC9BmoC.cjs.js.map +1 -1
- package/dist/chunks/list-Nz5KjWzs.es.js.map +1 -1
- package/dist/chunks/text-BtRhIklG.cjs.js.map +1 -1
- package/dist/chunks/text-DvqDjbwb.es.js.map +1 -1
- package/dist/components/list/components/index.d.ts +3 -0
- package/dist/components/list/components/list.indicator.d.ts +19 -0
- package/dist/components/list/components/list.item.d.ts +15 -0
- package/dist/components/list/components/list.root.d.ts +20 -0
- package/dist/components/list/list.d.ts +3 -6
- package/dist/components/text/text.d.ts +2 -0
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-DJC9BmoC.cjs.js","sources":["../../src/components/list/list.tsx"],"sourcesContent":["import { List as ChakraList } from \"@chakra-ui/react/list\";\n\
|
|
1
|
+
{"version":3,"file":"list-DJC9BmoC.cjs.js","sources":["../../src/components/list/components/list.root.tsx","../../src/components/list/components/list.item.tsx","../../src/components/list/components/list.indicator.tsx","../../src/components/list/list.tsx"],"sourcesContent":["import { List as ChakraList } from \"@chakra-ui/react/list\";\n\n/**\n * # ListRoot\n *\n * The root container for list items. Typically rendered as `<ul>` or `<ol>`.\n * Use with `asChild` prop to render as a semantic HTML list element.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListRoot asChild>\n * <ul>\n * <ListItem>First item</ListItem>\n * <ListItem>Second item</ListItem>\n * </ul>\n * </ListRoot>\n * ```\n */\nexport const ListRoot = ChakraList.Root;\n","import { List as ChakraList } from \"@chakra-ui/react/list\";\n\n/**\n * # ListItem\n *\n * Represents a single item in the list.\n * Should be used as a child of ListRoot.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>List item content</ListItem>\n * ```\n */\nexport const ListItem = ChakraList.Item;\n","import { List as ChakraList } from \"@chakra-ui/react/list\";\n\n/**\n * # ListIndicator\n *\n * A custom marker or indicator that appears before the list item content.\n * Useful for icons, checkmarks, or custom bullets.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>\n * <ListIndicator>\n * <Icon><CheckIcon /></Icon>\n * </ListIndicator>\n * Item with custom indicator\n * </ListItem>\n * ```\n */\nexport const ListIndicator = ChakraList.Indicator;\n","import { ListRoot, ListItem, ListIndicator } from \"./components\";\n\n/**\n * # List\n *\n * displays a list\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/list}\n * @experimental This component is experimental and may change or be removed in future versions.\n */\nexport const List = {\n Root: ListRoot,\n Item: ListItem,\n Indicator: ListIndicator,\n};\n\nexport {\n ListRoot as _ListRoot,\n ListItem as _ListItem,\n ListIndicator as _ListIndicator,\n};\n"],"names":["ListRoot","ChakraList","ListItem","ListIndicator","List"],"mappings":"sDAoBaA,EAAWC,EAAAA,KAAW,KCLtBC,EAAWD,EAAAA,KAAW,KCKtBE,EAAgBF,EAAAA,KAAW,UCV3BG,EAAO,CAClB,KAAMJ,EACN,KAAME,EACN,UAAWC,CACb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-Nz5KjWzs.es.js","sources":["../../src/components/list/list.tsx"],"sourcesContent":["import { List as ChakraList } from \"@chakra-ui/react/list\";\n\
|
|
1
|
+
{"version":3,"file":"list-Nz5KjWzs.es.js","sources":["../../src/components/list/components/list.root.tsx","../../src/components/list/components/list.item.tsx","../../src/components/list/components/list.indicator.tsx","../../src/components/list/list.tsx"],"sourcesContent":["import { List as ChakraList } from \"@chakra-ui/react/list\";\n\n/**\n * # ListRoot\n *\n * The root container for list items. Typically rendered as `<ul>` or `<ol>`.\n * Use with `asChild` prop to render as a semantic HTML list element.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListRoot asChild>\n * <ul>\n * <ListItem>First item</ListItem>\n * <ListItem>Second item</ListItem>\n * </ul>\n * </ListRoot>\n * ```\n */\nexport const ListRoot = ChakraList.Root;\n","import { List as ChakraList } from \"@chakra-ui/react/list\";\n\n/**\n * # ListItem\n *\n * Represents a single item in the list.\n * Should be used as a child of ListRoot.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>List item content</ListItem>\n * ```\n */\nexport const ListItem = ChakraList.Item;\n","import { List as ChakraList } from \"@chakra-ui/react/list\";\n\n/**\n * # ListIndicator\n *\n * A custom marker or indicator that appears before the list item content.\n * Useful for icons, checkmarks, or custom bullets.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>\n * <ListIndicator>\n * <Icon><CheckIcon /></Icon>\n * </ListIndicator>\n * Item with custom indicator\n * </ListItem>\n * ```\n */\nexport const ListIndicator = ChakraList.Indicator;\n","import { ListRoot, ListItem, ListIndicator } from \"./components\";\n\n/**\n * # List\n *\n * displays a list\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/list}\n * @experimental This component is experimental and may change or be removed in future versions.\n */\nexport const List = {\n Root: ListRoot,\n Item: ListItem,\n Indicator: ListIndicator,\n};\n\nexport {\n ListRoot as _ListRoot,\n ListItem as _ListItem,\n ListIndicator as _ListIndicator,\n};\n"],"names":["ListRoot","ChakraList","ListItem","ListIndicator","List"],"mappings":";AAoBO,MAAMA,IAAWC,EAAW,MCLtBC,IAAWD,EAAW,MCKtBE,IAAgBF,EAAW,WCV3BG,IAAO;AAAA,EAClB,MAAMJ;AAAA,EACN,MAAME;AAAA,EACN,WAAWC;AACb;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-BtRhIklG.cjs.js","sources":["../../src/components/text/text.tsx"],"sourcesContent":["import {\n Text as ChakraText,\n type TextProps as ChakraTextProps,\n} from \"@chakra-ui/react/text\";\nimport { TextContext, useContextProps } from \"react-aria-components\";\n\nexport type TextProps = Omit<ChakraTextProps, \"slot\"> & {\n ref?: React.Ref<HTMLElement>;\n slot?: string | null | undefined;\n};\n\n/**\n * # Text\n *\n * the Text component is used to display text\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/text}\n */\nexport const Text = ({ ref: forwardedRef, ...props }: TextProps) => {\n const [contextProps, ref] = useContextProps(\n props,\n forwardedRef ?? null,\n TextContext\n );\n return (\n <ChakraText\n ref={ref as React.Ref<HTMLParagraphElement>}\n {...contextProps}\n slot={props.slot ?? undefined}\n />\n );\n};\n\nText.displayName = \"Text\";\n"],"names":["Text","forwardedRef","props","contextProps","ref","useContextProps","TextContext","jsx","ChakraText"],"mappings":"
|
|
1
|
+
{"version":3,"file":"text-BtRhIklG.cjs.js","sources":["../../src/components/text/text.tsx"],"sourcesContent":["import {\n Text as ChakraText,\n type TextProps as ChakraTextProps,\n} from \"@chakra-ui/react/text\";\nimport { TextContext, useContextProps } from \"react-aria-components\";\n\nexport type TextProps = Omit<ChakraTextProps, \"slot\"> & {\n ref?: React.Ref<HTMLElement>;\n slot?: string | null | undefined;\n};\n\n/**\n * # Text\n *\n * the Text component is used to display text\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/text}\n *\n * @supportsStyleProps\n */\nexport const Text = ({ ref: forwardedRef, ...props }: TextProps) => {\n const [contextProps, ref] = useContextProps(\n props,\n forwardedRef ?? null,\n TextContext\n );\n return (\n <ChakraText\n ref={ref as React.Ref<HTMLParagraphElement>}\n {...contextProps}\n slot={props.slot ?? undefined}\n />\n );\n};\n\nText.displayName = \"Text\";\n"],"names":["Text","forwardedRef","props","contextProps","ref","useContextProps","TextContext","jsx","ChakraText"],"mappings":"8JAoBaA,EAAO,CAAC,CAAE,IAAKC,EAAc,GAAGC,KAAuB,CAClE,KAAM,CAACC,EAAcC,CAAG,EAAIC,EAAAA,0CAC1BH,EACAD,GAAgB,KAChBK,EAAAA,yCAAA,EAEF,OACEC,EAAAA,IAACC,EAAAA,KAAA,CACC,IAAAJ,EACC,GAAGD,EACJ,KAAMD,EAAM,MAAQ,MAAA,CAAA,CAG1B,EAEAF,EAAK,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-DvqDjbwb.es.js","sources":["../../src/components/text/text.tsx"],"sourcesContent":["import {\n Text as ChakraText,\n type TextProps as ChakraTextProps,\n} from \"@chakra-ui/react/text\";\nimport { TextContext, useContextProps } from \"react-aria-components\";\n\nexport type TextProps = Omit<ChakraTextProps, \"slot\"> & {\n ref?: React.Ref<HTMLElement>;\n slot?: string | null | undefined;\n};\n\n/**\n * # Text\n *\n * the Text component is used to display text\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/text}\n */\nexport const Text = ({ ref: forwardedRef, ...props }: TextProps) => {\n const [contextProps, ref] = useContextProps(\n props,\n forwardedRef ?? null,\n TextContext\n );\n return (\n <ChakraText\n ref={ref as React.Ref<HTMLParagraphElement>}\n {...contextProps}\n slot={props.slot ?? undefined}\n />\n );\n};\n\nText.displayName = \"Text\";\n"],"names":["Text","forwardedRef","props","contextProps","ref","useContextProps","TextContext","jsx","ChakraText"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"text-DvqDjbwb.es.js","sources":["../../src/components/text/text.tsx"],"sourcesContent":["import {\n Text as ChakraText,\n type TextProps as ChakraTextProps,\n} from \"@chakra-ui/react/text\";\nimport { TextContext, useContextProps } from \"react-aria-components\";\n\nexport type TextProps = Omit<ChakraTextProps, \"slot\"> & {\n ref?: React.Ref<HTMLElement>;\n slot?: string | null | undefined;\n};\n\n/**\n * # Text\n *\n * the Text component is used to display text\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/text}\n *\n * @supportsStyleProps\n */\nexport const Text = ({ ref: forwardedRef, ...props }: TextProps) => {\n const [contextProps, ref] = useContextProps(\n props,\n forwardedRef ?? null,\n TextContext\n );\n return (\n <ChakraText\n ref={ref as React.Ref<HTMLParagraphElement>}\n {...contextProps}\n slot={props.slot ?? undefined}\n />\n );\n};\n\nText.displayName = \"Text\";\n"],"names":["Text","forwardedRef","props","contextProps","ref","useContextProps","TextContext","jsx","ChakraText"],"mappings":";;;;AAoBO,MAAMA,IAAO,CAAC,EAAE,KAAKC,GAAc,GAAGC,QAAuB;AAClE,QAAM,CAACC,GAAcC,CAAG,IAAIC;AAAAA,IAC1BH;AAAA,IACAD,KAAgB;AAAA,IAChBK;AAAAA,EAAA;AAEF,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACC,GAAGD;AAAA,MACJ,MAAMD,EAAM,QAAQ;AAAA,IAAA;AAAA,EAAA;AAG1B;AAEAF,EAAK,cAAc;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* # ListIndicator
|
|
3
|
+
*
|
|
4
|
+
* A custom marker or indicator that appears before the list item content.
|
|
5
|
+
* Useful for icons, checkmarks, or custom bullets.
|
|
6
|
+
*
|
|
7
|
+
* @supportsStyleProps
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <ListItem>
|
|
12
|
+
* <ListIndicator>
|
|
13
|
+
* <Icon><CheckIcon /></Icon>
|
|
14
|
+
* </ListIndicator>
|
|
15
|
+
* Item with custom indicator
|
|
16
|
+
* </ListItem>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
export declare const ListIndicator: import('react').ForwardRefExoticComponent<import('@chakra-ui/react').ListIndicatorProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { List as ChakraList } from '@chakra-ui/react/list';
|
|
2
|
+
/**
|
|
3
|
+
* # ListItem
|
|
4
|
+
*
|
|
5
|
+
* Represents a single item in the list.
|
|
6
|
+
* Should be used as a child of ListRoot.
|
|
7
|
+
*
|
|
8
|
+
* @supportsStyleProps
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <ListItem>List item content</ListItem>
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
export declare const ListItem: import('react').ForwardRefExoticComponent<ChakraList.ItemProps & import('react').RefAttributes<HTMLLIElement>>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { List as ChakraList } from '@chakra-ui/react/list';
|
|
2
|
+
/**
|
|
3
|
+
* # ListRoot
|
|
4
|
+
*
|
|
5
|
+
* The root container for list items. Typically rendered as `<ul>` or `<ol>`.
|
|
6
|
+
* Use with `asChild` prop to render as a semantic HTML list element.
|
|
7
|
+
*
|
|
8
|
+
* @supportsStyleProps
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <ListRoot asChild>
|
|
13
|
+
* <ul>
|
|
14
|
+
* <ListItem>First item</ListItem>
|
|
15
|
+
* <ListItem>Second item</ListItem>
|
|
16
|
+
* </ul>
|
|
17
|
+
* </ListRoot>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export declare const ListRoot: import('react').ForwardRefExoticComponent<ChakraList.RootProps & import('react').RefAttributes<HTMLUListElement>>;
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const ListRoot: import('react').ForwardRefExoticComponent<ChakraList.RootProps & import('react').RefAttributes<HTMLUListElement>>;
|
|
3
|
-
declare const ListItem: import('react').ForwardRefExoticComponent<ChakraList.ItemProps & import('react').RefAttributes<HTMLLIElement>>;
|
|
4
|
-
declare const ListIndicator: import('react').ForwardRefExoticComponent<import('@chakra-ui/react').ListIndicatorProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
1
|
+
import { ListRoot, ListItem, ListIndicator } from './components';
|
|
5
2
|
/**
|
|
6
3
|
* # List
|
|
7
4
|
*
|
|
@@ -11,8 +8,8 @@ declare const ListIndicator: import('react').ForwardRefExoticComponent<import('@
|
|
|
11
8
|
* @experimental This component is experimental and may change or be removed in future versions.
|
|
12
9
|
*/
|
|
13
10
|
export declare const List: {
|
|
14
|
-
Root: import('react').ForwardRefExoticComponent<
|
|
15
|
-
Item: import('react').ForwardRefExoticComponent<
|
|
11
|
+
Root: import('react').ForwardRefExoticComponent<import('@chakra-ui/react').ListRootProps & import('react').RefAttributes<HTMLUListElement>>;
|
|
12
|
+
Item: import('react').ForwardRefExoticComponent<import('@chakra-ui/react').ListItemProps & import('react').RefAttributes<HTMLLIElement>>;
|
|
16
13
|
Indicator: import('react').ForwardRefExoticComponent<import('@chakra-ui/react').ListIndicatorProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
17
14
|
};
|
|
18
15
|
export { ListRoot as _ListRoot, ListItem as _ListItem, ListIndicator as _ListIndicator, };
|
|
@@ -9,6 +9,8 @@ export type TextProps = Omit<ChakraTextProps, "slot"> & {
|
|
|
9
9
|
* the Text component is used to display text
|
|
10
10
|
*
|
|
11
11
|
* @see {@link https://nimbus-documentation.vercel.app/components/typography/text}
|
|
12
|
+
*
|
|
13
|
+
* @supportsStyleProps
|
|
12
14
|
*/
|
|
13
15
|
export declare const Text: {
|
|
14
16
|
({ ref: forwardedRef, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools/nimbus",
|
|
3
|
-
"version": "0.0.0-canary-
|
|
3
|
+
"version": "0.0.0-canary-20251114180837",
|
|
4
4
|
"main": "./dist/index.cjs",
|
|
5
5
|
"module": "./dist/index.es.js",
|
|
6
6
|
"type": "module",
|
|
@@ -102,8 +102,8 @@
|
|
|
102
102
|
"vite-plugin-dts": "^4.5.4",
|
|
103
103
|
"vite-tsconfig-paths": "^5.1.4",
|
|
104
104
|
"vitest": "^3.2.4",
|
|
105
|
-
"@commercetools/nimbus-icons": "^0.0.0-canary-
|
|
106
|
-
"@commercetools/nimbus-tokens": "^0.0.0-canary-
|
|
105
|
+
"@commercetools/nimbus-icons": "^0.0.0-canary-20251114180837",
|
|
106
|
+
"@commercetools/nimbus-tokens": "^0.0.0-canary-20251114180837"
|
|
107
107
|
},
|
|
108
108
|
"peerDependencies": {
|
|
109
109
|
"@chakra-ui/react": "^3.27.1",
|
|
@@ -113,8 +113,8 @@
|
|
|
113
113
|
"slate-history": "^0.113.1",
|
|
114
114
|
"slate-hyperscript": "^0.77.0",
|
|
115
115
|
"slate-react": "^0.75.0",
|
|
116
|
-
"@commercetools/nimbus-icons": "^0.0.0-canary-
|
|
117
|
-
"@commercetools/nimbus-tokens": "^0.0.0-canary-
|
|
116
|
+
"@commercetools/nimbus-icons": "^0.0.0-canary-20251114180837",
|
|
117
|
+
"@commercetools/nimbus-tokens": "^0.0.0-canary-20251114180837"
|
|
118
118
|
},
|
|
119
119
|
"scripts": {
|
|
120
120
|
"build": "pnpm run build-theme-typings && pnpm run build:lib",
|