@narmi/design_system 3.80.0-beta.1 → 4.0.0
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/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/style.css +3 -3
- package/dist/style.css.map +1 -1
- package/dist/tokens/css/rgbColors.css +1 -1
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/js/colors.js +1 -1
- package/dist/tokens/js/manifest.js +140 -140
- package/dist/tokens/js/reactNativeWeb.js +1 -1
- package/dist/types/Row/RowItem.d.ts +22 -0
- package/dist/types/Row/RowItem.d.ts.map +1 -0
- package/dist/types/Row/index.d.ts +33 -0
- package/dist/types/Row/index.d.ts.map +1 -0
- package/dist/types/index.d.ts +2 -2
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/types/Snackbar/index.d.ts +0 -21
- package/dist/types/Snackbar/index.d.ts.map +0 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface RowItemProps {
|
|
3
|
+
/**
|
|
4
|
+
* When `true`, the row item shrinks to content size of its children.
|
|
5
|
+
* Otherwise, the item will expand to fill remaining space in the row.
|
|
6
|
+
*/
|
|
7
|
+
shrink?: boolean;
|
|
8
|
+
/** The html element to render as the root node of `Row` */
|
|
9
|
+
as?: "div" | "span" | "li";
|
|
10
|
+
/** Optional: controls className while maintaining default nds-row-item styling if left unspecified */
|
|
11
|
+
className?: string;
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
/** Optional value for `data-testid` attribute */
|
|
14
|
+
testId?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Child component of `Row`.
|
|
18
|
+
* When a `Row.Item` has a boolean prop of `shrink`, it will shrink to content width.
|
|
19
|
+
*/
|
|
20
|
+
declare const RowItem: ({ shrink, as, className, children, testId, }: RowItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export default RowItem;
|
|
22
|
+
//# sourceMappingURL=RowItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RowItem.d.ts","sourceRoot":"","sources":["../../../src/Row/RowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2DAA2D;IAC3D,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IAC3B,sGAAsG;IACtG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,QAAA,MAAM,OAAO,iDAMV,YAAY,4CAYd,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface RowProps {
|
|
3
|
+
/**
|
|
4
|
+
* Adjusts size of gap between row items.
|
|
5
|
+
* Sizes map to `var(--space-<size>)` variables.
|
|
6
|
+
* Set `gapSize="none"` to remove gaps between all row items.
|
|
7
|
+
*/
|
|
8
|
+
alignItems?: "top" | "center";
|
|
9
|
+
/** Controls vertical alignment of items within the row */
|
|
10
|
+
justifyContent?: "start" | "end" | "space-between";
|
|
11
|
+
/** Controls horizontal flex justification */
|
|
12
|
+
gapSize?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | "none";
|
|
13
|
+
/** The html element to render as the root node of `Row` */
|
|
14
|
+
as?: "span" | "div" | "ul";
|
|
15
|
+
/** Optional: controls className while maintaining default nds-row styling if left unspecified */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** Children must be of type `Row.Item` */
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
/** Optional value for `data-testid` attribute */
|
|
20
|
+
testId?: string;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Basic flexbox helper that arranges content into a non-wrapping row.
|
|
24
|
+
* `Row` will grow to fill the width with its parent container.
|
|
25
|
+
* Items of `Row` will grow to fit remaining space by default.
|
|
26
|
+
* When a `Row.Item` has a boolean prop of `shrink`, it will shrink to content width.
|
|
27
|
+
*/
|
|
28
|
+
declare const Row: {
|
|
29
|
+
({ alignItems, justifyContent, gapSize, as, className, children, testId, }: RowProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
Item: ({ shrink, as, className, children, testId, }: import("./RowItem").RowItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
};
|
|
32
|
+
export default Row;
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,QAAQ;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC9B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,eAAe,CAAC;IACnD,6CAA6C;IAC7C,OAAO,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IACzD,2DAA2D;IAC3D,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IAC3B,iGAAiG;IACjG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAkCD;;;;;GAKG;AACH,QAAA,MAAM,GAAG;gFAQN,QAAQ;;CASV,CAAC;AAGF,eAAe,GAAG,CAAC"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import AutocompleteModal from "./AutocompleteModal";
|
|
|
5
5
|
import Avatar from "./Avatar";
|
|
6
6
|
import ContextMenu from "./ContextMenu";
|
|
7
7
|
import DisabledShim from "./DisabledShim";
|
|
8
|
+
import Row from "./Row";
|
|
8
9
|
import SeparatorList from "./SeparatorList";
|
|
9
10
|
import Slider from "./Slider";
|
|
10
11
|
/**
|
|
@@ -36,7 +37,6 @@ declare const ProgressBar: any;
|
|
|
36
37
|
declare const Popover: any;
|
|
37
38
|
declare const RadioButtons: any;
|
|
38
39
|
declare const ResponsiveFlex: any;
|
|
39
|
-
declare const Row: any;
|
|
40
40
|
declare const Select: any;
|
|
41
41
|
declare const Sidebar: any;
|
|
42
42
|
declare const Tabs: any;
|
|
@@ -52,5 +52,5 @@ declare const useLockBodyScroll: any;
|
|
|
52
52
|
declare const formatNumber: any;
|
|
53
53
|
declare const formatDate: any;
|
|
54
54
|
export * from "./types/Icon.types";
|
|
55
|
-
export { AutocompleteModal, Avatar, ContextMenu, DisabledShim, SeparatorList, Slider, Alert, Button, Checkbox, ContentCard, CollapsibleCard, Combobox, DateInput, Dialog, Drawer, Dropdown, DropdownTrigger, Error, FieldToken, FormSection, IconButton, Input, LoadingShim, LoadingSkeleton, MenuButton, MultiSelect, Pagination, PlainButton, ProgressBar, Popover, RadioButtons, ResponsiveFlex,
|
|
55
|
+
export { AutocompleteModal, Avatar, ContextMenu, DisabledShim, Row, SeparatorList, Slider, Alert, Button, Checkbox, ContentCard, CollapsibleCard, Combobox, DateInput, Dialog, Drawer, Dropdown, DropdownTrigger, Error, FieldToken, FormSection, IconButton, Input, LoadingShim, LoadingSkeleton, MenuButton, MultiSelect, Pagination, PlainButton, ProgressBar, Popover, RadioButtons, ResponsiveFlex, Select, Sidebar, Tabs, Tag, TextInput, TimelineEvent, Toggle, TokenInput, Tooltip, TruncatedAccount, useBreakpoints, useLockBodyScroll, formatNumber, formatDate, };
|
|
56
56
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B;;GAEG;AACH,OAAO,CAAC,MAAM,KAAK,KAAA,CAAC;AACpB,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,QAAQ,KAAA,CAAC;AACvB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,eAAe,KAAA,CAAC;AAC9B,OAAO,CAAC,MAAM,QAAQ,KAAA,CAAC;AACvB,OAAO,CAAC,MAAM,SAAS,KAAA,CAAC;AACxB,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,QAAQ,KAAA,CAAC;AACvB,OAAO,CAAC,MAAM,eAAe,KAAA,CAAC;AAC9B,OAAO,CAAC,MAAM,KAAK,KAAA,CAAC;AACpB,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,KAAK,KAAA,CAAC;AACpB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,eAAe,KAAA,CAAC;AAC9B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,OAAO,KAAA,CAAC;AACtB,OAAO,CAAC,MAAM,YAAY,KAAA,CAAC;AAC3B,OAAO,CAAC,MAAM,cAAc,KAAA,CAAC;AAC7B,OAAO,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface SnackbarProps {
|
|
3
|
-
children: React.ReactNode[];
|
|
4
|
-
isActive: boolean;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* A status toolbar for multiple selection in a table.
|
|
8
|
-
* Intended to be rendered in fixed position over a table.
|
|
9
|
-
*/
|
|
10
|
-
declare const Snackbar: {
|
|
11
|
-
({ children, isActive }: SnackbarProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
ButtonGroup: ({ children }: {
|
|
13
|
-
children: React.ReactNode[];
|
|
14
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
Divider: () => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
Text: ({ children }: {
|
|
17
|
-
children: React.ReactNode[];
|
|
18
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
};
|
|
20
|
-
export default Snackbar;
|
|
21
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8C1B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,QAAA,MAAM,QAAQ;6BAAoC,aAAa;gCAjBpB;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;KAAE;;yBAPtC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;KAAE;CAsClE,CAAC;AAKF,eAAe,QAAQ,CAAC"}
|