@autoguru/overdrive 4.63.0 → 4.64.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 (55) hide show
  1. package/dist/components/Alert/Alert.d.ts +4 -1
  2. package/dist/components/Alert/Alert.d.ts.map +1 -1
  3. package/dist/components/Alert/Alert.js +11 -5
  4. package/dist/components/Calendar/Calendar.css.js +3 -3
  5. package/dist/components/FilterChip/FilterChip.css.d.ts +64 -0
  6. package/dist/components/FilterChip/FilterChip.css.d.ts.map +1 -0
  7. package/dist/components/FilterChip/FilterChip.css.js +243 -0
  8. package/dist/components/FilterChip/FilterChip.d.ts +112 -0
  9. package/dist/components/FilterChip/FilterChip.d.ts.map +1 -0
  10. package/dist/components/FilterChip/FilterChip.js +152 -0
  11. package/dist/components/FilterChip/default.d.ts +2 -0
  12. package/dist/components/FilterChip/default.d.ts.map +1 -0
  13. package/dist/components/FilterChip/default.js +1 -0
  14. package/dist/components/FilterChip/index.d.ts +3 -0
  15. package/dist/components/FilterChip/index.d.ts.map +1 -0
  16. package/dist/components/FilterChip/index.js +1 -0
  17. package/dist/components/MinimalModal/MinimalModal.css.js +4 -4
  18. package/dist/components/Portal/Portal.d.ts +6 -0
  19. package/dist/components/Portal/Portal.d.ts.map +1 -1
  20. package/dist/components/Portal/Portal.js +7 -0
  21. package/dist/components/StandardModal/StandardModal.css.js +2 -2
  22. package/dist/components/StandardModal/StandardModal.js +3 -2
  23. package/dist/components/Tabs/Tab.css.d.ts +40 -0
  24. package/dist/components/Tabs/Tab.css.d.ts.map +1 -1
  25. package/dist/components/Tabs/Tab.css.js +69 -8
  26. package/dist/components/Tabs/Tab.js +1 -1
  27. package/dist/components/Tabs/TabList.css.d.ts +1 -0
  28. package/dist/components/Tabs/TabList.css.d.ts.map +1 -1
  29. package/dist/components/Tabs/TabList.css.js +2 -1
  30. package/dist/components/Tabs/TabList.d.ts.map +1 -1
  31. package/dist/components/Tabs/TabList.js +5 -2
  32. package/dist/components/Tabs/TabPane.js +2 -1
  33. package/dist/components/Tabs/TabPanes.js +2 -1
  34. package/dist/components/Tabs/Tabs.d.ts +2 -0
  35. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  36. package/dist/components/Tabs/Tabs.js +4 -1
  37. package/dist/components/Tabs/index.d.ts +4 -3
  38. package/dist/components/Tabs/index.d.ts.map +1 -1
  39. package/dist/components/index.d.ts +2 -1
  40. package/dist/components/index.d.ts.map +1 -1
  41. package/dist/components/index.js +1 -0
  42. package/dist/index.d.ts +1 -1
  43. package/dist/index.d.ts.map +1 -1
  44. package/dist/index.js +1 -1
  45. package/dist/themes/flat_red/index.d.ts +5 -0
  46. package/dist/themes/flat_red/index.d.ts.map +1 -1
  47. package/dist/themes/flat_red/tokens.d.ts +5 -0
  48. package/dist/themes/flat_red/tokens.d.ts.map +1 -1
  49. package/dist/themes/flat_red/tokens.js +10 -0
  50. package/dist/themes/neutral/index.d.ts +5 -0
  51. package/dist/themes/neutral/index.d.ts.map +1 -1
  52. package/dist/themes/neutral/tokens.d.ts +5 -0
  53. package/dist/themes/neutral/tokens.d.ts.map +1 -1
  54. package/dist/themes/neutral/tokens.js +11 -0
  55. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ export { FilterChip as default } from "./FilterChip.js";
@@ -0,0 +1,3 @@
1
+ export { FilterChip } from './FilterChip';
2
+ export type { FilterChipProps, FilterChipType } from './FilterChip';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/FilterChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1 @@
1
+ export { FilterChip } from "./FilterChip.js";
@@ -10,12 +10,12 @@ export const content = style({
10
10
  overscrollBehavior: 'contain'
11
11
  }, "content");
12
12
  const borderRoundTop = style({
13
- borderTopLeftRadius: tokens.border.radius['2xl'],
14
- borderTopRightRadius: tokens.border.radius['2xl']
13
+ borderTopLeftRadius: tokens.border.radius.medium,
14
+ borderTopRightRadius: tokens.border.radius.medium
15
15
  }, "borderRoundTop");
16
16
  const borderRoundBottom = style({
17
- borderBottomLeftRadius: tokens.border.radius['2xl'],
18
- borderBottomRightRadius: tokens.border.radius['2xl']
17
+ borderBottomLeftRadius: tokens.border.radius.medium,
18
+ borderBottomRightRadius: tokens.border.radius.medium
19
19
  }, "borderRoundBottom");
20
20
  export const borders = styleVariants({
21
21
  center: [borderRoundTop, borderRoundBottom],
@@ -2,6 +2,12 @@ import React from 'react';
2
2
  export interface PortalProps {
3
3
  children?: React.ReactNode;
4
4
  container?: HTMLElement;
5
+ /**
6
+ * Renders the children with no wrapper element. The wrapper is what carries
7
+ * the theme class and the provider's colour overrides, so opting out of it
8
+ * also opts out of tenant branding — the portalled subtree falls back to
9
+ * base-theme tokens.
10
+ */
5
11
  noThemedWrapper?: boolean;
6
12
  }
7
13
  declare const _Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLElement | undefined>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../lib/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAMhF,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAoDD,QAAA,MAAM,OAAO,6FAAqB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../lib/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAMhF,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AA6DD,QAAA,MAAM,OAAO,6FAAqB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
@@ -10,6 +10,7 @@ function Portal({
10
10
  }, ref) {
11
11
  const {
12
12
  themeClass,
13
+ overrideStyles,
13
14
  portalMountPoint
14
15
  } = useTheme();
15
16
  const [mountPoint, setMountPoint] = useState(null);
@@ -41,8 +42,14 @@ function Portal({
41
42
  };
42
43
  }, [ref, mountNode]);
43
44
  if (!mountNode) return null;
45
+
46
+ // The wrapper carries the provider's colour overrides as well as its theme
47
+ // class: custom properties inherit down the DOM, and the portal mounts
48
+ // outside the provider div, so without them a branded tenant's drawers,
49
+ // modals, toasts and popovers fall back to base-theme tokens.
44
50
  return noThemedWrapper ? /*#__PURE__*/createPortal(children, mountNode) : /*#__PURE__*/createPortal(/*#__PURE__*/_jsx("div", {
45
51
  className: themeClass,
52
+ style: overrideStyles,
46
53
  children: children
47
54
  }), mountNode);
48
55
  }
@@ -11,7 +11,7 @@ export const container = style({
11
11
  }, "container");
12
12
  export const modal = style(_objectSpread({
13
13
  alignSelf: 'flex-end',
14
- borderRadius: `${vars.border.radius['2xl']} ${vars.border.radius['2xl']} 0 0`,
14
+ borderRadius: `${vars.border.radius.medium} ${vars.border.radius.medium} 0 0`,
15
15
  height: 'auto',
16
16
  maxHeight: `calc(100vh - ${vars.space['9']})`,
17
17
  minHeight: `calc(3 * ${vars.space['9']})`,
@@ -19,7 +19,7 @@ export const modal = style(_objectSpread({
19
19
  }, responsiveStyle({
20
20
  tablet: {
21
21
  alignSelf: 'center',
22
- borderRadius: vars.border.radius['2xl']
22
+ borderRadius: vars.border.radius.medium
23
23
  },
24
24
  desktop: {
25
25
  maxWidth: `calc(100% - ${vars.space['12']} * 2)`,
@@ -74,7 +74,7 @@ export const StandardModal = ({
74
74
  "aria-labelledby": titleId,
75
75
  display: "flex",
76
76
  flexDirection: "column",
77
- backgroundColor: "white",
77
+ backgroundColor: "default",
78
78
  marginTop: "9",
79
79
  className: clsx([styles.modal, {
80
80
  [styles.modalSizeStandard]: size === 'standard'
@@ -100,7 +100,8 @@ export const StandardModal = ({
100
100
  flexGrow: "0",
101
101
  id: titleId,
102
102
  children: /*#__PURE__*/_jsx(Heading, {
103
- as: "h4",
103
+ as: "h2",
104
+ color: "primary",
104
105
  children: title
105
106
  })
106
107
  }), /*#__PURE__*/_jsx(Button, {
@@ -30,6 +30,39 @@ export declare const styledTab: import("@vanilla-extract/recipes").RuntimeFn<{
30
30
  };
31
31
  };
32
32
  };
33
+ segmented: {
34
+ borderColor: `var(--${string})`;
35
+ borderStyle: "solid";
36
+ borderWidth: `var(--${string})`;
37
+ color: `var(--${string})`;
38
+ flex: "1 0 0";
39
+ fontSize: `var(--${string})`;
40
+ fontWeight: `var(--${string})`;
41
+ lineHeight: `var(--${string})`;
42
+ minHeight: `var(--${string})`;
43
+ minWidth: number;
44
+ overflow: "hidden";
45
+ padding: `var(--${string}) var(--${string})`;
46
+ ':focus-visible': {
47
+ outlineOffset: "-1px";
48
+ };
49
+ selectors: {
50
+ '&:first-child': {
51
+ borderBottomLeftRadius: `var(--${string})`;
52
+ borderTopLeftRadius: `var(--${string})`;
53
+ };
54
+ '&:last-child': {
55
+ borderBottomRightRadius: `var(--${string})`;
56
+ borderTopRightRadius: `var(--${string})`;
57
+ };
58
+ '&+&': {
59
+ marginLeft: `calc(-1 * var(--${string}))`;
60
+ };
61
+ '&:not([aria-selected=true]):hover': {
62
+ backgroundColor: `var(--${string})`;
63
+ };
64
+ };
65
+ };
33
66
  };
34
67
  active: {
35
68
  true: {};
@@ -47,6 +80,13 @@ export declare const indication: import("@vanilla-extract/recipes").RuntimeFn<{
47
80
  };
48
81
  };
49
82
  minimal: {};
83
+ segmented: {
84
+ selectors: {
85
+ [x: string]: {
86
+ backgroundColor: `var(--${string})`;
87
+ };
88
+ };
89
+ };
50
90
  };
51
91
  active: {
52
92
  true: {};
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsFpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;EAsDrB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Tab.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmIpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;EAwErB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC"}
@@ -51,6 +51,39 @@ export const styledTab = recipe({
51
51
  marginLeft: vars.space['6']
52
52
  }
53
53
  }
54
+ },
55
+ segmented: {
56
+ borderColor: vars.color.border.default,
57
+ borderStyle: 'solid',
58
+ borderWidth: vars.border.width['1'],
59
+ color: vars.color.foreground.secondary,
60
+ flex: '1 0 0',
61
+ fontSize: vars.typography.size.p2.fontSize,
62
+ fontWeight: vars.typography.fontWeight.semiBold,
63
+ lineHeight: vars.typography.size.p2.lineHeight,
64
+ minHeight: vars.space['8'],
65
+ minWidth: 0,
66
+ overflow: 'hidden',
67
+ padding: `${vars.space['2']} ${vars.space['4']}`,
68
+ ':focus-visible': {
69
+ outlineOffset: '-1px'
70
+ },
71
+ selectors: {
72
+ '&:first-child': {
73
+ borderBottomLeftRadius: vars.border.radius.small,
74
+ borderTopLeftRadius: vars.border.radius.small
75
+ },
76
+ '&:last-child': {
77
+ borderBottomRightRadius: vars.border.radius.small,
78
+ borderTopRightRadius: vars.border.radius.small
79
+ },
80
+ '&+&': {
81
+ marginLeft: `calc(-1 * ${vars.border.width['1']})`
82
+ },
83
+ '&:not([aria-selected=true]):hover': {
84
+ backgroundColor: vars.color.background.emphasisInactive
85
+ }
86
+ }
54
87
  }
55
88
  },
56
89
  active: {
@@ -63,8 +96,8 @@ export const styledTab = recipe({
63
96
  active: true
64
97
  },
65
98
  style: {
66
- color: vars.colours.intent.neutral.background.strong,
67
- borderBottomColor: vars.colours.intent.neutral.background.strong
99
+ color: vars.color.foreground.primary,
100
+ borderBottomColor: vars.color.border.strong
68
101
  }
69
102
  }, {
70
103
  variants: {
@@ -84,6 +117,18 @@ export const styledTab = recipe({
84
117
  color: vars.color.content.normal,
85
118
  borderBottomColor: vars.color.content.normal
86
119
  }
120
+ }, {
121
+ variants: {
122
+ appearance: 'segmented',
123
+ active: true
124
+ },
125
+ style: {
126
+ backgroundColor: vars.color.background.reverse,
127
+ borderColor: vars.color.background.reverse,
128
+ color: vars.color.foreground.reverse,
129
+ position: 'relative',
130
+ zIndex: 1
131
+ }
87
132
  }],
88
133
  defaultVariants: {
89
134
  appearance: 'underlined'
@@ -96,14 +141,14 @@ export const item = style({
96
141
  }, "item");
97
142
  export const indication = recipe({
98
143
  base: [{
99
- backgroundColor: vars.colours.background.light,
144
+ backgroundColor: vars.color.background.emphasisInactive,
100
145
  borderRadius: vars.border.radius.pill,
101
146
  display: 'inline-block',
102
147
  minWidth: size,
103
148
  height: size,
104
149
  padding: `0 ${vars.space['1']}`,
105
150
  lineHeight: size,
106
- transition: `color 0.2s ${vars.animation.easing.decelerate} 0s, backgroundColor 0.2s ${vars.animation.easing.decelerate} 0s`
151
+ transition: `color 0.2s ${vars.animation.easing.decelerate} 0s, background-color 0.2s ${vars.animation.easing.decelerate} 0s`
107
152
  }],
108
153
  variants: {
109
154
  appearance: {
@@ -111,11 +156,18 @@ export const indication = recipe({
111
156
  pill: {
112
157
  selectors: {
113
158
  [`${styledTab.classNames.base}:not([aria-selected=true]):hover &`]: {
114
- backgroundColor: vars.colours.background.neutral
159
+ backgroundColor: vars.color.background.inactive
115
160
  }
116
161
  }
117
162
  },
118
- minimal: {}
163
+ minimal: {},
164
+ segmented: {
165
+ selectors: {
166
+ [`${styledTab.classNames.base}:not([aria-selected=true]):hover &`]: {
167
+ backgroundColor: vars.color.background.inactive
168
+ }
169
+ }
170
+ }
119
171
  },
120
172
  active: {
121
173
  true: {}
@@ -127,7 +179,7 @@ export const indication = recipe({
127
179
  active: true
128
180
  },
129
181
  style: {
130
- backgroundColor: vars.colours.intent.neutral.background.strong
182
+ backgroundColor: vars.color.foreground.primary
131
183
  }
132
184
  }, {
133
185
  variants: {
@@ -135,7 +187,16 @@ export const indication = recipe({
135
187
  active: true
136
188
  },
137
189
  style: {
138
- backgroundColor: vars.colours.background.light,
190
+ backgroundColor: vars.color.background.emphasisInactive,
191
+ color: vars.color.foreground.primary
192
+ }
193
+ }, {
194
+ variants: {
195
+ appearance: 'segmented',
196
+ active: true
197
+ },
198
+ style: {
199
+ backgroundColor: vars.color.background.emphasisInactive,
139
200
  color: vars.color.foreground.primary
140
201
  }
141
202
  }],
@@ -43,7 +43,7 @@ export const Tab = /*#__PURE__*/forwardRef(({
43
43
  justifyContent: 'center',
44
44
  backgroundColor: 'transparent'
45
45
  }), textStyles({
46
- colour: 'light',
46
+ color: 'secondary',
47
47
  noWrap: true,
48
48
  size: '3',
49
49
  weight: 'bold'
@@ -5,6 +5,7 @@ export declare const styledTabList: import("@vanilla-extract/recipes").RuntimeFn
5
5
  };
6
6
  pill: {};
7
7
  minimal: {};
8
+ segmented: {};
8
9
  };
9
10
  scroll: {
10
11
  true: {
@@ -1 +1 @@
1
- {"version":3,"file":"TabList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;EAkBxB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAW5B,CAAC"}
1
+ {"version":3,"file":"TabList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;EAmBxB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAW5B,CAAC"}
@@ -11,7 +11,8 @@ export const styledTabList = recipe({
11
11
  boxShadow: `inset 0 -1px 0 0 ${vars.color.border.default}`
12
12
  },
13
13
  pill: {},
14
- minimal: {}
14
+ minimal: {},
15
+ segmented: {}
15
16
  },
16
17
  scroll: {
17
18
  true: {
@@ -1 +1 @@
1
- {"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAEb,KAAK,iBAAiB,EAGtB,KAAK,SAAS,EAMd,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,YAAY;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AASD,eAAO,MAAM,cAAc,8BAAqC,CAAC;AAEjE,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAwLnD,CAAC"}
1
+ {"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAEb,KAAK,iBAAiB,EAGtB,KAAK,SAAS,EAMd,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,YAAY;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AASD,eAAO,MAAM,cAAc,8BAAqC,CAAC;AAEjE,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,YAAY,CA+LnD,CAAC"}
@@ -42,6 +42,8 @@ export const TabList = ({
42
42
  activeIndex,
43
43
  onChange
44
44
  } = tabsContext;
45
+ const isSegmented = appearance === 'segmented';
46
+ !!(scrollable && isSegmented) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Tabs: `scrollable={true}` cannot be used with `appearance="segmented"`.') : invariant(false) : void 0;
45
47
  const [displayScroll, setDisplayScroll] = useState({
46
48
  start: false,
47
49
  end: false
@@ -141,7 +143,7 @@ export const TabList = ({
141
143
  onScroll: handleOnScroll,
142
144
  children: /*#__PURE__*/_jsx(Box, {
143
145
  ref: innerRef,
144
- display: stretch ? 'flex' : 'block',
146
+ display: stretch || isSegmented ? 'flex' : 'block',
145
147
  flexWrap: "nowrap",
146
148
  width: "full",
147
149
  role: "tablist",
@@ -165,4 +167,5 @@ export const TabList = ({
165
167
  })
166
168
  }) : null]
167
169
  });
168
- };
170
+ };
171
+ TabList.displayName = 'TabList';
@@ -28,4 +28,5 @@ export const TabPane = ({
28
28
  width: "full",
29
29
  children: isActive || renderInactive ? children : undefined
30
30
  });
31
- };
31
+ };
32
+ TabPane.displayName = 'TabPane';
@@ -21,4 +21,5 @@ export const TabPanes = ({
21
21
  },
22
22
  children: child
23
23
  }))
24
- });
24
+ });
25
+ TabPanes.displayName = 'TabPanes';
@@ -48,6 +48,8 @@ export declare const TabsContext: React.Context<TabsContextValue | null>;
48
48
  * - `"underlined"` (default) - Tabs with bottom border indication
49
49
  * - `"pill"`
50
50
  * - `"minimal"`
51
+ * - `"segmented"` - Equal-width bordered segments with a filled selected segment.
52
+ * Always full width; cannot be combined with `TabList`'s `scrollable`.
51
53
  */
52
54
  export interface TabsProps {
53
55
  /** Custom ID for the tabs container. Auto-generated if not provided. */
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEb,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAId,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,UAAU,gBAAgB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IACnD,WAAW,EAAE,MAAM,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,wCAA+C,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,WAAW,SAAS;IACzB,wEAAwE;IACxE,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAuD7C,CAAC"}
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEb,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAId,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,UAAU,gBAAgB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IACnD,WAAW,EAAE,MAAM,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,wCAA+C,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,WAAW,SAAS;IACzB,wEAAwE;IACxE,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAuD7C,CAAC"}
@@ -41,6 +41,8 @@ export const TabsContext = /*#__PURE__*/createContext(null);
41
41
  * - `"underlined"` (default) - Tabs with bottom border indication
42
42
  * - `"pill"`
43
43
  * - `"minimal"`
44
+ * - `"segmented"` - Equal-width bordered segments with a filled selected segment.
45
+ * Always full width; cannot be combined with `TabList`'s `scrollable`.
44
46
  */
45
47
 
46
48
  export const Tabs = ({
@@ -72,4 +74,5 @@ export const Tabs = ({
72
74
  }), [id, activeState, appearance, setActiveState, registerTab, getTab, getTabCount]),
73
75
  children: children
74
76
  });
75
- };
77
+ };
78
+ Tabs.displayName = 'Tabs';
@@ -1,6 +1,7 @@
1
- export { Tabs } from './Tabs';
2
- export { Tab } from './Tab';
3
- export { TabList } from './TabList';
1
+ export { Tabs, type TabsProps } from './Tabs';
2
+ export { Tab, type TabProps } from './Tab';
3
+ export { TabList, type TabListProps } from './TabList';
4
+ export type { TabAppearance } from './Tab.css';
4
5
  export { TabPane } from './TabPane';
5
6
  export { TabPanes } from './TabPanes';
6
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
@@ -19,6 +19,7 @@ export { DividerLine } from './DividerLine';
19
19
  export { DropDown, DropDownOption } from './DropDown';
20
20
  export { EditableText } from './EditableText';
21
21
  export { FillHeightBox } from './FillHeightBox';
22
+ export { FilterChip, type FilterChipProps, type FilterChipType, } from './FilterChip';
22
23
  export { FlexInline, type FlexInlineComponentProps, FlexStack, type FlexStackComponentProps, type FlexComponentProps, inline, stack, } from './Flex';
23
24
  export { Flyout } from './Flyout';
24
25
  export { Heading } from './Heading';
@@ -62,7 +63,7 @@ export { Stepper } from './Stepper';
62
63
  export { StickyBox } from './StickyBox';
63
64
  export { Switch } from './Switch';
64
65
  export { Table, TableCell, TableHeadCell, TableRow, TableRowGroup, } from './Table';
65
- export { Tabs, Tab, TabList, TabPane, TabPanes } from './Tabs';
66
+ export { Tabs, Tab, TabList, TabPane, TabPanes, type TabsProps, type TabProps, type TabListProps, type TabAppearance, } from './Tabs';
66
67
  export { Text } from './Text';
67
68
  export { TextAreaInput } from './TextAreaInput';
68
69
  export { TextBubble } from './TextBubble';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"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"}
@@ -19,6 +19,7 @@ export { DividerLine } from "./DividerLine/index.js";
19
19
  export { DropDown, DropDownOption } from "./DropDown/index.js";
20
20
  export { EditableText } from "./EditableText/index.js";
21
21
  export { FillHeightBox } from "./FillHeightBox/index.js";
22
+ export { FilterChip } from "./FilterChip/index.js";
22
23
  export { FlexInline, FlexStack, inline, stack } from "./Flex/index.js";
23
24
  export { Flyout } from "./Flyout/index.js";
24
25
  export { Heading } from "./Heading/index.js";
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { Actions, Alert, Anchor, AutoSuggest, type AutoSuggestValue, type AutoSuggestItemRenderer, Badge, Box, type BoxProps, useBox, type UseBoxProps, BulletList, Bullet, BulletText, Button, Calendar, type CalendarProps, CheckBox, ColourInput, Columns, Column, DateInput, DatePicker, DateTimeField, type DateTimeFieldProps, DateField, type DateFieldProps, TimeField, type TimeFieldProps, type CommonSelectorProps, DividerLine, DropDown, DropDownOption, EditableText, FillHeightBox, FlexInline, type FlexInlineComponentProps, FlexStack, type FlexStackComponentProps, type FlexComponentProps, inline, stack, Flyout, Heading, HorizontalAutoScroller, useHorizontalAutoScroller, Icon, type IconEl, type IconProps, Image, ImageServerProvider, useImageServer, Inline, IntentStripe, LinearProgressIndicator, LoadingBox, MarkdownRenderer, type MarkdownRendererDensity, type MarkdownRendererProps, Meta, MinimalModal, withModal, Modal, NumberBubble, NumberInput, OptionGrid, type OptionGridProps, type OptionItem, OptionList, OptionListContext, type OptionListProps, OrderedList, useOutsideClick, OutsideClick, OverdriveProvider, useRuntimeTokens, useTheme, ThemeProvider, ThemeOverrideProvider, ThemeOverrideDebugger, ThemeAnalyser, Pagination, Portal, EPositionerAlignment, Positioner, ProgressBar, ProgressBarGroup, ProgressSpinner, Radio, RadioGroup, ScrollPane, SearchBar, type SearchBarProps, Section, SelectInput, SimplePagination, EPageChangeDirection, Slider, type SliderProps, SliderProgress, SplitButton, type SplitButtonProps, Stack, StandardModal, EStandardModalSize, StarRating, EStarRatingSize, Stepper, StickyBox, Switch, Table, TableCell, TableHeadCell, TableRow, TableRowGroup, Tabs, Tab, TabList, TabPane, TabPanes, Text, TextAreaInput, TextBubble, TextContainer, TextInput, TextLink, useToast, ToastProvider, ToggleButtons, ToggleButton, type ToggleButtonsProps, Tooltip, type TooltipProps, useTooltip, type UseTooltipProps, type ToolTipSize, VisuallyHidden, } from './components';
1
+ export { Actions, Alert, Anchor, AutoSuggest, type AutoSuggestValue, type AutoSuggestItemRenderer, Badge, Box, type BoxProps, useBox, type UseBoxProps, BulletList, Bullet, BulletText, Button, Calendar, type CalendarProps, CheckBox, ColourInput, Columns, Column, DateInput, DatePicker, DateTimeField, type DateTimeFieldProps, DateField, type DateFieldProps, TimeField, type TimeFieldProps, type CommonSelectorProps, DividerLine, DropDown, DropDownOption, EditableText, FillHeightBox, FilterChip, type FilterChipProps, type FilterChipType, FlexInline, type FlexInlineComponentProps, FlexStack, type FlexStackComponentProps, type FlexComponentProps, inline, stack, Flyout, Heading, HorizontalAutoScroller, useHorizontalAutoScroller, Icon, type IconEl, type IconProps, Image, ImageServerProvider, useImageServer, Inline, IntentStripe, LinearProgressIndicator, LoadingBox, MarkdownRenderer, type MarkdownRendererDensity, type MarkdownRendererProps, Meta, MinimalModal, withModal, Modal, NumberBubble, NumberInput, OptionGrid, type OptionGridProps, type OptionItem, OptionList, OptionListContext, type OptionListProps, OrderedList, useOutsideClick, OutsideClick, OverdriveProvider, useRuntimeTokens, useTheme, ThemeProvider, ThemeOverrideProvider, ThemeOverrideDebugger, ThemeAnalyser, Pagination, Portal, EPositionerAlignment, Positioner, ProgressBar, ProgressBarGroup, ProgressSpinner, Radio, RadioGroup, ScrollPane, SearchBar, type SearchBarProps, Section, SelectInput, SimplePagination, EPageChangeDirection, Slider, type SliderProps, SliderProgress, SplitButton, type SplitButtonProps, Stack, StandardModal, EStandardModalSize, StarRating, EStarRatingSize, Stepper, StickyBox, Switch, Table, TableCell, TableHeadCell, TableRow, TableRowGroup, Tabs, Tab, TabList, TabPane, TabPanes, type TabsProps, type TabProps, type TabListProps, type TabAppearance, Text, TextAreaInput, TextBubble, TextContainer, TextInput, TextLink, useToast, ToastProvider, ToggleButtons, ToggleButton, type ToggleButtonsProps, Tooltip, type TooltipProps, useTooltip, type UseTooltipProps, type ToolTipSize, VisuallyHidden, } from './components';
2
2
  export { useAnimationEvents, useAttachedBoxes, useContainerWidth, type UseContainerWidthProps, useDeepCompareMemo, useDocumentBodyStyles, useNegativeMarginTop, useNegativeMarginLeft, useResponsiveValue, useWindowHeightFill, useWindowScrollLock, useMedia, useNullCheck, } from './hooks';
3
3
  export { cssLayerComponent, cssLayerTheme, resetVariants, type ResetVariantProps, elementStyles, type ElementStylesProps, resetStyles, sprinkles, type StyleProps, type LegacyStyleProps, namedTextStyleMap, type NamedTextStyle, TEXT_STYLES, textStyles, type TextStylesProps, typography, type TypographyProps, type LegacyTextColours, } from './styles';
4
4
  export { overdriveTokens as tokens } from './themes/theme.css';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,EACL,GAAG,EACH,KAAK,QAAQ,EACb,MAAM,EACN,KAAK,WAAW,EAChB,UAAU,EACV,MAAM,EACN,UAAU,EACV,MAAM,EACN,QAAQ,EACR,KAAK,aAAa,EAClB,QAAQ,EACR,WAAW,EACX,OAAO,EACP,MAAM,EACN,SAAS,EACT,UAAU,EACV,aAAa,EACb,KAAK,kBAAkB,EACvB,SAAS,EACT,KAAK,cAAc,EACnB,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,aAAa,EACb,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,UAAU,EACV,KAAK,wBAAwB,EAC7B,SAAS,EACT,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EACvB,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,EACP,sBAAsB,EACtB,yBAAyB,EACzB,IAAI,EACJ,KAAK,MAAM,EACX,KAAK,SAAS,EACd,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,MAAM,EACN,YAAY,EACZ,uBAAuB,EACvB,UAAU,EACV,gBAAgB,EAChB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,YAAY,EACZ,WAAW,EACX,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,UAAU,EACV,iBAAiB,EACjB,KAAK,eAAe,EACpB,WAAW,EACX,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,MAAM,EACN,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,cAAc,EACnB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,MAAM,EACN,KAAK,WAAW,EAChB,cAAc,EACd,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,EACL,aAAa,EACb,kBAAkB,EAClB,UAAU,EACV,eAAe,EACf,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,SAAS,EACT,aAAa,EACb,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,GAAG,EACH,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,IAAI,EACJ,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,aAAa,EACb,YAAY,EACZ,KAAK,kBAAkB,EACvB,OAAO,EACP,KAAK,YAAY,EACjB,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,cAAc,GACd,MAAM,cAAc,CAAC;AAGtB,OAAO,EACN,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,QAAQ,EACR,YAAY,GACZ,MAAM,SAAS,CAAC;AAGjB,OAAO,EACN,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,KAAK,iBAAiB,EACtB,aAAa,EACb,KAAK,kBAAkB,EACvB,WAAW,EACX,SAAS,EACT,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,iBAAiB,EACjB,KAAK,cAAc,EACnB,WAAW,EACX,UAAU,EACV,KAAK,eAAe,EACpB,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,iBAAiB,GACtB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,SAAS,IAAI,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACN,aAAa,IAAI,YAAY,EAC7B,UAAU,IAAI,aAAa,EAC3B,KAAK,kBAAkB,IAAI,aAAa,GACxC,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  // Components
2
- export { Actions, Alert, Anchor, AutoSuggest, Badge, Box, useBox, BulletList, Bullet, BulletText, Button, Calendar, CheckBox, ColourInput, Columns, Column, DateInput, DatePicker, DateTimeField, DateField, TimeField, DividerLine, DropDown, DropDownOption, EditableText, FillHeightBox, FlexInline, FlexStack, inline, stack, Flyout, Heading, HorizontalAutoScroller, useHorizontalAutoScroller, Icon, Image, ImageServerProvider, useImageServer, Inline, IntentStripe, LinearProgressIndicator, LoadingBox, MarkdownRenderer, Meta, MinimalModal, withModal, Modal, NumberBubble, NumberInput, OptionGrid, OptionList, OptionListContext, OrderedList, useOutsideClick, OutsideClick, OverdriveProvider, useRuntimeTokens, useTheme, ThemeProvider, ThemeOverrideProvider, ThemeOverrideDebugger, ThemeAnalyser, Pagination, Portal, EPositionerAlignment, Positioner, ProgressBar, ProgressBarGroup, ProgressSpinner, Radio, RadioGroup, ScrollPane, SearchBar, Section, SelectInput, SimplePagination, EPageChangeDirection, Slider, SliderProgress, SplitButton, Stack, StandardModal, EStandardModalSize, StarRating, EStarRatingSize, Stepper, StickyBox, Switch, Table, TableCell, TableHeadCell, TableRow, TableRowGroup, Tabs, Tab, TabList, TabPane, TabPanes, Text, TextAreaInput, TextBubble, TextContainer, TextInput, TextLink, useToast, ToastProvider, ToggleButtons, ToggleButton, Tooltip, useTooltip, VisuallyHidden } from "./components/index.js"; // Hooks
2
+ export { Actions, Alert, Anchor, AutoSuggest, Badge, Box, useBox, BulletList, Bullet, BulletText, Button, Calendar, CheckBox, ColourInput, Columns, Column, DateInput, DatePicker, DateTimeField, DateField, TimeField, DividerLine, DropDown, DropDownOption, EditableText, FillHeightBox, FilterChip, FlexInline, FlexStack, inline, stack, Flyout, Heading, HorizontalAutoScroller, useHorizontalAutoScroller, Icon, Image, ImageServerProvider, useImageServer, Inline, IntentStripe, LinearProgressIndicator, LoadingBox, MarkdownRenderer, Meta, MinimalModal, withModal, Modal, NumberBubble, NumberInput, OptionGrid, OptionList, OptionListContext, OrderedList, useOutsideClick, OutsideClick, OverdriveProvider, useRuntimeTokens, useTheme, ThemeProvider, ThemeOverrideProvider, ThemeOverrideDebugger, ThemeAnalyser, Pagination, Portal, EPositionerAlignment, Positioner, ProgressBar, ProgressBarGroup, ProgressSpinner, Radio, RadioGroup, ScrollPane, SearchBar, Section, SelectInput, SimplePagination, EPageChangeDirection, Slider, SliderProgress, SplitButton, Stack, StandardModal, EStandardModalSize, StarRating, EStarRatingSize, Stepper, StickyBox, Switch, Table, TableCell, TableHeadCell, TableRow, TableRowGroup, Tabs, Tab, TabList, TabPane, TabPanes, Text, TextAreaInput, TextBubble, TextContainer, TextInput, TextLink, useToast, ToastProvider, ToggleButtons, ToggleButton, Tooltip, useTooltip, VisuallyHidden } from "./components/index.js"; // Hooks
3
3
  export { useAnimationEvents, useAttachedBoxes, useContainerWidth, useDeepCompareMemo, useDocumentBodyStyles, useNegativeMarginTop, useNegativeMarginLeft, useResponsiveValue, useWindowHeightFill, useWindowScrollLock, useMedia, useNullCheck } from "./hooks/index.js"; // Styles
4
4
  export { cssLayerComponent, cssLayerTheme, resetVariants, elementStyles, resetStyles, sprinkles, namedTextStyleMap, TEXT_STYLES, textStyles, typography } from "./styles/index.js"; // Tokens & aliases
5
5
  export { overdriveTokens as tokens } from "./themes/theme.css.js";
@@ -1065,6 +1065,11 @@ declare const _default: {
1065
1065
  overlayBg: string;
1066
1066
  };
1067
1067
  } & {
1068
+ color: {
1069
+ focus: {
1070
+ ring: string;
1071
+ };
1072
+ };
1068
1073
  colours: {
1069
1074
  gamut: {
1070
1075
  gray900: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
@@ -530,6 +530,11 @@ export declare const tokens: {
530
530
  overlayBg: string;
531
531
  };
532
532
  } & {
533
+ color: {
534
+ focus: {
535
+ ring: string;
536
+ };
537
+ };
533
538
  colours: {
534
539
  gamut: {
535
540
  gray900: string;
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/tokens.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DK,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/tokens.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEK,CAAC"}
@@ -63,6 +63,16 @@ const colours = {
63
63
  };
64
64
  const flatElevation = '0 0 0 0 rgba(0, 0, 0, 0.0)';
65
65
  export const tokens = deepmerge(baseTokens, {
66
+ // The only DS-2026 `color` token this theme overrides — see the same note in
67
+ // `neutral`. This theme redefines its own green ramp, so `green.600` here is
68
+ // `#00c400` rather than base's `#01c68c`; without this, a
69
+ // `color.focus.ring` consumer would ring base green beside every other
70
+ // component's flat-red green.
71
+ color: {
72
+ focus: {
73
+ ring: colours.green['600']
74
+ }
75
+ },
66
76
  colours: {
67
77
  gamut: _objectSpread({}, buildColourGamut(colours)),
68
78
  foreground: {
@@ -1075,6 +1075,11 @@ declare const _default: {
1075
1075
  large: string;
1076
1076
  medium: string;
1077
1077
  };
1078
+ color: {
1079
+ focus: {
1080
+ ring: string;
1081
+ };
1082
+ };
1078
1083
  colours: {
1079
1084
  gamut: {
1080
1085
  white: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}