@mindlogic-ai/logician-ui 3.2.0-alpha.4 → 4.0.0-alpha.6
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/InlineCode/InlineCode.d.ts.map +1 -1
- package/dist/components/InlineCode/InlineCode.js +8 -1
- package/dist/components/InlineCode/InlineCode.js.map +1 -1
- package/dist/components/InlineCode/InlineCode.mjs +8 -1
- package/dist/components/InlineCode/InlineCode.mjs.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +23 -15
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs +23 -15
- package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.d.ts.map +1 -1
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.js +6 -1
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.js.map +1 -1
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.mjs +6 -1
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.mjs.map +1 -1
- package/dist/components/Slider/SliderTrack/SliderTrack.d.ts.map +1 -1
- package/dist/components/Slider/SliderTrack/SliderTrack.js +13 -1
- package/dist/components/Slider/SliderTrack/SliderTrack.js.map +1 -1
- package/dist/components/Slider/SliderTrack/SliderTrack.mjs +13 -1
- package/dist/components/Slider/SliderTrack/SliderTrack.mjs.map +1 -1
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.js +7 -1
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/Spinner/Spinner.mjs +7 -1
- package/dist/components/Spinner/Spinner.mjs.map +1 -1
- package/dist/components/Switch/SwitchControl.d.ts.map +1 -1
- package/dist/components/Switch/SwitchControl.js +7 -1
- package/dist/components/Switch/SwitchControl.js.map +1 -1
- package/dist/components/Switch/SwitchControl.mjs +7 -1
- package/dist/components/Switch/SwitchControl.mjs.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +0 -1
- package/dist/index.mjs.map +1 -1
- package/dist/theme/colors.d.ts +7 -1
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +12 -0
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +12 -0
- package/dist/theme/colors.mjs.map +1 -1
- package/package.json +1 -2
- package/src/components/InlineCode/InlineCode.tsx +7 -0
- package/src/components/SegmentedControl/SegmentedControl.stories.tsx +27 -1
- package/src/components/SegmentedControl/SegmentedControl.tsx +22 -15
- package/src/components/SegmentedProgressBar/SegmentedProgressBar.tsx +5 -1
- package/src/components/Slider/SliderTrack/SliderTrack.tsx +10 -1
- package/src/components/Spinner/Spinner.tsx +6 -1
- package/src/components/Switch/SwitchControl.tsx +6 -1
- package/src/index.ts +0 -1
- package/src/theme/Surfaces.stories.tsx +208 -0
- package/src/theme/colors.ts +13 -0
- package/dist/components/MDXEditor/MDXEditor.d.ts +0 -6
- package/dist/components/MDXEditor/MDXEditor.d.ts.map +0 -1
- package/dist/components/MDXEditor/MDXEditor.js +0 -237
- package/dist/components/MDXEditor/MDXEditor.js.map +0 -1
- package/dist/components/MDXEditor/MDXEditor.mjs +0 -235
- package/dist/components/MDXEditor/MDXEditor.mjs.map +0 -1
- package/dist/components/MDXEditor/MDXEditor.types.d.ts +0 -7
- package/dist/components/MDXEditor/MDXEditor.types.d.ts.map +0 -1
- package/dist/components/MDXEditor/index.d.ts +0 -3
- package/dist/components/MDXEditor/index.d.ts.map +0 -1
- package/src/components/MDXEditor/MDXEditor.css +0 -40
- package/src/components/MDXEditor/MDXEditor.stories.tsx +0 -56
- package/src/components/MDXEditor/MDXEditor.tsx +0 -337
- package/src/components/MDXEditor/MDXEditor.types.ts +0 -7
- package/src/components/MDXEditor/index.ts +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineCode.d.ts","sourceRoot":"","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,IAAI,eAAe,EAC7B,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,UAAU,GAAI,uBAAuB,eAAe,
|
|
1
|
+
{"version":3,"file":"InlineCode.d.ts","sourceRoot":"","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,IAAI,eAAe,EAC7B,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,UAAU,GAAI,uBAAuB,eAAe,4CAmBhE,CAAC"}
|
|
@@ -5,7 +5,14 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var react = require('@chakra-ui/react');
|
|
6
6
|
|
|
7
7
|
const InlineCode = ({ children, ...rest }) => {
|
|
8
|
-
return (jsxRuntime.jsx(react.Code, { bg: "bg.subtle", color: "primary.dark", borderRadius: "sm", textStyle: "p",
|
|
8
|
+
return (jsxRuntime.jsx(react.Code, { bg: "bg.subtle", color: "primary.dark", borderRadius: "sm", textStyle: "p",
|
|
9
|
+
// bg.subtle (gray.50) matches the bg.sunken page wash, so on a sunken
|
|
10
|
+
// page the chip fill vanishes. The chip is too small for a fill bump to
|
|
11
|
+
// register, so (like SegmentedControl) it gets an outline instead — a
|
|
12
|
+
// border.default ring, kept lighter than border.strong so it doesn't read
|
|
13
|
+
// as a heavy box inline in running text. Box-shadow so inline flow and
|
|
14
|
+
// sizing are untouched.
|
|
15
|
+
boxShadow: "0 0 0 1px var(--chakra-colors-border-default)", ...rest, children: children }));
|
|
9
16
|
};
|
|
10
17
|
|
|
11
18
|
exports.InlineCode = InlineCode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineCode.js","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;
|
|
1
|
+
{"version":3,"file":"InlineCode.js","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;AACnE,IAAA,QACEA,cAAA,CAACC,UAAU,IACT,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,cAAc,EACpB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,GAAG;;;;;;;QAOb,SAAS,EAAC,+CAA+C,EAAA,GACrD,IAAI,YAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}
|
|
@@ -3,7 +3,14 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { Code } from '@chakra-ui/react';
|
|
4
4
|
|
|
5
5
|
const InlineCode = ({ children, ...rest }) => {
|
|
6
|
-
return (jsx(Code, { bg: "bg.subtle", color: "primary.dark", borderRadius: "sm", textStyle: "p",
|
|
6
|
+
return (jsx(Code, { bg: "bg.subtle", color: "primary.dark", borderRadius: "sm", textStyle: "p",
|
|
7
|
+
// bg.subtle (gray.50) matches the bg.sunken page wash, so on a sunken
|
|
8
|
+
// page the chip fill vanishes. The chip is too small for a fill bump to
|
|
9
|
+
// register, so (like SegmentedControl) it gets an outline instead — a
|
|
10
|
+
// border.default ring, kept lighter than border.strong so it doesn't read
|
|
11
|
+
// as a heavy box inline in running text. Box-shadow so inline flow and
|
|
12
|
+
// sizing are untouched.
|
|
13
|
+
boxShadow: "0 0 0 1px var(--chakra-colors-border-default)", ...rest, children: children }));
|
|
7
14
|
};
|
|
8
15
|
|
|
9
16
|
export { InlineCode };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineCode.mjs","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;
|
|
1
|
+
{"version":3,"file":"InlineCode.mjs","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;AACnE,IAAA,QACEA,GAAA,CAACC,IAAU,IACT,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,cAAc,EACpB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,GAAG;;;;;;;QAOb,SAAS,EAAC,+CAA+C,EAAA,GACrD,IAAI,YAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;kDA8H3B,CAAC"}
|
|
@@ -39,24 +39,32 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
|
|
|
39
39
|
onSelect(details.value);
|
|
40
40
|
}
|
|
41
41
|
}, size: size,
|
|
42
|
-
//
|
|
43
|
-
// bg.
|
|
42
|
+
// Track is bg.subtle (gray.50 light) and the selected indicator rides on
|
|
43
|
+
// `bg.raised` — a raised neutral surface that resolves white in light and
|
|
44
|
+
// the lightest neutral (gray.1100) in dark, so the thumb reads as lifted
|
|
45
|
+
// above the track in both modes (`bg.surface` could not: its dark value is
|
|
46
|
+
// darker than the track). The indicator also gains a shadow: an md drop
|
|
47
|
+
// shadow in light, and in dark — where a drop shadow is invisible on a
|
|
48
|
+
// dark canvas — a soft ambient shadow + a translucent-white hairline edge.
|
|
44
49
|
//
|
|
45
|
-
//
|
|
46
|
-
//
|
|
47
|
-
//
|
|
48
|
-
//
|
|
49
|
-
//
|
|
50
|
-
//
|
|
51
|
-
//
|
|
52
|
-
//
|
|
53
|
-
//
|
|
54
|
-
//
|
|
55
|
-
//
|
|
56
|
-
// box
|
|
57
|
-
|
|
50
|
+
// The track itself only contrasts where the page wash is darker (light) or
|
|
51
|
+
// lighter (dark) than the fill. It vanishes when the page matches the
|
|
52
|
+
// track: a `bg.sunken` list/overview page is gray.50 in light — identical
|
|
53
|
+
// to the bg.subtle track — and a `bg.surface` card is lighter than the
|
|
54
|
+
// track in dark. In either case the control would read as floating text,
|
|
55
|
+
// so a hairline ring defines its bounds on *any* background: a neutral
|
|
56
|
+
// `border.default` ring in light, a translucent-white ring in dark. (The
|
|
57
|
+
// ring — not the track fill — does the work here: the selected thumb is a
|
|
58
|
+
// raised white surface lifted by its shadow, a relationship that depends
|
|
59
|
+
// on the track staying light, so we outline the group rather than darken
|
|
60
|
+
// it. `border.default` keeps the edge present but light — `border.strong`
|
|
61
|
+
// reads as a heavy box for a control that normally has no outline.) Both
|
|
62
|
+
// rings are box-shadows (not borders) so the matched item-height math is
|
|
63
|
+
// preserved.
|
|
64
|
+
bg: "bg.subtle", p: "1", borderRadius: borderRadius, w: "fit-content", ...rest, css: mergeCss.mergeCss({
|
|
58
65
|
'--segment-indicator-bg': `var(--chakra-colors-bg-raised)`,
|
|
59
66
|
'--segment-indicator-shadow': `var(--chakra-shadows-md)`,
|
|
67
|
+
boxShadow: '0 0 0 1px var(--chakra-colors-border-default)',
|
|
60
68
|
'.dark &': {
|
|
61
69
|
'--segment-indicator-shadow': '0 1px 2px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08)',
|
|
62
70
|
boxShadow: '0 0 0 1px rgba(255, 255, 255, 0.12)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx"],"mappings":";;;;;;;;AAUA;AACA,MAAM,cAAc,GAA2B;AAC7C,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT;AAED;AACA,MAAM,gBAAgB,GAA2B;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR;AAEM,MAAM,gBAAgB,GAAGA,gBAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK;IAET,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAc,CAAC,IAAI,IAAI;IACvD,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAc,CAAC,IAAI,GAAG;;IAG1D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,GACnB,OAAO,YAAY,KAAK;UACpB,CAAA,mBAAA,EAAsB,YAAY,CAAA,CAAA;UAClC,YAAY;AAElB,IAAA,QACEC,eAAA,CAACC,kBAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAC/C,aAAa,EAAE,CAAC,OAA0B,KAAI;YAC5C,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;YACzB;QACF,CAAC,EACD,IAAI,EAAE,IAAI
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx"],"mappings":"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"}
|
|
@@ -37,24 +37,32 @@ const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
|
|
|
37
37
|
onSelect(details.value);
|
|
38
38
|
}
|
|
39
39
|
}, size: size,
|
|
40
|
-
//
|
|
41
|
-
// bg.
|
|
40
|
+
// Track is bg.subtle (gray.50 light) and the selected indicator rides on
|
|
41
|
+
// `bg.raised` — a raised neutral surface that resolves white in light and
|
|
42
|
+
// the lightest neutral (gray.1100) in dark, so the thumb reads as lifted
|
|
43
|
+
// above the track in both modes (`bg.surface` could not: its dark value is
|
|
44
|
+
// darker than the track). The indicator also gains a shadow: an md drop
|
|
45
|
+
// shadow in light, and in dark — where a drop shadow is invisible on a
|
|
46
|
+
// dark canvas — a soft ambient shadow + a translucent-white hairline edge.
|
|
42
47
|
//
|
|
43
|
-
//
|
|
44
|
-
//
|
|
45
|
-
//
|
|
46
|
-
//
|
|
47
|
-
//
|
|
48
|
-
//
|
|
49
|
-
//
|
|
50
|
-
//
|
|
51
|
-
//
|
|
52
|
-
//
|
|
53
|
-
//
|
|
54
|
-
// box
|
|
55
|
-
|
|
48
|
+
// The track itself only contrasts where the page wash is darker (light) or
|
|
49
|
+
// lighter (dark) than the fill. It vanishes when the page matches the
|
|
50
|
+
// track: a `bg.sunken` list/overview page is gray.50 in light — identical
|
|
51
|
+
// to the bg.subtle track — and a `bg.surface` card is lighter than the
|
|
52
|
+
// track in dark. In either case the control would read as floating text,
|
|
53
|
+
// so a hairline ring defines its bounds on *any* background: a neutral
|
|
54
|
+
// `border.default` ring in light, a translucent-white ring in dark. (The
|
|
55
|
+
// ring — not the track fill — does the work here: the selected thumb is a
|
|
56
|
+
// raised white surface lifted by its shadow, a relationship that depends
|
|
57
|
+
// on the track staying light, so we outline the group rather than darken
|
|
58
|
+
// it. `border.default` keeps the edge present but light — `border.strong`
|
|
59
|
+
// reads as a heavy box for a control that normally has no outline.) Both
|
|
60
|
+
// rings are box-shadows (not borders) so the matched item-height math is
|
|
61
|
+
// preserved.
|
|
62
|
+
bg: "bg.subtle", p: "1", borderRadius: borderRadius, w: "fit-content", ...rest, css: mergeCss({
|
|
56
63
|
'--segment-indicator-bg': `var(--chakra-colors-bg-raised)`,
|
|
57
64
|
'--segment-indicator-shadow': `var(--chakra-shadows-md)`,
|
|
65
|
+
boxShadow: '0 0 0 1px var(--chakra-colors-border-default)',
|
|
58
66
|
'.dark &': {
|
|
59
67
|
'--segment-indicator-shadow': '0 1px 2px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08)',
|
|
60
68
|
boxShadow: '0 0 0 1px rgba(255, 255, 255, 0.12)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAUA;AACA,MAAM,cAAc,GAA2B;AAC7C,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT;AAED;AACA,MAAM,gBAAgB,GAA2B;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR;AAEM,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK;IAET,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAc,CAAC,IAAI,IAAI;IACvD,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAc,CAAC,IAAI,GAAG;;IAG1D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,GACnB,OAAO,YAAY,KAAK;UACpB,CAAA,mBAAA,EAAsB,YAAY,CAAA,CAAA;UAClC,YAAY;AAElB,IAAA,QACEA,IAAA,CAAC,YAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAC/C,aAAa,EAAE,CAAC,OAA0B,KAAI;YAC5C,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;YACzB;QACF,CAAC,EACD,IAAI,EAAE,IAAI
|
|
1
|
+
{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,eAAO,MAAM,oBAAoB,GAAI,kBAGlC,yBAAyB,
|
|
1
|
+
{"version":3,"file":"SegmentedProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,eAAO,MAAM,oBAAoB,GAAI,kBAGlC,yBAAyB,4CAoB3B,CAAC"}
|
|
@@ -6,7 +6,12 @@ var react = require('@chakra-ui/react');
|
|
|
6
6
|
var SegmentedProgressBarContext = require('./SegmentedProgressBarContext.js');
|
|
7
7
|
|
|
8
8
|
const SegmentedProgressBar = ({ max, ...rest }) => {
|
|
9
|
-
return (jsxRuntime.jsx(SegmentedProgressBarContext.SegmentedProgressBarProvider, { max: max, children: jsxRuntime.jsx(react.Box, { position: "relative", flex: 1, display: "flex",
|
|
9
|
+
return (jsxRuntime.jsx(SegmentedProgressBarContext.SegmentedProgressBarProvider, { max: max, children: jsxRuntime.jsx(react.Box, { position: "relative", flex: 1, display: "flex",
|
|
10
|
+
// The remainder behind the segments is a meter surface, so it needs a
|
|
11
|
+
// visible fill. bg.muted (gray.100) is ~1.03:1 against the bg.sunken page
|
|
12
|
+
// wash (gray.50) and vanishes there; bg.track (gray.300) reads as a
|
|
13
|
+
// filled track on any background. Filled segments paint over it.
|
|
14
|
+
bgColor: "bg.track", borderRadius: "full", w: "100%", h: "16px", overflow: "hidden", ...rest }) }));
|
|
10
15
|
};
|
|
11
16
|
|
|
12
17
|
exports.SegmentedProgressBar = SegmentedProgressBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedProgressBar.js","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":[null],"names":["_jsx","SegmentedProgressBarProvider","Box"],"mappings":";;;;;;;AAKO,MAAM,oBAAoB,GAAG,CAAC,EACnC,GAAG,EACH,GAAG,IAAI,EACmB,KAAI;IAC9B,QACEA,eAACC,wDAA4B,EAAA,EAAC,GAAG,EAAE,GAAG,YACpCD,cAAA,CAACE,SAAG,IACF,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAE,CAAC,EACP,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"SegmentedProgressBar.js","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":[null],"names":["_jsx","SegmentedProgressBarProvider","Box"],"mappings":";;;;;;;AAKO,MAAM,oBAAoB,GAAG,CAAC,EACnC,GAAG,EACH,GAAG,IAAI,EACmB,KAAI;IAC9B,QACEA,eAACC,wDAA4B,EAAA,EAAC,GAAG,EAAE,GAAG,YACpCD,cAAA,CAACE,SAAG,IACF,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAE,CAAC,EACP,OAAO,EAAC,MAAM;;;;;YAKd,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,MAAM,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,QAAQ,EAAC,QAAQ,KACb,IAAI,EAAA,CACR,EAAA,CAC2B;AAEnC;;;;"}
|
|
@@ -4,7 +4,12 @@ import { Box } from '@chakra-ui/react';
|
|
|
4
4
|
import { SegmentedProgressBarProvider } from './SegmentedProgressBarContext.mjs';
|
|
5
5
|
|
|
6
6
|
const SegmentedProgressBar = ({ max, ...rest }) => {
|
|
7
|
-
return (jsx(SegmentedProgressBarProvider, { max: max, children: jsx(Box, { position: "relative", flex: 1, display: "flex",
|
|
7
|
+
return (jsx(SegmentedProgressBarProvider, { max: max, children: jsx(Box, { position: "relative", flex: 1, display: "flex",
|
|
8
|
+
// The remainder behind the segments is a meter surface, so it needs a
|
|
9
|
+
// visible fill. bg.muted (gray.100) is ~1.03:1 against the bg.sunken page
|
|
10
|
+
// wash (gray.50) and vanishes there; bg.track (gray.300) reads as a
|
|
11
|
+
// filled track on any background. Filled segments paint over it.
|
|
12
|
+
bgColor: "bg.track", borderRadius: "full", w: "100%", h: "16px", overflow: "hidden", ...rest }) }));
|
|
8
13
|
};
|
|
9
14
|
|
|
10
15
|
export { SegmentedProgressBar };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedProgressBar.mjs","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,oBAAoB,GAAG,CAAC,EACnC,GAAG,EACH,GAAG,IAAI,EACmB,KAAI;IAC9B,QACEA,IAAC,4BAA4B,EAAA,EAAC,GAAG,EAAE,GAAG,YACpCA,GAAA,CAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAE,CAAC,EACP,OAAO,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"SegmentedProgressBar.mjs","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,oBAAoB,GAAG,CAAC,EACnC,GAAG,EACH,GAAG,IAAI,EACmB,KAAI;IAC9B,QACEA,IAAC,4BAA4B,EAAA,EAAC,GAAG,EAAE,GAAG,YACpCA,GAAA,CAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAE,CAAC,EACP,OAAO,EAAC,MAAM;;;;;YAKd,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,MAAM,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,QAAQ,EAAC,QAAQ,KACb,IAAI,EAAA,CACR,EAAA,CAC2B;AAEnC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderTrack.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,WAAW;eAEmC,SAAS;
|
|
1
|
+
{"version":3,"file":"SliderTrack.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,WAAW;eAEmC,SAAS;kDAkBnE,CAAC"}
|
|
@@ -6,7 +6,19 @@ var React = require('react');
|
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
|
|
8
8
|
const SliderTrack = React.forwardRef(({ children, ...rest }, ref) => {
|
|
9
|
-
return (jsxRuntime.jsx(react.Slider.Track
|
|
9
|
+
return (jsxRuntime.jsx(react.Slider.Track
|
|
10
|
+
// The empty rail is a meter surface — too thin for an outline to read as
|
|
11
|
+
// anything but a hollow edge — so the fill itself must contrast. bg.muted
|
|
12
|
+
// (gray.100) is ~1.03:1 against the bg.sunken page wash (gray.50) and
|
|
13
|
+
// disappears there; bg.track (gray.300) reads as a filled rail on any
|
|
14
|
+
// background. The filled portion stays primary (SliderFilledTrack).
|
|
15
|
+
, {
|
|
16
|
+
// The empty rail is a meter surface — too thin for an outline to read as
|
|
17
|
+
// anything but a hollow edge — so the fill itself must contrast. bg.muted
|
|
18
|
+
// (gray.100) is ~1.03:1 against the bg.sunken page wash (gray.50) and
|
|
19
|
+
// disappears there; bg.track (gray.300) reads as a filled rail on any
|
|
20
|
+
// background. The filled portion stays primary (SliderFilledTrack).
|
|
21
|
+
bg: "bg.track", ...rest, ref: ref, children: children }));
|
|
10
22
|
});
|
|
11
23
|
SliderTrack.displayName = 'SliderTrack';
|
|
12
24
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderTrack.js","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA+C,EAClE,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"SliderTrack.js","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA+C,EAClE,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC;;;;;;;;;;;;AAMN,QAAA,EAAE,EAAC,UAAU,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -4,7 +4,19 @@ import { forwardRef } from 'react';
|
|
|
4
4
|
import { Slider } from '@chakra-ui/react';
|
|
5
5
|
|
|
6
6
|
const SliderTrack = forwardRef(({ children, ...rest }, ref) => {
|
|
7
|
-
return (jsx(Slider.Track
|
|
7
|
+
return (jsx(Slider.Track
|
|
8
|
+
// The empty rail is a meter surface — too thin for an outline to read as
|
|
9
|
+
// anything but a hollow edge — so the fill itself must contrast. bg.muted
|
|
10
|
+
// (gray.100) is ~1.03:1 against the bg.sunken page wash (gray.50) and
|
|
11
|
+
// disappears there; bg.track (gray.300) reads as a filled rail on any
|
|
12
|
+
// background. The filled portion stays primary (SliderFilledTrack).
|
|
13
|
+
, {
|
|
14
|
+
// The empty rail is a meter surface — too thin for an outline to read as
|
|
15
|
+
// anything but a hollow edge — so the fill itself must contrast. bg.muted
|
|
16
|
+
// (gray.100) is ~1.03:1 against the bg.sunken page wash (gray.50) and
|
|
17
|
+
// disappears there; bg.track (gray.300) reads as a filled rail on any
|
|
18
|
+
// background. The filled portion stays primary (SliderFilledTrack).
|
|
19
|
+
bg: "bg.track", ...rest, ref: ref, children: children }));
|
|
8
20
|
});
|
|
9
21
|
SliderTrack.displayName = 'SliderTrack';
|
|
10
22
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderTrack.mjs","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA+C,EAClE,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"SliderTrack.mjs","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA+C,EAClE,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC;;;;;;;;;;;;AAMN,QAAA,EAAE,EAAC,UAAU,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,yGAiBnB,CAAC"}
|
|
@@ -7,7 +7,13 @@ var react = require('@chakra-ui/react');
|
|
|
7
7
|
var mergeCss = require('../../utils/mergeCss.js');
|
|
8
8
|
|
|
9
9
|
const Spinner = React.forwardRef(({ css, ...rest }, ref) => {
|
|
10
|
-
return (jsxRuntime.jsx(react.Spinner, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest,
|
|
10
|
+
return (jsxRuntime.jsx(react.Spinner, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest,
|
|
11
|
+
// The track ring is the only non-animated affordance and can't take a
|
|
12
|
+
// box outline (SVG-style track), so its color carries the contrast.
|
|
13
|
+
// bg.muted (gray.100) is ~1.03:1 against the bg.sunken page wash
|
|
14
|
+
// (gray.50) and vanishes there; bg.track (gray.300) reads on any
|
|
15
|
+
// background and stays mode-aware.
|
|
16
|
+
css: mergeCss.mergeCss({ '--spinner-track-color': 'colors.bg.track' }, css) }));
|
|
11
17
|
});
|
|
12
18
|
Spinner.displayName = 'Spinner';
|
|
13
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSpinner","mergeCss"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEC,cAAA,CAACC,aAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,iBAAiB,EAAC,OAAO,EACzB,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSpinner","mergeCss"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEC,cAAA,CAACC,aAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,iBAAiB,EAAC,OAAO,EACzB,GAAG,EAAE,GAAG,KACJ,IAAI;;;;;;AAMR,QAAA,GAAG,EAAEC,iBAAQ,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,EAAE,GAAG,CAAC,EAAA,CAClE;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
|
|
@@ -5,7 +5,13 @@ import { Spinner as Spinner$1 } from '@chakra-ui/react';
|
|
|
5
5
|
import { mergeCss } from '../../utils/mergeCss.mjs';
|
|
6
6
|
|
|
7
7
|
const Spinner = forwardRef(({ css, ...rest }, ref) => {
|
|
8
|
-
return (jsx(Spinner$1, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest,
|
|
8
|
+
return (jsx(Spinner$1, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest,
|
|
9
|
+
// The track ring is the only non-animated affordance and can't take a
|
|
10
|
+
// box outline (SVG-style track), so its color carries the contrast.
|
|
11
|
+
// bg.muted (gray.100) is ~1.03:1 against the bg.sunken page wash
|
|
12
|
+
// (gray.50) and vanishes there; bg.track (gray.300) reads on any
|
|
13
|
+
// background and stays mode-aware.
|
|
14
|
+
css: mergeCss({ '--spinner-track-color': 'colors.bg.track' }, css) }));
|
|
9
15
|
});
|
|
10
16
|
Spinner.displayName = 'Spinner';
|
|
11
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.mjs","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSpinner"],"mappings":";;;;;;AAOO,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEA,GAAA,CAACC,SAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,iBAAiB,EAAC,OAAO,EACzB,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"Spinner.mjs","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSpinner"],"mappings":";;;;;;AAOO,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEA,GAAA,CAACC,SAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,iBAAiB,EAAC,OAAO,EACzB,GAAG,EAAE,GAAG,KACJ,IAAI;;;;;;AAMR,QAAA,GAAG,EAAE,QAAQ,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,EAAE,GAAG,CAAC,EAAA,CAClE;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAI9E,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"SwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAI9E,eAAO,MAAM,aAAa,uHAiBzB,CAAC"}
|
|
@@ -6,7 +6,13 @@ var React = require('react');
|
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
var focusRing = require('../../utils/focusRing.js');
|
|
8
8
|
|
|
9
|
-
const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Switch.Control, { ref: ref,
|
|
9
|
+
const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Switch.Control, { ref: ref,
|
|
10
|
+
// The off-state track is a meter surface — its extent is the information —
|
|
11
|
+
// so it needs a visible fill, not just an edge. bg.muted (gray.100) is
|
|
12
|
+
// only ~1.03:1 against the bg.sunken page wash (gray.50) and vanishes
|
|
13
|
+
// there; bg.track (gray.300) reads as a filled track on any background.
|
|
14
|
+
// The checked state is the self-defining primary.main fill.
|
|
15
|
+
bg: "bg.track", _checked: { bg: 'primary.main' }, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb, {}) })));
|
|
10
16
|
SwitchControl.displayName = 'Switch.Control';
|
|
11
17
|
|
|
12
18
|
exports.SwitchControl = SwitchControl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","focusRing"],"mappings":";;;;;;;;MAKa,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","focusRing"],"mappings":";;;;;;;;MAKa,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;IAMR,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,GAC5BC,mBAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETF,cAAA,CAACC,YAAY,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACD,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
|
|
@@ -4,7 +4,13 @@ import { forwardRef } from 'react';
|
|
|
4
4
|
import { Switch } from '@chakra-ui/react';
|
|
5
5
|
import { focusRing } from '../../utils/focusRing.mjs';
|
|
6
6
|
|
|
7
|
-
const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref,
|
|
7
|
+
const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref,
|
|
8
|
+
// The off-state track is a meter surface — its extent is the information —
|
|
9
|
+
// so it needs a visible fill, not just an edge. bg.muted (gray.100) is
|
|
10
|
+
// only ~1.03:1 against the bg.sunken page wash (gray.50) and vanishes
|
|
11
|
+
// there; bg.track (gray.300) reads as a filled track on any background.
|
|
12
|
+
// The checked state is the self-defining primary.main fill.
|
|
13
|
+
bg: "bg.track", _checked: { bg: 'primary.main' }, ...focusRing, ...props, children: jsx(Switch.Thumb, {}) })));
|
|
8
14
|
SwitchControl.displayName = 'Switch.Control';
|
|
9
15
|
|
|
10
16
|
export { SwitchControl };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":";;;;;;MAKa,aAAa,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,MAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":";;;;;;MAKa,aAAa,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,MAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;IAMR,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,GAC5B,SAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETD,GAAA,CAACC,MAAY,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACD,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -35,7 +35,6 @@ export * from './components/LogicianProvider';
|
|
|
35
35
|
export * from './components/Markdown';
|
|
36
36
|
export * from './components/Masonry';
|
|
37
37
|
export * from './components/MaxLengthIndicator';
|
|
38
|
-
export * from './components/MDXEditor';
|
|
39
38
|
export * from './components/Menu';
|
|
40
39
|
export * from './components/Modal';
|
|
41
40
|
export * from './components/MonthPicker';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EACL,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EACL,MAAM,EACN,KAAK,kBAAkB,EACvB,cAAc,GACf,MAAM,gBAAgB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -54,7 +54,6 @@ var LogicianProvider = require('./components/LogicianProvider/LogicianProvider.j
|
|
|
54
54
|
var Markdown = require('./components/Markdown/Markdown.js');
|
|
55
55
|
var Masonry = require('./components/Masonry/Masonry.js');
|
|
56
56
|
var MaxLengthIndicator = require('./components/MaxLengthIndicator/MaxLengthIndicator.js');
|
|
57
|
-
var MDXEditor = require('./components/MDXEditor/MDXEditor.js');
|
|
58
57
|
var Menu = require('./components/Menu/Menu.js');
|
|
59
58
|
var MenuItem = require('./components/Menu/MenuItem.js');
|
|
60
59
|
var MenuList = require('./components/Menu/MenuList.js');
|
|
@@ -232,7 +231,6 @@ exports.Markdown = Markdown.Markdown;
|
|
|
232
231
|
exports.baseMarkdownComponents = Markdown.baseMarkdownComponents;
|
|
233
232
|
exports.Masonry = Masonry.Masonry;
|
|
234
233
|
exports.MaxLengthIndicator = MaxLengthIndicator.MaxLengthIndicator;
|
|
235
|
-
exports.MDXEditor = MDXEditor.MDXEditor;
|
|
236
234
|
exports.Menu = Menu.Menu;
|
|
237
235
|
exports.MenuItem = MenuItem.MenuItem;
|
|
238
236
|
exports.MenuList = MenuList.MenuList;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.mjs
CHANGED
|
@@ -52,7 +52,6 @@ export { LogicianProvider } from './components/LogicianProvider/LogicianProvider
|
|
|
52
52
|
export { Markdown, baseMarkdownComponents } from './components/Markdown/Markdown.mjs';
|
|
53
53
|
export { Masonry } from './components/Masonry/Masonry.mjs';
|
|
54
54
|
export { MaxLengthIndicator } from './components/MaxLengthIndicator/MaxLengthIndicator.mjs';
|
|
55
|
-
export { MDXEditor } from './components/MDXEditor/MDXEditor.mjs';
|
|
56
55
|
export { Menu } from './components/Menu/Menu.mjs';
|
|
57
56
|
export { MenuItem } from './components/Menu/MenuItem.mjs';
|
|
58
57
|
export { MenuList } from './components/Menu/MenuList.mjs';
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/theme/colors.d.ts
CHANGED
|
@@ -504,6 +504,12 @@ export declare const semanticTokens: {
|
|
|
504
504
|
readonly _dark: "#0E1014";
|
|
505
505
|
};
|
|
506
506
|
};
|
|
507
|
+
readonly track: {
|
|
508
|
+
readonly value: {
|
|
509
|
+
readonly base: "{colors.gray.300}";
|
|
510
|
+
readonly _dark: "#30343C";
|
|
511
|
+
};
|
|
512
|
+
};
|
|
507
513
|
readonly panel: {
|
|
508
514
|
readonly value: {
|
|
509
515
|
readonly base: "{colors.white}";
|
|
@@ -635,7 +641,7 @@ export declare const semanticTokens: {
|
|
|
635
641
|
* (overlay surfaces and html-level globals), not part of the public migration
|
|
636
642
|
* contract. App code should use `bg.surface`/`bg.canvas`, `fg.default`, etc.
|
|
637
643
|
*/
|
|
638
|
-
export type SemanticColorToken = `bg.${'canvas' | 'surface' | 'raised' | 'subtle' | 'muted' | 'sunken' | 'inverse' | 'selected' | 'highlighted'}` | 'bg.invalid.subtle' | `fg.${'emphasized' | 'default' | 'muted' | 'subtle' | 'inverse'}` | `border.${'default' | 'subtle' | 'strong'}` | `slate.${0 | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500}` | `primary.${'fill' | 'fillStrong'}` | `${'primary' | 'secondary' | 'danger' | 'success' | 'warning'}.${'lightest' | 'extralight' | 'lighter' | 'light' | 'main' | 'dark' | 'darker'}`;
|
|
644
|
+
export type SemanticColorToken = `bg.${'canvas' | 'surface' | 'raised' | 'subtle' | 'muted' | 'sunken' | 'track' | 'inverse' | 'selected' | 'highlighted'}` | 'bg.invalid.subtle' | `fg.${'emphasized' | 'default' | 'muted' | 'subtle' | 'inverse'}` | `border.${'default' | 'subtle' | 'strong'}` | `slate.${0 | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500}` | `primary.${'fill' | 'fillStrong'}` | `${'primary' | 'secondary' | 'danger' | 'success' | 'warning'}.${'lightest' | 'extralight' | 'lighter' | 'light' | 'main' | 'dark' | 'darker'}`;
|
|
639
645
|
/**
|
|
640
646
|
* Primitive color palette following the Golden Ratio system.
|
|
641
647
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AA2DH,eAAO,MAAM,cAAc;;QAEvB;;;;;;;;;;;;WAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqCH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6BH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;;;;WAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;;;;;;;;;;;;;;;;;;WAwBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA+CH;;;;;;;;;;WAUG
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AA2DH,eAAO,MAAM,cAAc;;QAEvB;;;;;;;;;;;;WAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqCH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6BH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;;;;WAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;;;;;;;;;;;;;;;;;;WAwBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA+CH;;;;;;;;;;WAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAgED;;;;;;;;;eASG;;;;;;;;;;;;;;;;;;;;;;QAcL;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyCH;;;;;;WAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBG,CAAC;AAEX;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,GAC1B,MACI,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,GACV,aAAa,EAAE,GACnB,mBAAmB,GACnB,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,EAAE,GACjE,UAAU,SAAS,GAAG,QAAQ,GAAG,QAAQ,EAAE,GAI3C,SACI,CAAC,GACD,EAAE,GACF,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,EAAE,GACV,WAAW,MAAM,GAAG,YAAY,EAAE,GAClC,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,IACzD,UAAU,GACV,YAAY,GACZ,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,EAAE,CAAC;AAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM;IACjB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;;;;;;;;OAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBJ,CAAC"}
|
package/dist/theme/colors.js
CHANGED
|
@@ -397,6 +397,18 @@ const semanticTokens = {
|
|
|
397
397
|
sunken: {
|
|
398
398
|
value: { base: '{colors.gray.50}', _dark: desaturatedGray[1500] },
|
|
399
399
|
},
|
|
400
|
+
// Recessed control-track surface for "meter"-style components whose
|
|
401
|
+
// unfilled track carries meaning (Switch off-state, Slider rail,
|
|
402
|
+
// SegmentedProgressBar remainder, Spinner track). Unlike `bg.subtle` /
|
|
403
|
+
// `bg.muted` (gray.50 / gray.100), which collapse into the `bg.sunken`
|
|
404
|
+
// page wash in light mode, this sits at gray.300 so the track reads as a
|
|
405
|
+
// filled surface on any background. Dark keeps the `bg.muted` value
|
|
406
|
+
// (desaturatedGray[1200]) — already lighter than the dark canvas/surface,
|
|
407
|
+
// so it reads there without change. Use this only for control tracks, not
|
|
408
|
+
// as a general fill (that stays `bg.subtle` / `bg.muted`).
|
|
409
|
+
track: {
|
|
410
|
+
value: { base: '{colors.gray.300}', _dark: desaturatedGray[1200] },
|
|
411
|
+
},
|
|
400
412
|
// Override Chakra's default `bg.panel` (whose `_dark` resolves to Chakra's
|
|
401
413
|
// own gray.950 = #111111, off our slate palette). Light value is white —
|
|
402
414
|
// identical to Chakra's default — so this only realigns dark overlay
|