@narmi/design_system 4.31.0 → 4.33.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 +2 -2
- 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 +1 -1
- package/dist/tokens/js/reactNativeWeb.js +1 -1
- package/dist/types/AutocompleteModal/AutoComplete.d.ts +1 -1
- package/dist/types/AutocompleteModal/AutoComplete.d.ts.map +1 -1
- package/dist/types/AutocompleteModal/index.d.ts +1 -1
- package/dist/types/AutocompleteModal/index.d.ts.map +1 -1
- package/dist/types/Table/Row.d.ts.map +1 -1
- package/dist/types/Table/index.d.ts +5 -4
- package/dist/types/Table/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/tokens/js/colors.js
CHANGED
|
@@ -10,7 +10,7 @@ export interface AutoCompleteProps {
|
|
|
10
10
|
onChange?: (item: AutoCompleteItem) => void;
|
|
11
11
|
/** Input change event callback */
|
|
12
12
|
onInputChange?: (e: string) => void;
|
|
13
|
-
/** Optional pinned footer
|
|
13
|
+
/** Optional pinned footer content; use for action buttons */
|
|
14
14
|
footerContent?: React.ReactNode;
|
|
15
15
|
}
|
|
16
16
|
export declare const itemToString: (item: AutoCompleteItem) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../src/AutocompleteModal/AutoComplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACtC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,
|
|
1
|
+
{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../src/AutocompleteModal/AutoComplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACtC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,SAAU,gBAAgB,QACD,CAAC;AAEnD,eAAO,MAAM,WAAW,UAAW,gBAAgB,EAAE,cAAc,MAAM,uBAGtE,CAAC;AAEJ;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,wGAOf,iBAAiB,4CAiFnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -10,7 +10,7 @@ export interface AutocompleteModalProps {
|
|
|
10
10
|
onChange?: (value: string) => void;
|
|
11
11
|
/** Input change event callback - called with value of selected item */
|
|
12
12
|
onInputChange?: (value: string) => void;
|
|
13
|
-
/** Optional pinned footer
|
|
13
|
+
/** Optional pinned footer content; use for action buttons */
|
|
14
14
|
footerContent?: React.ReactNode;
|
|
15
15
|
}
|
|
16
16
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AutocompleteModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,sBAAsB;IACrC,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACpE,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AutocompleteModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,sBAAsB;IACrC,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACpE,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB;iFAOpB,sBAAsB;;;;;;;;;;;;;CAgDxB,CAAC;AAGF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/Table/Row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/Table/Row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,GAAG,6BAA8B,aAAa,4CAuCnD,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -5,7 +5,6 @@ export type ColMinBreakpoint = "*" | "s" | "m" | "l";
|
|
|
5
5
|
export type ViewportBreakpoint = "s" | "m" | "l";
|
|
6
6
|
/**
|
|
7
7
|
* Valid CSS value for `grid-template-columns`.
|
|
8
|
-
* TODO: can we use CSS supports validation in a type guard? This provides a documentation hint but no real enforcement
|
|
9
8
|
*/
|
|
10
9
|
export type CSSValue = string;
|
|
11
10
|
/** For each breakpoint key, a valid `grid-template-columns` value */
|
|
@@ -37,9 +36,11 @@ interface TableProps {
|
|
|
37
36
|
export declare const DEFAULT_COLS = 5;
|
|
38
37
|
export declare const defaultColVisibility: ColMinBreakpoint[];
|
|
39
38
|
/**
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
39
|
+
* Layout helper for building responsive tables.
|
|
40
|
+
* This component allows you to define the visibility of each column by named breakpoint.
|
|
41
|
+
* You may also specify a custom `grid-template-columns` CSS value for each breakpoint.
|
|
42
|
+
*
|
|
43
|
+
* If a design calls for a different presentation of the data at the smallest viewports, you may use `useBreakpoints` to conditionally render a list view.
|
|
43
44
|
*/
|
|
44
45
|
declare const Table: {
|
|
45
46
|
({ children, colVisibility, colLayout, rowDensity, }: TableProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,8DAA8D;AAC9D,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACrD,0EAA0E;AAC1E,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjD
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,8DAA8D;AAC9D,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACrD,0EAA0E;AAC1E,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,qEAAqE;AACrE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;CACb,CAAC;AAEF,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;OAOG;IACH,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,IAAI,CAAC;AAG9B,eAAO,MAAM,oBAAoB,EAE5B,gBAAgB,EAAE,CAAC;AAExB;;;;;;GAMG;AACH,QAAA,MAAM,KAAK;0DAKR,UAAU;;kBAnEC,MAAQ,SAAQ;;;kBAAlB,MAAO,SAAS;;;;;CA4H3B,CAAC;AAQF,eAAe,KAAK,CAAC"}
|