@jobber/components 6.37.0 → 6.38.1

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 (93) hide show
  1. package/Cluster.d.ts +1 -0
  2. package/Cluster.js +17 -0
  3. package/Container.d.ts +1 -0
  4. package/Container.js +17 -0
  5. package/ContentBlock.d.ts +1 -0
  6. package/ContentBlock.js +17 -0
  7. package/Cover.d.ts +1 -0
  8. package/Cover.js +17 -0
  9. package/Frame.d.ts +1 -0
  10. package/Frame.js +17 -0
  11. package/ResponsiveSwitcher.d.ts +1 -0
  12. package/ResponsiveSwitcher.js +17 -0
  13. package/SideKick.d.ts +1 -0
  14. package/SideKick.js +17 -0
  15. package/Stack.d.ts +1 -0
  16. package/Stack.js +17 -0
  17. package/Tiles.d.ts +1 -0
  18. package/Tiles.js +17 -0
  19. package/dist/Cluster/Cluster.d.ts +2 -0
  20. package/dist/Cluster/index.cjs +10 -0
  21. package/dist/Cluster/index.d.ts +1 -0
  22. package/dist/Cluster/index.mjs +4 -0
  23. package/dist/Cluster/types.d.ts +47 -0
  24. package/dist/Cluster-cjs.js +14 -0
  25. package/dist/Cluster-es.js +12 -0
  26. package/dist/Container/Container.d.ts +5 -0
  27. package/dist/Container/index.cjs +9 -0
  28. package/dist/Container/index.d.ts +1 -0
  29. package/dist/Container/index.mjs +3 -0
  30. package/dist/Container/types.d.ts +22 -0
  31. package/dist/Container-cjs.js +18 -0
  32. package/dist/Container-es.js +16 -0
  33. package/dist/ContentBlock/ContentBlock.d.ts +2 -0
  34. package/dist/ContentBlock/index.cjs +16 -0
  35. package/dist/ContentBlock/index.d.ts +1 -0
  36. package/dist/ContentBlock/index.mjs +10 -0
  37. package/dist/ContentBlock/types.d.ts +37 -0
  38. package/dist/ContentBlock-cjs.js +31 -0
  39. package/dist/ContentBlock-es.js +29 -0
  40. package/dist/Cover/Cover.d.ts +5 -0
  41. package/dist/Cover/index.cjs +10 -0
  42. package/dist/Cover/index.d.ts +1 -0
  43. package/dist/Cover/index.mjs +4 -0
  44. package/dist/Cover/types.d.ts +34 -0
  45. package/dist/Cover-cjs.js +16 -0
  46. package/dist/Cover-es.js +14 -0
  47. package/dist/Frame/Frame.d.ts +2 -0
  48. package/dist/Frame/index.cjs +9 -0
  49. package/dist/Frame/index.d.ts +2 -0
  50. package/dist/Frame/index.mjs +3 -0
  51. package/dist/Frame/types.d.ts +24 -0
  52. package/dist/Frame-cjs.js +12 -0
  53. package/dist/Frame-es.js +10 -0
  54. package/dist/ResponsiveSwitcher/ResponsiveSwitcher.d.ts +2 -0
  55. package/dist/ResponsiveSwitcher/index.cjs +10 -0
  56. package/dist/ResponsiveSwitcher/index.d.ts +1 -0
  57. package/dist/ResponsiveSwitcher/index.mjs +4 -0
  58. package/dist/ResponsiveSwitcher/types.d.ts +26 -0
  59. package/dist/ResponsiveSwitcher-cjs.js +13 -0
  60. package/dist/ResponsiveSwitcher-es.js +11 -0
  61. package/dist/SideKick/SideKick.d.ts +2 -0
  62. package/dist/SideKick/index.cjs +10 -0
  63. package/dist/SideKick/index.d.ts +1 -0
  64. package/dist/SideKick/index.mjs +4 -0
  65. package/dist/SideKick/types.d.ts +35 -0
  66. package/dist/SideKick-cjs.js +17 -0
  67. package/dist/SideKick-es.js +15 -0
  68. package/dist/Stack/Stack.d.ts +2 -0
  69. package/dist/Stack/index.cjs +10 -0
  70. package/dist/Stack/index.d.ts +1 -0
  71. package/dist/Stack/index.mjs +4 -0
  72. package/dist/Stack/types.d.ts +32 -0
  73. package/dist/Stack-cjs.js +15 -0
  74. package/dist/Stack-es.js +13 -0
  75. package/dist/Tiles/Tiles.d.ts +2 -0
  76. package/dist/Tiles/index.cjs +10 -0
  77. package/dist/Tiles/index.d.ts +1 -0
  78. package/dist/Tiles/index.mjs +4 -0
  79. package/dist/Tiles/types.d.ts +26 -0
  80. package/dist/Tiles-cjs.js +13 -0
  81. package/dist/Tiles-es.js +11 -0
  82. package/dist/getMappedAtlantisSpaceToken-cjs.js +20 -0
  83. package/dist/getMappedAtlantisSpaceToken-es.js +17 -0
  84. package/dist/index.cjs +19 -0
  85. package/dist/index.d.mts +9 -0
  86. package/dist/index.d.ts +9 -0
  87. package/dist/index.mjs +10 -0
  88. package/dist/sharedHelpers/getMappedAtlantisSpaceToken.d.ts +3 -0
  89. package/dist/sharedHelpers/getMappedBreakpointWidth.d.ts +8 -0
  90. package/dist/sharedHelpers/types.d.ts +15 -0
  91. package/dist/styles.css +649 -20
  92. package/dist/utils/meta/meta.json +11 -0
  93. package/package.json +47 -2
package/dist/index.d.ts CHANGED
@@ -9,12 +9,16 @@ export * from "./Box";
9
9
  export * from "./Button";
10
10
  export * from "./ButtonDismiss";
11
11
  export * from "./Card";
12
+ export * from "./Cluster";
13
+ export * from "./Container";
14
+ export * from "./Cover";
12
15
  export * from "./Checkbox";
13
16
  export * from "./Chip";
14
17
  export { Chips } from "./Chips";
15
18
  export * from "./Combobox";
16
19
  export * from "./ConfirmationModal";
17
20
  export * from "./Content";
21
+ export * from "./ContentBlock";
18
22
  export * from "./Countdown";
19
23
  export * from "./DataDump";
20
24
  export * from "./DataList";
@@ -34,6 +38,7 @@ export * from "./FormatEmail";
34
38
  export * from "./FormatFile";
35
39
  export * from "./FormatRelativeDateTime";
36
40
  export * from "./FormatTime";
41
+ export * from "./Frame";
37
42
  export * from "./Gallery";
38
43
  export * from "./Glimmer";
39
44
  export * from "./Grid";
@@ -63,16 +68,20 @@ export * from "./Popover";
63
68
  export * from "./ProgressBar";
64
69
  export * from "./RadioGroup";
65
70
  export * from "./RecurringSelect";
71
+ export * from "./ResponsiveSwitcher";
66
72
  export * from "./Select";
67
73
  export * from "./SegmentedControl";
68
74
  export * from "./SideDrawer";
75
+ export * from "./SideKick";
69
76
  export * from "./Spinner";
70
77
  export * from "./StatusIndicator";
71
78
  export * from "./StatusLabel";
79
+ export * from "./Stack";
72
80
  export * from "./Switch";
73
81
  export * from "./Table";
74
82
  export * from "./Tabs";
75
83
  export * from "./Text";
84
+ export * from "./Tiles";
76
85
  export * from "./Toast";
77
86
  export * from "./Tooltip";
78
87
  export * from "./Typography";
package/dist/index.mjs CHANGED
@@ -19,6 +19,9 @@ export { B as Box } from './Box-es.js';
19
19
  export { B as Button, a as useButtonContext, u as useButtonStyles } from './Button-es.js';
20
20
  export { B as ButtonDismiss } from './ButtonDismiss-es.js';
21
21
  export { C as Card } from './Card-es.js';
22
+ export { C as Cluster } from './Cluster-es.js';
23
+ export { C as Container } from './Container-es.js';
24
+ export { C as Cover } from './Cover-es.js';
22
25
  export { Checkbox } from './Checkbox/index.mjs';
23
26
  export { C as Chip } from './Chip-es.js';
24
27
  export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-es.js';
@@ -28,6 +31,7 @@ export { C as Combobox } from './Combobox-es.js';
28
31
  export { C as ComboboxContextProvider } from './ComboboxProvider-es.js';
29
32
  export { C as ConfirmationModal } from './ConfirmationModal-es.js';
30
33
  export { C as Content } from './Content-es.js';
34
+ export { C as ContentBlock } from './ContentBlock-es.js';
31
35
  export { C as Countdown } from './Countdown-es.js';
32
36
  export { D as DataDump } from './DataDump-es.js';
33
37
  export { D as DataList } from './DataList-es.js';
@@ -49,6 +53,7 @@ export { F as FormatEmail } from './FormatEmail-es.js';
49
53
  export { F as FormatFile } from './FormatFile-es.js';
50
54
  export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-es.js';
51
55
  export { F as FormatTime } from './FormatTime-es.js';
56
+ export { F as Frame } from './Frame-es.js';
52
57
  export { G as Gallery } from './Gallery-es.js';
53
58
  export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-es.js';
54
59
  export { G as GRID_TEST_ID, a as Grid } from './Grid-es.js';
@@ -77,15 +82,19 @@ export { P as ProgressBar } from './ProgressBar-es.js';
77
82
  export { R as RadioGroup, a as RadioOption } from './RadioGroup-es.js';
78
83
  export { R as RecurringSelect } from './RecurringSelect-es.js';
79
84
  export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-es.js';
85
+ export { R as ResponsiveSwitcher } from './ResponsiveSwitcher-es.js';
80
86
  export { a as Option, S as Select } from './Option-es.js';
81
87
  export { S as SegmentedControl, a as SegmentedControlContext, b as SegmentedControlProvider, u as useSegmentedControl } from './SegmentedControl-es.js';
82
88
  export { S as SideDrawer } from './SideDrawer-es.js';
89
+ export { S as SideKick } from './SideKick-es.js';
83
90
  export { S as Spinner } from './Spinner-es.js';
84
91
  export { S as StatusIndicator } from './StatusIndicator-es.js';
85
92
  export { S as StatusLabel } from './StatusLabel-es.js';
93
+ export { S as Stack } from './Stack-es.js';
86
94
  export { S as Switch } from './Switch-es.js';
87
95
  export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-es.js';
88
96
  export { a as Tab, T as Tabs } from './Tabs-es.js';
97
+ export { T as Tiles } from './Tiles-es.js';
89
98
  export { T as Toast, s as showToast } from './showToast-es.js';
90
99
  export { T as Tooltip } from './Tooltip-es.js';
91
100
  export { T as Typography } from './Typography-es.js';
@@ -108,6 +117,7 @@ import './isSymbol-es.js';
108
117
  import 'color';
109
118
  import './BannerIcon-es.js';
110
119
  import 'react-router-dom';
120
+ import './getMappedAtlantisSpaceToken-es.js';
111
121
  import 'react-hook-form';
112
122
  import './useInView-es.js';
113
123
  import './useChildComponent-es.js';
@@ -0,0 +1,3 @@
1
+ import { Spaces } from "./types";
2
+ export declare const spaceTokens: Record<Spaces, string>;
3
+ export declare const getMappedAtlantisSpaceToken: (space: Spaces | (string & NonNullable<unknown>) | undefined) => string | undefined;
@@ -0,0 +1,8 @@
1
+ export declare const AtlantisBreakpoints: {
2
+ xs: number;
3
+ sm: number;
4
+ md: number;
5
+ lg: number;
6
+ xl: number;
7
+ };
8
+ export declare const getMappedBreakpointWidth: (maxWidth: keyof typeof AtlantisBreakpoints | string | number) => string;
@@ -0,0 +1,15 @@
1
+ export interface CommonAtlantisProps {
2
+ /** Standard HTML data attributes. Accepts anything in a {{"data-key":"value"}} format. */
3
+ dataAttributes?: {
4
+ [key: `data-${string}`]: string;
5
+ };
6
+ /** Standard HTML aria attributes. Accepts all standard HTML aria attributes. */
7
+ ariaAttributes?: React.AriaAttributes;
8
+ /** Standard HTML role attribute. */
9
+ role?: React.AriaRole;
10
+ /** Standard HTML id attribute. */
11
+ id?: string;
12
+ }
13
+ export type CommonAllowedElements = "section" | "p" | "article" | "ul" | "li" | "div" | "span" | "dl" | "dd" | "dt";
14
+ export type Spaces = "minuscule" | "slim" | "smallest" | "smaller" | "small" | "base" | "large" | "larger" | "largest" | "extravagant";
15
+ export type GapSpacing = Spaces | (string & NonNullable<unknown>);