@autoguru/overdrive 4.63.0 → 4.64.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Alert/Alert.d.ts +4 -1
- package/dist/components/Alert/Alert.d.ts.map +1 -1
- package/dist/components/Alert/Alert.js +11 -5
- package/dist/components/FilterChip/FilterChip.css.d.ts +64 -0
- package/dist/components/FilterChip/FilterChip.css.d.ts.map +1 -0
- package/dist/components/FilterChip/FilterChip.css.js +243 -0
- package/dist/components/FilterChip/FilterChip.d.ts +112 -0
- package/dist/components/FilterChip/FilterChip.d.ts.map +1 -0
- package/dist/components/FilterChip/FilterChip.js +152 -0
- package/dist/components/FilterChip/default.d.ts +2 -0
- package/dist/components/FilterChip/default.d.ts.map +1 -0
- package/dist/components/FilterChip/default.js +1 -0
- package/dist/components/FilterChip/index.d.ts +3 -0
- package/dist/components/FilterChip/index.d.ts.map +1 -0
- package/dist/components/FilterChip/index.js +1 -0
- package/dist/components/MinimalModal/MinimalModal.css.js +4 -4
- package/dist/components/StandardModal/StandardModal.css.js +2 -2
- package/dist/components/StandardModal/StandardModal.js +3 -2
- package/dist/components/Tabs/Tab.css.d.ts +40 -0
- package/dist/components/Tabs/Tab.css.d.ts.map +1 -1
- package/dist/components/Tabs/Tab.css.js +69 -8
- package/dist/components/Tabs/Tab.js +1 -1
- package/dist/components/Tabs/TabList.css.d.ts +1 -0
- package/dist/components/Tabs/TabList.css.d.ts.map +1 -1
- package/dist/components/Tabs/TabList.css.js +2 -1
- package/dist/components/Tabs/TabList.d.ts.map +1 -1
- package/dist/components/Tabs/TabList.js +5 -2
- package/dist/components/Tabs/TabPane.js +2 -1
- package/dist/components/Tabs/TabPanes.js +2 -1
- package/dist/components/Tabs/Tabs.d.ts +2 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.js +4 -1
- package/dist/components/Tabs/index.d.ts +4 -3
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/themes/flat_red/index.d.ts +5 -0
- package/dist/themes/flat_red/index.d.ts.map +1 -1
- package/dist/themes/flat_red/tokens.d.ts +5 -0
- package/dist/themes/flat_red/tokens.d.ts.map +1 -1
- package/dist/themes/flat_red/tokens.js +10 -0
- package/dist/themes/neutral/index.d.ts +5 -0
- package/dist/themes/neutral/index.d.ts.map +1 -1
- package/dist/themes/neutral/tokens.d.ts +5 -0
- package/dist/themes/neutral/tokens.d.ts.map +1 -1
- package/dist/themes/neutral/tokens.js +11 -0
- package/package.json +1 -1
|
@@ -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
|
|
14
|
-
borderTopRightRadius: tokens.border.radius
|
|
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
|
|
18
|
-
borderBottomRightRadius: tokens.border.radius
|
|
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],
|
|
@@ -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
|
|
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
|
|
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: "
|
|
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: "
|
|
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
|
|
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.
|
|
67
|
-
borderBottomColor: vars.
|
|
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.
|
|
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,
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
}],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa
|
|
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"}
|
|
@@ -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,
|
|
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';
|
|
@@ -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
|
|
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;
|
|
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":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACN,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,GAC5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACN,aAAa,EACb,KAAK,kBAAkB,EACvB,SAAS,EACT,KAAK,cAAc,EACnB,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,mBAAmB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EACN,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EACN,UAAU,EACV,KAAK,wBAAwB,EAC7B,SAAS,EACT,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EACvB,MAAM,EACN,KAAK,GACL,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACN,sBAAsB,EACtB,yBAAyB,GACzB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,KAAK,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACN,gBAAgB,EAChB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACN,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EACN,UAAU,EACV,iBAAiB,EACjB,KAAK,eAAe,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EACN,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,GACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACN,KAAK,EACL,SAAS,EACT,aAAa,EACb,QAAQ,EACR,aAAa,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EACN,IAAI,EACJ,GAAG,EACH,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,KAAK,aAAa,GAClB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EACN,aAAa,EACb,YAAY,EACZ,KAAK,kBAAkB,GACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,OAAO,EACP,KAAK,YAAY,EACjB,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,WAAW,GAChB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -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';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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":"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"}
|
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";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/tokens.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,MAAM
|
|
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: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/tokens.ts"],"names":[],"mappings":"AAoEA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/tokens.ts"],"names":[],"mappings":"AAoEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4LK,CAAC"}
|
|
@@ -76,6 +76,17 @@ export const tokens = deepmerge(baseTokens, {
|
|
|
76
76
|
},
|
|
77
77
|
// `space` intentionally omitted: inherited from baseTokens via deepmerge
|
|
78
78
|
// so the DS-2026 spacing scale lives in one place and can't drift.
|
|
79
|
+
//
|
|
80
|
+
// The only DS-2026 `color` token this theme overrides. Everything else in
|
|
81
|
+
// that contract is inherited from base. The ring has to be overridden
|
|
82
|
+
// because the legacy `focusOutlineStyle` every other component uses reads
|
|
83
|
+
// `colours.foreground.link`, which this theme moves to blue — leaving a
|
|
84
|
+
// `color.focus.ring` consumer ringing base green next to a blue one.
|
|
85
|
+
color: {
|
|
86
|
+
focus: {
|
|
87
|
+
ring: colours.blue['500']
|
|
88
|
+
}
|
|
89
|
+
},
|
|
79
90
|
colours: {
|
|
80
91
|
gamut: _objectSpread(_objectSpread({}, buildColourGamut(colours)), {}, {
|
|
81
92
|
white
|