@narmi/design_system 6.18.0-beta.0 → 6.18.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.
Files changed (78) hide show
  1. package/dist/docs/Formatters.md +0 -55
  2. package/dist/index.js +3 -3
  3. package/dist/index.js.map +1 -1
  4. package/dist/style.css +1 -1
  5. package/dist/style.css.map +1 -1
  6. package/dist/tokens/css/rgbColors.css +9 -8
  7. package/dist/tokens/css/rgbColors.scss +9 -8
  8. package/dist/tokens/css/tokens.css +171 -204
  9. package/dist/tokens/css/tokens.scss +171 -204
  10. package/dist/tokens/js/colors.esm.js +78 -75
  11. package/dist/tokens/js/colors.js +104 -103
  12. package/dist/tokens/js/manifest.esm.js +129 -126
  13. package/dist/tokens/js/manifest.js +130 -123
  14. package/dist/tokens/js/reactNativeWeb.js +69 -62
  15. package/dist/tokens/json/tokens.json +61 -61
  16. package/dist/types/Alert/index.d.ts +1 -1
  17. package/dist/types/Alert/index.d.ts.map +1 -1
  18. package/dist/types/Checkbox/index.d.ts +1 -1
  19. package/dist/types/Checkbox/index.d.ts.map +1 -1
  20. package/dist/types/ContentCard/index.d.ts +2 -2
  21. package/dist/types/ContentCard/index.d.ts.map +1 -1
  22. package/dist/types/Count/index.d.ts +1 -1
  23. package/dist/types/Count/index.d.ts.map +1 -1
  24. package/dist/types/DisabledShim/index.d.ts +1 -1
  25. package/dist/types/DisabledShim/index.d.ts.map +1 -1
  26. package/dist/types/Error/index.d.ts +20 -0
  27. package/dist/types/Error/index.d.ts.map +1 -0
  28. package/dist/types/FieldToken/index.d.ts +23 -0
  29. package/dist/types/FieldToken/index.d.ts.map +1 -0
  30. package/dist/types/FormSection/index.d.ts +21 -0
  31. package/dist/types/FormSection/index.d.ts.map +1 -0
  32. package/dist/types/IconButton/index.d.ts +72 -0
  33. package/dist/types/IconButton/index.d.ts.map +1 -0
  34. package/dist/types/LoadingShim/index.d.ts +31 -0
  35. package/dist/types/LoadingShim/index.d.ts.map +1 -0
  36. package/dist/types/LoadingSkeleton/index.d.ts +1 -1
  37. package/dist/types/LoadingSkeleton/index.d.ts.map +1 -1
  38. package/dist/types/Pagination/index.d.ts +69 -0
  39. package/dist/types/Pagination/index.d.ts.map +1 -0
  40. package/dist/types/Pagination/usePagination.d.ts +39 -0
  41. package/dist/types/Pagination/usePagination.d.ts.map +1 -0
  42. package/dist/types/ProgressBar/index.d.ts +1 -1
  43. package/dist/types/ProgressBar/index.d.ts.map +1 -1
  44. package/dist/types/Radio/index.d.ts +2 -2
  45. package/dist/types/Radio/index.d.ts.map +1 -1
  46. package/dist/types/ResponsiveFlex/index.d.ts +52 -0
  47. package/dist/types/ResponsiveFlex/index.d.ts.map +1 -0
  48. package/dist/types/SeparatorList/index.d.ts +1 -1
  49. package/dist/types/SeparatorList/index.d.ts.map +1 -1
  50. package/dist/types/Slider/index.d.ts +2 -2
  51. package/dist/types/Slider/index.d.ts.map +1 -1
  52. package/dist/types/Snackbar/index.d.ts +7 -3
  53. package/dist/types/Snackbar/index.d.ts.map +1 -1
  54. package/dist/types/TimelineEvent/index.d.ts +75 -0
  55. package/dist/types/TimelineEvent/index.d.ts.map +1 -0
  56. package/dist/types/TruncatedAccount/index.d.ts +1 -1
  57. package/dist/types/TruncatedAccount/index.d.ts.map +1 -1
  58. package/dist/types/formatters/formatDate.d.ts +17 -0
  59. package/dist/types/formatters/formatDate.d.ts.map +1 -0
  60. package/dist/types/formatters/formatNumber.d.ts +22 -0
  61. package/dist/types/formatters/formatNumber.d.ts.map +1 -0
  62. package/dist/types/hooks/useLockBodyScroll/index.d.ts +7 -0
  63. package/dist/types/hooks/useLockBodyScroll/index.d.ts.map +1 -0
  64. package/dist/types/index.d.ts +81 -12
  65. package/dist/types/index.d.ts.map +1 -1
  66. package/dist/types/util/AsElement.d.ts +44 -0
  67. package/dist/types/util/AsElement.d.ts.map +1 -0
  68. package/package.json +4 -4
  69. package/dist/types/Field/FauxInput/index.d.ts +0 -20
  70. package/dist/types/Field/FauxInput/index.d.ts.map +0 -1
  71. package/dist/types/Field/Select/SelectItem.d.ts +0 -15
  72. package/dist/types/Field/Select/SelectItem.d.ts.map +0 -1
  73. package/dist/types/Field/Select/index.d.ts +0 -24
  74. package/dist/types/Field/Select/index.d.ts.map +0 -1
  75. package/dist/types/Field/Text/index.d.ts +0 -14
  76. package/dist/types/Field/Text/index.d.ts.map +0 -1
  77. package/dist/types/Table/util/pinning.d.ts +0 -7
  78. package/dist/types/Table/util/pinning.d.ts.map +0 -1
@@ -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,GAAG,SAAS,CAAC;IACzD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC,iCAAiC;IACjC,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;IACtD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CACrC;AAED;;;;;GAKG;AACH,QAAA,MAAM,KAAK,GAAI,gFAQZ,UAAU,sBAsCZ,CAAC;AAaF,eAAe,KAAK,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,MAAM,WAAW,UAAU;IACzB,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,GAAG,SAAS,CAAC;IACzD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC,iCAAiC;IACjC,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;IACtD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CACrC;AAED;;;;;GAKG;AACH,QAAA,MAAM,KAAK,GAAI,gFAQZ,UAAU,sBAsCZ,CAAC;AAaF,eAAe,KAAK,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- interface CheckboxProps {
2
+ export interface CheckboxProps {
3
3
  /** Content of `label` element */
4
4
  label?: string;
5
5
  /** Markdown to use in place of the `label` field */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,UAAU,aAAa;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;CAClD;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,2JAiBf,aAAa,sBA+Ff,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;CAClD;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,2JAiBf,aAAa,sBA+Ff,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- interface ContentCardProps {
2
+ export interface ContentCardProps {
3
3
  /** Accepts any content as children */
4
4
  children: React.ReactNode;
5
5
  /**
@@ -56,7 +56,7 @@ interface ContentCardProps {
56
56
  declare const ContentCard: {
57
57
  ({ kind, paddingSize, onClick, isSelected, children, testId, radiusSize, error, isDisabled: isDisabledProp, disabled: disabledProp, }: ContentCardProps): React.JSX.Element;
58
58
  propTypes: {
59
- onClick: (props: any, propName: any) => any;
59
+ onClick: (props: any, propName: any) => Error;
60
60
  };
61
61
  };
62
62
  export default ContentCard;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ContentCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,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;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC;IACtE;;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;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,WAAW;2IAWd,gBAAgB;;;;CA6DlB,CAAC;AA4BF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ContentCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,gBAAgB;IAC/B,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;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC;IACtE;;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;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,WAAW;2IAWd,gBAAgB;;;;CA6DlB,CAAC;AA4BF,eAAe,WAAW,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  export declare const VALID_KINDS: readonly ["info", "success", "warn", "error", "theme", "neutral"];
3
- interface CountProps {
3
+ export interface CountProps {
4
4
  /** Value to display in Count */
5
5
  value: number | string;
6
6
  /** Variant of Count */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Count/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,WAAW,mEAOd,CAAC;AAEX,UAAU,UAAU;IAClB,gCAAgC;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,uBAAuB;IACvB,IAAI,CAAC,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;CACrC;AAED;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,iBAA2B,UAAU,sBAInD,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Count/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,WAAW,mEAOd,CAAC;AAEX,MAAM,WAAW,UAAU;IACzB,gCAAgC;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,uBAAuB;IACvB,IAAI,CAAC,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;CACrC;AAED;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,iBAA2B,UAAU,sBAInD,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { default as PropTypes } from 'prop-types';
3
- interface DisabledShimProps {
3
+ export interface DisabledShimProps {
4
4
  children: React.ReactNode;
5
5
  isDisabled?: boolean;
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DisabledShim/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY;+BAAsC,iBAAiB;;QAavE;;WAEG;;QAEH,mCAAmC;;;CAPpC,CAAC;AAcF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DisabledShim/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY;+BAAsC,iBAAiB;;QAavE;;WAEG;;QAEH,mCAAmC;;;CAPpC,CAAC;AAcF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { default as React } from 'react';
2
+ import { default as PropTypes } from 'prop-types';
3
+ type MarginTop = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "none";
4
+ export interface ErrorProps {
5
+ /**
6
+ * Error message(s) to display. Falsy values (including `null`) render
7
+ * nothing, which lets callers pass nullable state directly.
8
+ */
9
+ error?: string | string[] | null;
10
+ marginTop?: MarginTop;
11
+ }
12
+ declare const Error: {
13
+ ({ error, marginTop }: ErrorProps): React.JSX.Element;
14
+ propTypes: {
15
+ error: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<string[]>>;
16
+ marginTop: PropTypes.Requireable<string>;
17
+ };
18
+ };
19
+ export default Error;
20
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Error/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,KAAK,SAAS,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAqBxE,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,KAAK;2BAAkC,UAAU;;;;;CAgBtD,CAAC;AASF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { default as React } from 'react';
2
+ export interface FieldTokenProps {
3
+ /** Label text of tag. */
4
+ label: string;
5
+ /**
6
+ * Callback for user dismissal action,
7
+ * called with token label as the argument
8
+ */
9
+ onDismiss?: (label: string) => void;
10
+ /** Optional value for `data-testid` attribute */
11
+ testId?: string;
12
+ /**
13
+ * Disabled state for FieldToken
14
+ */
15
+ disabled?: boolean;
16
+ }
17
+ /**
18
+ * Shared component to render "tokens" inside inputs, active filters,
19
+ * or other user selections we want to tokenize.
20
+ */
21
+ declare const FieldToken: React.ForwardRefExoticComponent<FieldTokenProps & React.RefAttributes<HTMLDivElement>>;
22
+ export default FieldToken;
23
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FieldToken/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,QAAA,MAAM,UAAU,wFA8Cf,CAAC;AAkBF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ import { default as PropTypes } from 'prop-types';
3
+ export interface FormSectionProps {
4
+ /** Title of form section */
5
+ title?: string;
6
+ /** Optional content rendered below the section heading */
7
+ children?: React.ReactNode;
8
+ }
9
+ /**
10
+ * A sectioning element for forms that renders a label and line above the section
11
+ */
12
+ declare const FormSection: {
13
+ ({ title, children }: FormSectionProps): React.JSX.Element;
14
+ propTypes: {
15
+ /** Title of form section */
16
+ title: PropTypes.Requireable<string>;
17
+ children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
18
+ };
19
+ };
20
+ export default FormSection;
21
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,MAAM,WAAW,gBAAgB;IAC/B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,QAAA,MAAM,WAAW;0BAAyB,gBAAgB;;QAkCxD,4BAA4B;;;;CAH7B,CAAC;AAQF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,72 @@
1
+ import { default as React } from 'react';
2
+ import { default as PropTypes } from 'prop-types';
3
+ import { VALID_ICON_NAMES } from '../icons/iconNames';
4
+ import { IconName } from '../types/Icon.types';
5
+ export { VALID_ICON_NAMES };
6
+ export type IconButtonKind = "action" | "plain" | "themed";
7
+ export interface IconButtonProps {
8
+ /** Name of Narmi icon */
9
+ name: IconName;
10
+ /** Renders the icon button label */
11
+ label?: string;
12
+ /** disables the icon button when set to `true` */
13
+ disabled?: boolean;
14
+ /** style of icon button to render */
15
+ kind?: IconButtonKind;
16
+ /** type attribute for underlying HTML button element */
17
+ type?: string;
18
+ /** Optional text size of the icon in the icon button defaults different for different kinds (plain/action)*/
19
+ textSize?: "xs" | "s" | "m" | "l";
20
+ /** Click callback, with event object passed as argument */
21
+ onClick?: (event: React.MouseEvent) => void;
22
+ /** Optional value for `data-testid` attribute */
23
+ testId?: string;
24
+ /** className for adding classNames to the icon button */
25
+ className?: string;
26
+ /**
27
+ * The html element to render as the root node of `Button`.
28
+ *
29
+ * When rendering as an "a" you **MUST** pass an `href` attribute
30
+ * for the anchor to be valid.
31
+ */
32
+ as?: "a" | "button";
33
+ [x: string]: unknown;
34
+ }
35
+ /**
36
+ * Narmi style Icon Button.
37
+ *
38
+ * Icon Button renders a button with a central Narmi icon
39
+ *
40
+ */
41
+ declare const IconButton: {
42
+ ({ disabled, kind, textSize, testId, label, name, onClick, type, as, ...otherProps }: IconButtonProps): React.JSX.Element;
43
+ propTypes: {
44
+ /** Name of Narmi icon */
45
+ name: PropTypes.Validator<string>;
46
+ /** Renders the icon button label */
47
+ label: PropTypes.Requireable<string>;
48
+ /** disables the icon button when set to `true` */
49
+ disabled: PropTypes.Requireable<boolean>;
50
+ /** style of icon button to render */
51
+ kind: PropTypes.Requireable<string>;
52
+ /** type attribute for underlying HTML button element */
53
+ type: PropTypes.Requireable<string>;
54
+ /** Optional text size of the icon in the icon button defaults different for different kinds (plain/action)*/
55
+ textSize: PropTypes.Requireable<string>;
56
+ /** Click callback, with event object passed as argument */
57
+ onClick: PropTypes.Requireable<(...args: any[]) => any>;
58
+ /** Optional value for `data-testid` attribute */
59
+ testId: PropTypes.Requireable<string>;
60
+ /** className for adding classNames to the icon button */
61
+ className: PropTypes.Requireable<string>;
62
+ /**
63
+ * The html element to render as the root node of `Button`.
64
+ *
65
+ * When rendering as an "a" you **MUST** pass an `href` attribute
66
+ * for the anchor to be valid.
67
+ */
68
+ as: PropTypes.Requireable<string>;
69
+ };
70
+ };
71
+ export default IconButton;
72
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAClC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,QAAA,MAAM,UAAU;0FAWb,eAAe;;QA0BhB,yBAAyB;;QAEzB,oCAAoC;;QAEpC,kDAAkD;;QAElD,qCAAqC;;QAErC,wDAAwD;;QAExD,6GAA6G;;QAE7G,2DAA2D;;QAE3D,iDAAiD;;QAEjD,0DAA0D;;QAE1D;;;;;WAKG;;;CA1BJ,CAAC;AA8BF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { default as React } from 'react';
2
+ import { default as PropTypes } from 'prop-types';
3
+ export interface LoadingShimProps {
4
+ /** Loadable content area - will render normally unless `isLoading` is true */
5
+ children?: React.ReactNode;
6
+ /** When `true`, the loading shim appears over child content */
7
+ isLoading?: boolean;
8
+ /** Optional value for `data-testid` attribute */
9
+ testId?: string;
10
+ /** Size of the loading indicator */
11
+ size?: "s" | "l";
12
+ }
13
+ /**
14
+ * Used to wrap a block of loadable content. When `isLoading` is set to true,
15
+ * the content area will have an overlay and loading animation.
16
+ */
17
+ declare const LoadingShim: {
18
+ ({ isLoading, children, testId, size, }: LoadingShimProps): React.JSX.Element;
19
+ propTypes: {
20
+ /** Loadable content area - will render normally unless `isLoading` is true */
21
+ children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
22
+ /** When `true`, the loading shim appears over child content */
23
+ isLoading: PropTypes.Requireable<boolean>;
24
+ /** Optional value for `data-testid` attribute */
25
+ testId: PropTypes.Requireable<string>;
26
+ /** Size of the loading indicator */
27
+ size: PropTypes.Requireable<string>;
28
+ };
29
+ };
30
+ export default LoadingShim;
31
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LoadingShim/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,MAAM,WAAW,gBAAgB;IAC/B,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW;6CAKd,gBAAgB;;QAgCjB,8EAA8E;;QAE9E,+DAA+D;;QAE/D,iDAAiD;;QAEjD,oCAAoC;;;CATrC,CAAC;AAaF,eAAe,WAAW,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- interface LoadingSkeletonProps {
2
+ export interface LoadingSkeletonProps {
3
3
  /** Loadable content area - will render normally unless `isLoading` is true. */
4
4
  children?: React.ReactNode;
5
5
  /** When `true`, the child content is replaced by the skeleton imitation. */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LoadingSkeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,oBAAoB;IAC5B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,OAAO,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IACrC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,QAAA,MAAM,eAAe,GAAI,mEAQtB,oBAAoB,sBAgBtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LoadingSkeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,OAAO,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IACrC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,QAAA,MAAM,eAAe,GAAI,mEAQtB,oBAAoB,sBAgBtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -0,0 +1,69 @@
1
+ import { default as React } from 'react';
2
+ import { default as PropTypes } from 'prop-types';
3
+ export interface PaginationProps {
4
+ /**
5
+ * Total number of pages
6
+ * If the number of pages is 1, pagination will not render
7
+ */
8
+ totalPages?: number;
9
+ /**
10
+ * Default selected page by page number (uncontrolled)
11
+ */
12
+ defaultSelectedPage?: number;
13
+ /**
14
+ * Selected page by page number (controlled).
15
+ * In fully controlled mode, you **must** define an `onPageChange`
16
+ * handler to update the value of the `selectedPage` prop.
17
+ */
18
+ selectedPage?: number;
19
+ /**
20
+ * Callback invoked when user selects a new page via page numbers or
21
+ * previous/next arrows.
22
+ *
23
+ * Invoked with selected page number as the argument.
24
+ */
25
+ onPageChange?: (page: number) => void;
26
+ /** Optional value for `data-testid` attribute */
27
+ testId?: string;
28
+ }
29
+ /**
30
+ * Component that allows users to navigate between pages of information.
31
+ * Your application is responsible for setting the total number of pages and
32
+ * responding to the `onPageChange` callback.
33
+ *
34
+ * The component will handle which page numbers to render, next and previous arrows,
35
+ * and conditionally rendering first and last pages.
36
+ *
37
+ * If your pagination setup expects a fully controlled component, you may set `defaultSelectedPage` on every `onPageChange` call.
38
+ */
39
+ declare const Pagination: {
40
+ ({ onPageChange, totalPages, defaultSelectedPage, selectedPage: selectedPageControlled, testId, }: PaginationProps): React.JSX.Element;
41
+ propTypes: {
42
+ /**
43
+ * Total number of pages
44
+ * If the number of pages is 1, pagination will not render
45
+ */
46
+ totalPages: PropTypes.Requireable<number>;
47
+ /**
48
+ * Default selected page by page number (uncontrolled)
49
+ */
50
+ defaultSelectedPage: PropTypes.Requireable<number>;
51
+ /**
52
+ * Selected page by page number (controlled).
53
+ * In fully controlled mode, you **must** define an `onPageChange`
54
+ * handler to update the value of the `selectedPage` prop.
55
+ */
56
+ selectedPage: PropTypes.Requireable<number>;
57
+ /**
58
+ * Callback invoked when user selects a new page via page numbers or
59
+ * previous/next arrows.
60
+ *
61
+ * Invoked with selected page number as the argument.
62
+ */
63
+ onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
64
+ /** Optional value for `data-testid` attribute */
65
+ testId: PropTypes.Requireable<string>;
66
+ };
67
+ };
68
+ export default Pagination;
69
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,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"}
@@ -0,0 +1,39 @@
1
+ interface UsePaginationOptions {
2
+ /** The total number of pages */
3
+ totalPages: number;
4
+ /** The selected page by page number */
5
+ selectedPageNumber?: number;
6
+ /** The size of the visible window of pages */
7
+ windowSize?: number;
8
+ }
9
+ type UsePaginationResult = {
10
+ /** List of visible pages by page number */
11
+ visiblePages: number[];
12
+ /** The page number of the currently selected page */
13
+ selectedPage: number;
14
+ /** The index of the currently selected page */
15
+ selectedIndex: number;
16
+ /** Whether to show the first page button */
17
+ showFirstPage: boolean;
18
+ /** Whether to show the last page button */
19
+ showLastPage: boolean;
20
+ /** Whether to show previous arrow */
21
+ showPrev: boolean;
22
+ /** Whether to show next arrow */
23
+ showNext: boolean;
24
+ };
25
+ /**
26
+ * Create an array of consecutive numbers from start to end (inclusive)
27
+ */
28
+ export declare const range: (start: number, end: number) => number[];
29
+ /**
30
+ * Calculate the sliding window of visible pages
31
+ */
32
+ export declare const calculateVisiblePages: (totalPages: number, selectedPage: number, windowSize: number) => number[];
33
+ /**
34
+ * Headless hook for pagination attributes.
35
+ * Creates a sliding window of visible pages with current selection centered.
36
+ */
37
+ export declare const usePagination: ({ totalPages, selectedPageNumber, windowSize, }: UsePaginationOptions) => UsePaginationResult;
38
+ export {};
39
+ //# sourceMappingURL=usePagination.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../src/Pagination/usePagination.ts"],"names":[],"mappings":"AAIA,UAAU,oBAAoB;IAC5B,gCAAgC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,KAAK,mBAAmB,GAAG;IACzB,2CAA2C;IAC3C,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,qDAAqD;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,aAAa,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,aAAa,EAAE,OAAO,CAAC;IACvB,2CAA2C;IAC3C,YAAY,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,KAAG,MAAM,EACH,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAChC,YAAY,MAAM,EAClB,cAAc,MAAM,EACpB,YAAY,MAAM,KACjB,MAAM,EA4BR,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,iDAI3B,oBAAoB,KAAG,mBA0BzB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- interface ProgressBarProps {
2
+ export interface ProgressBarProps {
3
3
  /**
4
4
  * Int from 0 to 100
5
5
  */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAGjE,UAAU,gBAAgB;IACxB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,GAAI,mDAKlB,gBAAgB,sBAuDlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAGjE,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,GAAI,mDAKlB,gBAAgB,sBAuDlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,9 +1,9 @@
1
1
  import { default as React } from 'react';
2
2
  export type RadioKind = "normal" | "card" | "input-card" | "checkmark" | "rating";
3
- interface RadioProps {
3
+ export interface RadioProps {
4
4
  /** The `name` attribute for radio input. Use this to group radio sets. */
5
5
  name: string;
6
- /** The `value attribute for the radio input */
6
+ /** The `value` attribute for the radio input */
7
7
  value: string;
8
8
  /** Custom label for the Radio input*/
9
9
  children: React.ReactNode | string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,WAAW,GACX,QAAQ,CAAC;AAEb,UAAU,UAAU;IAClB,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,2FAWZ,UAAU,sBAkEZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,WAAW,GACX,QAAQ,CAAC;AAEb,MAAM,WAAW,UAAU;IACzB,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,2FAWZ,UAAU,sBAkEZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,52 @@
1
+ import { default as React } from 'react';
2
+ import { default as PropTypes } from 'prop-types';
3
+ /** Standard Narmi breakpoint names */
4
+ export type ResponsiveFlexSize = "s" | "m" | "l" | "xl";
5
+ export type ResponsiveFlexGap = "xs" | "s" | "m" | "l" | "xl";
6
+ export type ResponsiveFlexDirection = "row" | "column";
7
+ export type FlexDirection = ResponsiveFlexDirection | "row-reverse" | "column-reverse";
8
+ export interface GetFlexDirectionArgs {
9
+ viewportMatches: Record<ResponsiveFlexSize, boolean>;
10
+ direction: ResponsiveFlexDirection;
11
+ toColumnAt?: ResponsiveFlexSize;
12
+ toRowAt?: ResponsiveFlexSize;
13
+ reverseAt?: ResponsiveFlexSize;
14
+ }
15
+ export declare const getFlexDirection: ({ viewportMatches, direction, toColumnAt, toRowAt, reverseAt, }: GetFlexDirectionArgs) => FlexDirection;
16
+ export interface ResponsiveFlexProps {
17
+ /** Implicit flex children */
18
+ children?: React.ReactNode;
19
+ /** Size of flex gap by token size (e.g. "xl") */
20
+ gapSize?: ResponsiveFlexGap;
21
+ /** Initial flex direction */
22
+ direction?: ResponsiveFlexDirection;
23
+ /** Breakpoint at which to reverse order of flex items */
24
+ reverseAt?: ResponsiveFlexSize;
25
+ /** Breakpoint at which to change flex direction to column */
26
+ toColumnAt?: ResponsiveFlexSize;
27
+ /** Breakpoint at which to change flex direction to row */
28
+ toRowAt?: ResponsiveFlexSize;
29
+ }
30
+ /**
31
+ * Responsive layout helper that allows developers to declaratively control
32
+ * how flex items behave at different standard viewport sizes.
33
+ */
34
+ declare const ResponsiveFlex: {
35
+ ({ children, direction, gapSize, reverseAt, toColumnAt, toRowAt, }: ResponsiveFlexProps): React.JSX.Element;
36
+ propTypes: {
37
+ /** Implicit flex children */
38
+ children: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
39
+ /** Size of flex gap by token size (e.g. "xl") */
40
+ gapSize: PropTypes.Requireable<string>;
41
+ /** Initial flex direction */
42
+ direction: PropTypes.Requireable<string>;
43
+ /** Breakpoint at which to reverse order of flex items */
44
+ reverseAt: PropTypes.Requireable<string>;
45
+ /** Breakpoint at which to change flex direction to column */
46
+ toColumnAt: PropTypes.Requireable<string>;
47
+ /** Breakpoint at which to change flex direction to row */
48
+ toRowAt: PropTypes.Requireable<string>;
49
+ };
50
+ };
51
+ export default ResponsiveFlex;
52
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ResponsiveFlex/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,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,5 @@
1
1
  import { default as React } from 'react';
2
- interface SeparatorListProps {
2
+ export interface SeparatorListProps {
3
3
  items: React.ReactNode[];
4
4
  separator?: string;
5
5
  noWrap?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SeparatorList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2B/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SeparatorList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2B/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- export interface Props {
2
+ export interface SliderProps {
3
3
  /** Visually hidden label to describe the input */
4
4
  label: string;
5
5
  /** `name` attribute passed to the lower value input thumb */
@@ -26,6 +26,6 @@ export interface Props {
26
26
  */
27
27
  output?: string;
28
28
  }
29
- declare const Slider: (props: Props) => React.JSX.Element;
29
+ declare const Slider: (props: SliderProps) => React.JSX.Element;
30
30
  export default Slider;
31
31
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,MAAM,WAAW,KAAK;IACpB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,wCAAwC;IACxC,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,QAAA,MAAM,MAAM,GAAI,OAAO,KAAK,sBAmC3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,MAAM,WAAW,WAAW;IAC1B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,wCAAwC;IACxC,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,sBAmCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,12 +1,16 @@
1
1
  import { default as React } from 'react';
2
+ export interface SnackbarProps {
3
+ /** Content of the snackbar */
4
+ children?: React.ReactNode;
5
+ /** When `true`, the snackbar is rendered */
6
+ isActive?: boolean;
7
+ }
2
8
  /**
3
9
  * A status toolbar for multiple selection in a table.
4
10
  * Intended to be rendered in fixed position over a table.
5
11
  */
6
12
  declare const Snackbar: {
7
- ({ children, isActive, }: React.PropsWithChildren<{
8
- isActive: boolean;
9
- }>): React.JSX.Element;
13
+ ({ children, isActive }: SnackbarProps): React.JSX.Element;
10
14
  ButtonGroup: ({ children }: React.PropsWithChildren) => React.JSX.Element;
11
15
  Divider: () => React.JSX.Element;
12
16
  Text: ({ children }: React.PropsWithChildren) => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkD1B;;;GAGG;AACH,QAAA,MAAM,QAAQ;8BAGX,KAAK,CAAC,iBAAiB,CAAC;QACzB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;gCArByC,KAAK,CAAC,iBAAiB;;yBAP9B,KAAK,CAAC,iBAAiB;CA0C1D,CAAC;AAKF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkD1B,MAAM,WAAW,aAAa;IAC5B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,QAAA,MAAM,QAAQ;6BAAoC,aAAa;gCAvBpB,KAAK,CAAC,iBAAiB;;yBAP9B,KAAK,CAAC,iBAAiB;CA4C1D,CAAC;AAKF,eAAe,QAAQ,CAAC"}