@narmi/design_system 6.32.1 → 6.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/README.md +12 -7
- package/dist/index.js +55 -46
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/style.css.map +1 -1
- package/dist/types/AutocompleteModal/Item.d.ts +3 -4
- package/dist/types/AutocompleteModal/Item.d.ts.map +1 -1
- package/dist/types/AutocompleteModal/index.d.ts +3 -3
- package/dist/types/Combobox/ComboboxAction.d.ts +2 -3
- package/dist/types/Combobox/ComboboxAction.d.ts.map +1 -1
- package/dist/types/Combobox/ComboboxCategory.d.ts +2 -3
- package/dist/types/Combobox/ComboboxCategory.d.ts.map +1 -1
- package/dist/types/Combobox/ComboboxHeading.d.ts +2 -3
- package/dist/types/Combobox/ComboboxHeading.d.ts.map +1 -1
- package/dist/types/Combobox/ComboboxItem.d.ts +3 -4
- package/dist/types/Combobox/ComboboxItem.d.ts.map +1 -1
- package/dist/types/Combobox/index.d.ts +9 -9
- package/dist/types/DisabledShim/index.d.ts +2 -3
- package/dist/types/DisabledShim/index.d.ts.map +1 -1
- package/dist/types/Error/index.d.ts +2 -3
- package/dist/types/Error/index.d.ts.map +1 -1
- package/dist/types/FormSection/index.d.ts +2 -3
- package/dist/types/FormSection/index.d.ts.map +1 -1
- package/dist/types/IconButton/index.d.ts +10 -11
- package/dist/types/IconButton/index.d.ts.map +1 -1
- package/dist/types/LoadingShim/index.d.ts +4 -5
- package/dist/types/LoadingShim/index.d.ts.map +1 -1
- package/dist/types/MenuButton/MenuButtonItem.d.ts +4 -5
- package/dist/types/MenuButton/MenuButtonItem.d.ts.map +1 -1
- package/dist/types/MenuButton/index.d.ts +4 -4
- package/dist/types/MultiSelect/MultiSelectItem.d.ts +4 -5
- package/dist/types/MultiSelect/MultiSelectItem.d.ts.map +1 -1
- package/dist/types/MultiSelect/index.d.ts +4 -4
- package/dist/types/Pagination/index.d.ts +5 -6
- package/dist/types/Pagination/index.d.ts.map +1 -1
- package/dist/types/ResponsiveFlex/index.d.ts +6 -7
- package/dist/types/ResponsiveFlex/index.d.ts.map +1 -1
- package/dist/types/Select/SelectAction.d.ts +2 -3
- package/dist/types/Select/SelectAction.d.ts.map +1 -1
- package/dist/types/Select/SelectCategory.d.ts +4 -5
- package/dist/types/Select/SelectCategory.d.ts.map +1 -1
- package/dist/types/Select/SelectItem.d.ts +3 -4
- package/dist/types/Select/SelectItem.d.ts.map +1 -1
- package/dist/types/Select/index.d.ts +9 -9
- package/dist/types/TextInput/index.d.ts +1 -0
- package/dist/types/TextInput/index.d.ts.map +1 -1
- package/dist/types/TimelineEvent/index.d.ts +8 -12
- package/dist/types/TimelineEvent/index.d.ts.map +1 -1
- package/dist/types/hooks/useMediaQuery/index.d.ts +7 -0
- package/dist/types/hooks/useMediaQuery/index.d.ts.map +1 -0
- package/dist/types/hooks/useOnClickOutside/index.d.ts +6 -0
- package/dist/types/hooks/useOnClickOutside/index.d.ts.map +1 -0
- package/dist/types/util/AsElement.d.ts +2 -3
- package/dist/types/util/AsElement.d.ts.map +1 -1
- package/package.json +17 -16
|
@@ -87,10 +87,10 @@ declare namespace MultiSelect {
|
|
|
87
87
|
({ children }: MultiSelectItemProps): React.JSX.Element;
|
|
88
88
|
displayName: string;
|
|
89
89
|
propTypes: {
|
|
90
|
-
value:
|
|
91
|
-
searchValue:
|
|
92
|
-
tokenLabel:
|
|
93
|
-
children:
|
|
90
|
+
value: any;
|
|
91
|
+
searchValue: any;
|
|
92
|
+
tokenLabel: any;
|
|
93
|
+
children: any;
|
|
94
94
|
};
|
|
95
95
|
};
|
|
96
96
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { default as PropTypes } from 'prop-types';
|
|
3
2
|
export interface PaginationProps {
|
|
4
3
|
/**
|
|
5
4
|
* Total number of pages
|
|
@@ -43,26 +42,26 @@ declare const Pagination: {
|
|
|
43
42
|
* Total number of pages
|
|
44
43
|
* If the number of pages is 1, pagination will not render
|
|
45
44
|
*/
|
|
46
|
-
totalPages:
|
|
45
|
+
totalPages: any;
|
|
47
46
|
/**
|
|
48
47
|
* Default selected page by page number (uncontrolled)
|
|
49
48
|
*/
|
|
50
|
-
defaultSelectedPage:
|
|
49
|
+
defaultSelectedPage: any;
|
|
51
50
|
/**
|
|
52
51
|
* Selected page by page number (controlled).
|
|
53
52
|
* In fully controlled mode, you **must** define an `onPageChange`
|
|
54
53
|
* handler to update the value of the `selectedPage` prop.
|
|
55
54
|
*/
|
|
56
|
-
selectedPage:
|
|
55
|
+
selectedPage: any;
|
|
57
56
|
/**
|
|
58
57
|
* Callback invoked when user selects a new page via page numbers or
|
|
59
58
|
* previous/next arrows.
|
|
60
59
|
*
|
|
61
60
|
* Invoked with selected page number as the argument.
|
|
62
61
|
*/
|
|
63
|
-
onPageChange:
|
|
62
|
+
onPageChange: any;
|
|
64
63
|
/** Optional value for `data-testid` attribute */
|
|
65
|
-
testId:
|
|
64
|
+
testId: any;
|
|
66
65
|
};
|
|
67
66
|
};
|
|
68
67
|
export default Pagination;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,UAAU;uGAMb,eAAe;;QAmMhB;;;WAGG;;QAEH;;WAEG;;QAEH;;;;WAIG;;QAEH;;;;;WAKG;;QAEH,iDAAiD;;;CAzBlD,CAAC;AA6BF,eAAe,UAAU,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { default as PropTypes } from 'prop-types';
|
|
3
2
|
/** Standard Narmi breakpoint names */
|
|
4
3
|
export type ResponsiveFlexSize = "s" | "m" | "l" | "xl";
|
|
5
4
|
export type ResponsiveFlexGap = "xs" | "s" | "m" | "l" | "xl";
|
|
@@ -35,17 +34,17 @@ declare const ResponsiveFlex: {
|
|
|
35
34
|
({ children, direction, gapSize, reverseAt, toColumnAt, toRowAt, }: ResponsiveFlexProps): React.JSX.Element;
|
|
36
35
|
propTypes: {
|
|
37
36
|
/** Implicit flex children */
|
|
38
|
-
children:
|
|
37
|
+
children: any;
|
|
39
38
|
/** Size of flex gap by token size (e.g. "xl") */
|
|
40
|
-
gapSize:
|
|
39
|
+
gapSize: any;
|
|
41
40
|
/** Initial flex direction */
|
|
42
|
-
direction:
|
|
41
|
+
direction: any;
|
|
43
42
|
/** Breakpoint at which to reverse order of flex items */
|
|
44
|
-
reverseAt:
|
|
43
|
+
reverseAt: any;
|
|
45
44
|
/** Breakpoint at which to change flex direction to column */
|
|
46
|
-
toColumnAt:
|
|
45
|
+
toColumnAt: any;
|
|
47
46
|
/** Breakpoint at which to change flex direction to row */
|
|
48
|
-
toRowAt:
|
|
47
|
+
toRowAt: any;
|
|
49
48
|
};
|
|
50
49
|
};
|
|
51
50
|
export default ResponsiveFlex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ResponsiveFlex/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ResponsiveFlex/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,sCAAsC;AACtC,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAC9D,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,QAAQ,CAAC;AACvD,MAAM,MAAM,aAAa,GACrB,uBAAuB,GACvB,aAAa,GACb,gBAAgB,CAAC;AAErB,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;IACrD,SAAS,EAAE,uBAAuB,CAAC;IACnC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,GAAI,iEAM9B,oBAAoB,KAAG,aAiBzB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,yDAAyD;IACzD,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED;;;GAGG;AACH,QAAA,MAAM,cAAc;wEAOjB,mBAAmB;;QAyBpB,6BAA6B;;QAE7B,iDAAiD;;QAEjD,8BAA8B;;QAE9B,yDAAyD;;QAEzD,6DAA6D;;QAE7D,0DAA0D;;;CAb3D,CAAC;AAiBF,eAAe,cAAc,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { default as PropTypes } from 'prop-types';
|
|
3
2
|
export interface SelectActionProps {
|
|
4
3
|
/** Side effect to run on selection */
|
|
5
4
|
onSelect: () => void;
|
|
@@ -13,8 +12,8 @@ declare const SelectAction: {
|
|
|
13
12
|
displayName: string;
|
|
14
13
|
propTypes: {
|
|
15
14
|
/** Side effect to run on selection */
|
|
16
|
-
onSelect:
|
|
17
|
-
children:
|
|
15
|
+
onSelect: any;
|
|
16
|
+
children: any;
|
|
18
17
|
};
|
|
19
18
|
};
|
|
20
19
|
export default SelectAction;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAction.d.ts","sourceRoot":"","sources":["../../../src/Select/SelectAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectAction.d.ts","sourceRoot":"","sources":["../../../src/Select/SelectAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,QAAA,MAAM,YAAY;mBAAkB,iBAAiB;;;QAKnD,sCAAsC;;;;CALiC,CAAC;AAa1E,eAAe,YAAY,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { default as PropTypes } from 'prop-types';
|
|
3
2
|
export interface SelectCategoryProps {
|
|
4
3
|
label?: string;
|
|
5
4
|
/**
|
|
@@ -14,14 +13,14 @@ declare const SelectCategory: {
|
|
|
14
13
|
({ children }: SelectCategoryProps): React.JSX.Element;
|
|
15
14
|
displayName: string;
|
|
16
15
|
propTypes: {
|
|
17
|
-
label:
|
|
16
|
+
label: any;
|
|
18
17
|
/**
|
|
19
18
|
* heading: default bold heading
|
|
20
19
|
* label: match input floating label
|
|
21
20
|
*/
|
|
22
|
-
kind:
|
|
23
|
-
children:
|
|
24
|
-
isFlat:
|
|
21
|
+
kind: any;
|
|
22
|
+
children: any;
|
|
23
|
+
isFlat: any;
|
|
25
24
|
};
|
|
26
25
|
};
|
|
27
26
|
export default SelectCategory;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectCategory.d.ts","sourceRoot":"","sources":["../../../src/Select/SelectCategory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectCategory.d.ts","sourceRoot":"","sources":["../../../src/Select/SelectCategory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,cAAc;mBAAkB,mBAAmB;;;;QAQvD;;;WAGG;;;;;CATJ,CAAC;AAkBF,eAAe,cAAc,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { default as PropTypes } from 'prop-types';
|
|
3
2
|
export interface SelectItemProps {
|
|
4
3
|
/**
|
|
5
4
|
* String representation of the option.
|
|
@@ -30,14 +29,14 @@ declare const SelectItem: {
|
|
|
30
29
|
* the Select is open, highlight will move to the first item with a
|
|
31
30
|
* value starting with `n`.
|
|
32
31
|
*/
|
|
33
|
-
value:
|
|
32
|
+
value: any;
|
|
34
33
|
/**
|
|
35
34
|
* Custom typeahead string. By default typeahead uses `value`.
|
|
36
35
|
* Use this prop to pass in a custom string you'd like the user to search
|
|
37
36
|
* against when using typeahead.
|
|
38
37
|
*/
|
|
39
|
-
searchValue:
|
|
40
|
-
children:
|
|
38
|
+
searchValue: any;
|
|
39
|
+
children: any;
|
|
41
40
|
};
|
|
42
41
|
};
|
|
43
42
|
export default SelectItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../src/Select/SelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../src/Select/SelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,QAAA,MAAM,UAAU;mBAAkB,eAAe;;;QAK/C;;;;;;WAMG;;QAEH;;;;WAIG;;;;CAjBgE,CAAC;AAyBtE,eAAe,UAAU,CAAC"}
|
|
@@ -107,27 +107,27 @@ declare namespace Select {
|
|
|
107
107
|
({ children }: SelectItemProps): React.JSX.Element;
|
|
108
108
|
displayName: string;
|
|
109
109
|
propTypes: {
|
|
110
|
-
value:
|
|
111
|
-
searchValue:
|
|
112
|
-
children:
|
|
110
|
+
value: any;
|
|
111
|
+
searchValue: any;
|
|
112
|
+
children: any;
|
|
113
113
|
};
|
|
114
114
|
};
|
|
115
115
|
var Action: {
|
|
116
116
|
({ children }: SelectActionProps): React.JSX.Element;
|
|
117
117
|
displayName: string;
|
|
118
118
|
propTypes: {
|
|
119
|
-
onSelect:
|
|
120
|
-
children:
|
|
119
|
+
onSelect: any;
|
|
120
|
+
children: any;
|
|
121
121
|
};
|
|
122
122
|
};
|
|
123
123
|
var Category: {
|
|
124
124
|
({ children }: SelectCategoryProps): React.JSX.Element;
|
|
125
125
|
displayName: string;
|
|
126
126
|
propTypes: {
|
|
127
|
-
label:
|
|
128
|
-
kind:
|
|
129
|
-
children:
|
|
130
|
-
isFlat:
|
|
127
|
+
label: any;
|
|
128
|
+
kind: any;
|
|
129
|
+
children: any;
|
|
130
|
+
isFlat: any;
|
|
131
131
|
};
|
|
132
132
|
};
|
|
133
133
|
}
|
|
@@ -59,6 +59,7 @@ export interface SingleLineTextInputProps extends TextInputBaseProps, Omit<React
|
|
|
59
59
|
export interface MultilineTextInputProps extends TextInputBaseProps, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, OverriddenNativeKeys> {
|
|
60
60
|
/** When true, the input is displayed as an auto-growing textarea */
|
|
61
61
|
multiline: true;
|
|
62
|
+
/** Maximum number of text lines the textarea grows to before scrolling. Defaults to 8. */
|
|
62
63
|
/** Callback invoked with event object on textarea change */
|
|
63
64
|
onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
|
|
64
65
|
/** Callback invoked with event object on textarea blur */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,KAAK,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAE/D,UAAU,kBAAkB;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oDAAoD;IACpD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,gEAAgE;IAChE,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kEAAkE;IAClE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,sFAAsF;IACtF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,IAAI,CAAC,EACD,MAAM,GACN,KAAK,GACL,QAAQ,GACR,OAAO,GACP,UAAU,GACV,QAAQ,GACR,MAAM,GACN,MAAM,GACN,gBAAgB,CAAC;IACrB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,KAAK,oBAAoB,GACrB,UAAU,GACV,QAAQ,GACR,MAAM,GACN,OAAO,GACP,cAAc,GACd,UAAU,GACV,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,wBACf,SACE,kBAAkB,EAClB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACzE,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,uDAAuD;IACvD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,uBACf,SACE,kBAAkB,EAClB,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,oBAAoB,CACrB;IACH,oEAAoE;IACpE,SAAS,EAAE,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,KAAK,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAE/D,UAAU,kBAAkB;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oDAAoD;IACpD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,gEAAgE;IAChE,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kEAAkE;IAClE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,sFAAsF;IACtF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,IAAI,CAAC,EACD,MAAM,GACN,KAAK,GACL,QAAQ,GACR,OAAO,GACP,UAAU,GACV,QAAQ,GACR,MAAM,GACN,MAAM,GACN,gBAAgB,CAAC;IACrB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,KAAK,oBAAoB,GACrB,UAAU,GACV,QAAQ,GACR,MAAM,GACN,OAAO,GACP,cAAc,GACd,UAAU,GACV,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,wBACf,SACE,kBAAkB,EAClB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACzE,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,uDAAuD;IACvD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,uBACf,SACE,kBAAkB,EAClB,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,oBAAoB,CACrB;IACH,oEAAoE;IACpE,SAAS,EAAE,IAAI,CAAC;IAClB,0FAA0F;IACxF,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACzD,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;CACvD;AAED,MAAM,MAAM,cAAc,GAAG,wBAAwB,GAAG,uBAAuB,CAAC;AA0BhF;;GAEG;AACH,QAAA,MAAM,SAAS,yFAiHd,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { default as PropTypes } from 'prop-types';
|
|
3
2
|
import { VALID_ICON_NAMES } from '../icons/iconNames';
|
|
4
3
|
import { Detail } from '../Callout';
|
|
5
4
|
import { IconName } from '../types/Icon.types';
|
|
@@ -48,41 +47,38 @@ declare const TimelineEvent: {
|
|
|
48
47
|
/**
|
|
49
48
|
* Timeline node variant.
|
|
50
49
|
*/
|
|
51
|
-
kind:
|
|
50
|
+
kind: any;
|
|
52
51
|
/**
|
|
53
52
|
* Name of NDS icon to render inside the timeline node
|
|
54
53
|
*/
|
|
55
|
-
icon:
|
|
54
|
+
icon: any;
|
|
56
55
|
/**
|
|
57
56
|
* Pass an image url to render the timeline node
|
|
58
57
|
* as an avatar
|
|
59
58
|
*/
|
|
60
|
-
imgUrl:
|
|
59
|
+
imgUrl: any;
|
|
61
60
|
/**
|
|
62
61
|
* Initial to render in the timeline node
|
|
63
62
|
* Overridden by:
|
|
64
63
|
* - icon
|
|
65
64
|
* - imgUrl
|
|
66
65
|
*/
|
|
67
|
-
initial:
|
|
66
|
+
initial: any;
|
|
68
67
|
/**
|
|
69
68
|
* Timeline event content (any JSX)
|
|
70
69
|
*/
|
|
71
|
-
children:
|
|
70
|
+
children: any;
|
|
72
71
|
/**
|
|
73
72
|
* Detail list rendered in a composed `Callout`
|
|
74
73
|
* below the event content
|
|
75
74
|
*/
|
|
76
|
-
detailList:
|
|
77
|
-
label: PropTypes.Validator<string>;
|
|
78
|
-
description: PropTypes.Requireable<string>;
|
|
79
|
-
}>[]>;
|
|
75
|
+
detailList: any;
|
|
80
76
|
/**
|
|
81
77
|
* Hover tooltip content for the icon
|
|
82
78
|
*/
|
|
83
|
-
tooltip:
|
|
79
|
+
tooltip: any;
|
|
84
80
|
/** Render a custom circle node on the line */
|
|
85
|
-
renderNode:
|
|
81
|
+
renderNode: any;
|
|
86
82
|
};
|
|
87
83
|
};
|
|
88
84
|
export default TimelineEvent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TimelineEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TimelineEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,QAAA,MAAM,aAAa;kFAShB,kBAAkB;;QAuEnB;;WAEG;;QAEH;;WAEG;;QAEH;;;WAGG;;QAEH;;;;;WAKG;;QAEH;;WAEG;;QAKH;;;WAGG;;QAOH;;WAEG;;QAEH,8CAA8C;;;CA5C/C,CAAC;AAgDF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tracks whether a CSS media query currently matches the viewport.
|
|
3
|
+
* SSR-safe: resolves to `false` when `window` is unavailable.
|
|
4
|
+
*/
|
|
5
|
+
declare const useMediaQuery: (query: string) => boolean;
|
|
6
|
+
export default useMediaQuery;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useMediaQuery/index.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,OActC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Calls `handler` on mousedown outside of the element held by `ref`.
|
|
3
|
+
*/
|
|
4
|
+
declare const useOnClickOutside: (ref: React.RefObject<HTMLElement | null>, handler: (event: MouseEvent) => void) => void;
|
|
5
|
+
export default useOnClickOutside;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useOnClickOutside/index.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,QAAA,MAAM,iBAAiB,GACrB,KAAK,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,SAAS,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,SAerC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { default as PropTypes } from 'prop-types';
|
|
3
2
|
/**
|
|
4
3
|
* Returns the href if it uses a safe protocol, or undefined if it
|
|
5
4
|
* uses a potentially dangerous scheme (javascript:, data:, etc).
|
|
@@ -36,8 +35,8 @@ declare const AsElement: {
|
|
|
36
35
|
({ elementType, children, ...rest }: AsElementProps): React.JSX.Element;
|
|
37
36
|
propTypes: {
|
|
38
37
|
/** element to render */
|
|
39
|
-
elementType:
|
|
40
|
-
children:
|
|
38
|
+
elementType: any;
|
|
39
|
+
children: any;
|
|
41
40
|
};
|
|
42
41
|
};
|
|
43
42
|
export default AsElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AsElement.d.ts","sourceRoot":"","sources":["../../../src/util/AsElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AsElement.d.ts","sourceRoot":"","sources":["../../../src/util/AsElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,OAAO,KAAG,MAAM,GAAG,IAAI,GAAG,SAU5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,UAkB1B,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,yBAAyB;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS;yCAIZ,cAAc;;QA6Bf,yBAAyB;;;;CAH1B,CAAC;AAcF,eAAe,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@narmi/design_system",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.33.0",
|
|
4
4
|
"description": "⚡ A consistent look-and-feel and extensible interface for Narmi experiences 🔥",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"style": "dist/style.css",
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
"engines": {
|
|
13
13
|
"node": ">=22"
|
|
14
14
|
},
|
|
15
|
+
"packageManager": "pnpm@12.4.2+sha512.08adc6613180275c7c9edada39dcf08c9c61ad4e7eaf330a4f3461f102b0f907423454d117f98e72d47fef0616070644d7bffc973a6a57f5090a6d7c368b07c9",
|
|
15
16
|
"publishConfig": {
|
|
16
17
|
"access": "public"
|
|
17
18
|
},
|
|
@@ -24,9 +25,9 @@
|
|
|
24
25
|
"build:tokens": "tsx ./tokens/build.ts",
|
|
25
26
|
"build:css": "sass src/index.scss dist/style.css --style=compressed --source-map",
|
|
26
27
|
"build:components": "vite build && node ./scripts/copyAssets.mjs",
|
|
27
|
-
"build": "
|
|
28
|
-
"build:clean": "rm -rf dist/ &&
|
|
29
|
-
"prepublish": "
|
|
28
|
+
"build": "pnpm run build:icon-names && pnpm run build:tokens && tsc && pnpm run build:css && pnpm run build:jsdoc && pnpm run build:components && pnpm run build:classdoc",
|
|
29
|
+
"build:clean": "rm -rf dist/ && pnpm run build",
|
|
30
|
+
"prepublish": "pnpm run build",
|
|
30
31
|
"test": "vitest run",
|
|
31
32
|
"test:watch": "vitest",
|
|
32
33
|
"lint": "eslint \"./src/**\" \"./scripts/**\" \"./tokens/**\" --no-error-on-unmatched-pattern",
|
|
@@ -35,10 +36,10 @@
|
|
|
35
36
|
"release": "semantic-release",
|
|
36
37
|
"storybook": "storybook dev -p 6006",
|
|
37
38
|
"build-storybook": "storybook build --stats-json",
|
|
38
|
-
"chromatic": "
|
|
39
|
+
"chromatic": "chromatic --project-token $CHROMATIC_PROJECT_TOKEN --exit-zero-on-changes",
|
|
39
40
|
"stats:components": "node ./scripts/component-adoption.mjs",
|
|
40
41
|
"stats:classes": "node ./scripts/class-adoption.mjs",
|
|
41
|
-
"dev": "
|
|
42
|
+
"dev": "pnpm run storybook"
|
|
42
43
|
},
|
|
43
44
|
"peerDependencies": {
|
|
44
45
|
"react": "^18 || ^19",
|
|
@@ -48,6 +49,7 @@
|
|
|
48
49
|
"@babel/cli": "^7.1.0",
|
|
49
50
|
"@babel/core": "^7.13.14",
|
|
50
51
|
"@babel/eslint-parser": "^7.17.0",
|
|
52
|
+
"@babel/parser": "^7.29.7",
|
|
51
53
|
"@babel/plugin-proposal-class-properties": "^7.13.0",
|
|
52
54
|
"@babel/preset-env": "^7.15.6",
|
|
53
55
|
"@babel/preset-react": "^7.14.5",
|
|
@@ -55,6 +57,7 @@
|
|
|
55
57
|
"@commitlint/cli": "^21.0.2",
|
|
56
58
|
"@commitlint/config-conventional": "^20.5.0",
|
|
57
59
|
"@figma/code-connect": "^1.3.10",
|
|
60
|
+
"@joshwooding/vite-plugin-react-docgen-typescript": "^0.7.0",
|
|
58
61
|
"@mdx-js/mdx": "^3.1.0",
|
|
59
62
|
"@mdx-js/react": "^3.1.0",
|
|
60
63
|
"@semantic-release/changelog": "^6.0.3",
|
|
@@ -77,6 +80,7 @@
|
|
|
77
80
|
"@vitejs/plugin-react": "^5.0.4",
|
|
78
81
|
"@vitest/coverage-v8": "^4.1.2",
|
|
79
82
|
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
|
|
83
|
+
"browserslist": "^4.28.9",
|
|
80
84
|
"chromatic": "^6",
|
|
81
85
|
"cli-table": "^0.3.11",
|
|
82
86
|
"conventional-changelog-conventionalcommits": "^9.3.0",
|
|
@@ -88,21 +92,25 @@
|
|
|
88
92
|
"eslint-plugin-jsx-a11y": "^6.5.1",
|
|
89
93
|
"eslint-plugin-react": "^7.29.4",
|
|
90
94
|
"eslint-plugin-storybook": "^10.4.5",
|
|
95
|
+
"glob": "^7.2.3",
|
|
91
96
|
"husky": "^8.0.3",
|
|
92
97
|
"jsdoc-to-markdown": "^9.1.3",
|
|
93
|
-
"jsdom": "^
|
|
98
|
+
"jsdom": "^30.0.1",
|
|
94
99
|
"polished": "^4.1.1",
|
|
95
100
|
"prettier": "^3.2.5",
|
|
96
101
|
"pretty-quick": "^4",
|
|
97
102
|
"prop-types": "^15.7.2",
|
|
98
103
|
"react": "^18.3.1",
|
|
104
|
+
"react-aria": "3.49.0",
|
|
99
105
|
"react-docgen-typescript-plugin": "^1.0.5",
|
|
100
106
|
"react-dom": "^18.3.1",
|
|
107
|
+
"react-stately": "3.47.0",
|
|
101
108
|
"sass": "^1.45.0",
|
|
102
109
|
"semantic-release": "^25.0.3",
|
|
103
110
|
"storybook": "^10.4.5",
|
|
104
111
|
"style-dictionary": "^5.5.0",
|
|
105
112
|
"tinycolor2": "^1.4.2",
|
|
113
|
+
"tslib": "^2.8.1",
|
|
106
114
|
"tsx": "^4.23.1",
|
|
107
115
|
"typescript": "^5.2.2",
|
|
108
116
|
"use-clipboard-copy": "^0.2.0",
|
|
@@ -120,17 +128,10 @@
|
|
|
120
128
|
"dompurify": "^3.4.1",
|
|
121
129
|
"downshift": "^9",
|
|
122
130
|
"flatpickr": "^4.6.12",
|
|
123
|
-
"marked": "^
|
|
131
|
+
"marked": "^18.0.11",
|
|
124
132
|
"react-aria-components": "^1.0.0",
|
|
125
133
|
"react-focus-lock": "^2.9.4",
|
|
126
|
-
"react-transition-group": "^4.4.5"
|
|
127
|
-
"usehooks-ts": "^3.1.1"
|
|
128
|
-
},
|
|
129
|
-
"overrides": {
|
|
130
|
-
"tar": "7.5.10",
|
|
131
|
-
"handlebars": "^4.7.9",
|
|
132
|
-
"lodash": "^4.18.0",
|
|
133
|
-
"undici": ">=6.27.0"
|
|
134
|
+
"react-transition-group": "^4.4.5"
|
|
134
135
|
},
|
|
135
136
|
"repository": {
|
|
136
137
|
"type": "git",
|