@narmi/design_system 4.6.2 → 4.6.4
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/Alert/index.d.ts +1 -1
- package/dist/types/Alert/index.d.ts.map +1 -1
- package/dist/types/Button/index.d.ts +3 -3
- package/dist/types/Button/index.d.ts.map +1 -1
- package/dist/types/ContentCard/index.d.ts +1 -1
- package/dist/types/ContentCard/index.d.ts.map +1 -1
- package/dist/types/Dialog/index.d.ts +3 -2
- package/dist/types/Dialog/index.d.ts.map +1 -1
- package/dist/types/RadioButtons/index.d.ts +2 -5
- package/dist/types/RadioButtons/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/tokens/js/colors.js
CHANGED
|
@@ -10,7 +10,7 @@ interface AlertProps {
|
|
|
10
10
|
/** Variant of Alert to use */
|
|
11
11
|
kind?: "info" | "error" | "success" | "warn";
|
|
12
12
|
/** Override the default icon of the alert */
|
|
13
|
-
icon?: IconName | null;
|
|
13
|
+
icon?: IconName | string | null;
|
|
14
14
|
/** Message content of the Alert */
|
|
15
15
|
children?: React.ReactNode | string;
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAIpD,UAAU,UAAU;IAClB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAIpD,UAAU,UAAU;IAClB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CACrC;AAED;;;;;GAKG;AACH,QAAA,MAAM,KAAK,sEAOR,UAAU,4CAsCZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -2,11 +2,11 @@ import React from "react";
|
|
|
2
2
|
import type { IconName } from "../types/Icon.types";
|
|
3
3
|
interface ButtonProps {
|
|
4
4
|
/** Renders the button label */
|
|
5
|
-
label
|
|
5
|
+
label?: string;
|
|
6
6
|
/** style of button to render */
|
|
7
|
-
kind
|
|
7
|
+
kind?: "primary" | "secondary" | "tonal" | "negative" | "menu" | "plain";
|
|
8
8
|
/** Click callback, with event object passed as argument */
|
|
9
|
-
onClick?: (e:
|
|
9
|
+
onClick?: (e: any) => void;
|
|
10
10
|
/**
|
|
11
11
|
* The html element to render as the root node of `Button`.
|
|
12
12
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,UAAU,WAAW;IACnB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,UAAU,WAAW;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;IACzE,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;IACtB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;IACxB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,MAAM,kIAeT,WAAW,4CAwEb,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -26,7 +26,7 @@ interface ContentCardProps {
|
|
|
26
26
|
* Amount of border radius to add on all sides of card.
|
|
27
27
|
*/
|
|
28
28
|
radiusSize?: "s" | "m" | "l";
|
|
29
|
-
onClick?: () => void;
|
|
29
|
+
onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
|
|
30
30
|
/**
|
|
31
31
|
* Only applicable for `toggle` type.
|
|
32
32
|
* Renders card in visually selected state with appropriate attributes.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ContentCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IACxB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IACrD;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EACD,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,aAAa,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC7B,OAAO,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ContentCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IACxB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IACrD;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EACD,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,aAAa,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,QAAA,MAAM,WAAW;gFAQd,gBAAgB;;;;CA0ClB,CAAC;AA4BF,eAAe,WAAW,CAAC"}
|
|
@@ -3,7 +3,7 @@ export interface DialogProps {
|
|
|
3
3
|
/** Scrollable contents of the Dialog */
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
/** Heading in the top of the Dialog */
|
|
6
|
-
title
|
|
6
|
+
title?: string;
|
|
7
7
|
/** Optional notification content to render pinned under the header */
|
|
8
8
|
notification?: React.ReactNode;
|
|
9
9
|
/** Contents of Dialog footer, typically reserved for action buttons */
|
|
@@ -16,7 +16,7 @@ export interface DialogProps {
|
|
|
16
16
|
* Callback to handle user taking an action to dismiss the modal
|
|
17
17
|
* (click outside, Escape key, click close button)
|
|
18
18
|
*/
|
|
19
|
-
onUserDismiss
|
|
19
|
+
onUserDismiss?: () => void;
|
|
20
20
|
/**
|
|
21
21
|
* Sets a custom modal width.
|
|
22
22
|
* Use the full CSS value with the unit (e.g. "400px")
|
|
@@ -24,6 +24,7 @@ export interface DialogProps {
|
|
|
24
24
|
width?: string;
|
|
25
25
|
/** Optional value for `data-testid` attribute */
|
|
26
26
|
testId?: string;
|
|
27
|
+
id?: string;
|
|
27
28
|
}
|
|
28
29
|
/**
|
|
29
30
|
* Renders a centered modal dialog with an overlay
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Dialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AA0B3D,MAAM,WAAW,WAAW;IAC1B,wCAAwC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Dialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AA0B3D,MAAM,WAAW,WAAW;IAC1B,wCAAwC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,uEAAuE;IACvE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC9C,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;GAKG;AACH,QAAA,MAAM,MAAM,kGAUT,WAAW,4CAwHb,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
type OptionType = {
|
|
3
|
-
value: string;
|
|
4
|
-
details?: string;
|
|
5
|
-
} | string;
|
|
6
2
|
interface RadioButtonsProps {
|
|
7
3
|
/** Map of label strings to input values
|
|
8
4
|
*
|
|
5
|
+
* TODO: restore this type when we can do it in a non-breaking way
|
|
9
6
|
* ```
|
|
10
7
|
* type OptionType = {
|
|
11
8
|
* value: string;
|
|
@@ -14,7 +11,7 @@ interface RadioButtonsProps {
|
|
|
14
11
|
* | string;
|
|
15
12
|
* ```
|
|
16
13
|
* */
|
|
17
|
-
options
|
|
14
|
+
options?: object;
|
|
18
15
|
/** name of radiogroup */
|
|
19
16
|
name: string;
|
|
20
17
|
/** initially selected option by input value (uncontrolled) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RadioButtons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RadioButtons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,UAAU,iBAAiB;IACzB;;;;;;;;;;SAUK;IACL,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,CAAC;IAC5E;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;EAgBE;AACF,QAAA,MAAM,YAAY,gHAWf,iBAAiB,4CA2GnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|