@mindlogic-ai/logician-ui 5.0.0-alpha.6 → 5.0.0-alpha.7
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/Typography/Caption.d.ts.map +1 -1
- package/dist/components/Typography/Caption.js +1 -1
- package/dist/components/Typography/Caption.js.map +1 -1
- package/dist/components/Typography/Caption.mjs +1 -1
- package/dist/components/Typography/Caption.mjs.map +1 -1
- package/dist/components/Typography/H1.d.ts.map +1 -1
- package/dist/components/Typography/H1.js +1 -1
- package/dist/components/Typography/H1.js.map +1 -1
- package/dist/components/Typography/H1.mjs +1 -1
- package/dist/components/Typography/H1.mjs.map +1 -1
- package/dist/components/Typography/H2.d.ts.map +1 -1
- package/dist/components/Typography/H2.js +1 -1
- package/dist/components/Typography/H2.js.map +1 -1
- package/dist/components/Typography/H2.mjs +1 -1
- package/dist/components/Typography/H2.mjs.map +1 -1
- package/dist/components/Typography/H3.d.ts.map +1 -1
- package/dist/components/Typography/H3.js +1 -1
- package/dist/components/Typography/H3.js.map +1 -1
- package/dist/components/Typography/H3.mjs +1 -1
- package/dist/components/Typography/H3.mjs.map +1 -1
- package/dist/components/Typography/H4.d.ts.map +1 -1
- package/dist/components/Typography/H4.js +1 -1
- package/dist/components/Typography/H4.js.map +1 -1
- package/dist/components/Typography/H4.mjs +1 -1
- package/dist/components/Typography/H4.mjs.map +1 -1
- package/dist/components/Typography/H5.d.ts.map +1 -1
- package/dist/components/Typography/H5.js +1 -1
- package/dist/components/Typography/H5.js.map +1 -1
- package/dist/components/Typography/H5.mjs +1 -1
- package/dist/components/Typography/H5.mjs.map +1 -1
- package/dist/components/Typography/Link.d.ts.map +1 -1
- package/dist/components/Typography/Link.js +1 -1
- package/dist/components/Typography/Link.js.map +1 -1
- package/dist/components/Typography/Link.mjs +1 -1
- package/dist/components/Typography/Link.mjs.map +1 -1
- package/dist/components/Typography/Overline.d.ts.map +1 -1
- package/dist/components/Typography/Overline.js +1 -1
- package/dist/components/Typography/Overline.js.map +1 -1
- package/dist/components/Typography/Overline.mjs +1 -1
- package/dist/components/Typography/Overline.mjs.map +1 -1
- package/dist/components/Typography/Subtext.d.ts.map +1 -1
- package/dist/components/Typography/Subtext.js +1 -1
- package/dist/components/Typography/Subtext.js.map +1 -1
- package/dist/components/Typography/Subtext.mjs +1 -1
- package/dist/components/Typography/Subtext.mjs.map +1 -1
- package/dist/components/Typography/Subtitle.d.ts.map +1 -1
- package/dist/components/Typography/Subtitle.js +1 -1
- package/dist/components/Typography/Subtitle.js.map +1 -1
- package/dist/components/Typography/Subtitle.mjs +1 -1
- package/dist/components/Typography/Subtitle.mjs.map +1 -1
- package/dist/components/Typography/Text.d.ts.map +1 -1
- package/dist/components/Typography/Text.js +1 -1
- package/dist/components/Typography/Text.js.map +1 -1
- package/dist/components/Typography/Text.mjs +1 -1
- package/dist/components/Typography/Text.mjs.map +1 -1
- package/dist/theme/global.d.ts.map +1 -1
- package/dist/theme/global.js +18 -0
- package/dist/theme/global.js.map +1 -1
- package/dist/theme/global.mjs +18 -0
- package/dist/theme/global.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Typography/Caption.tsx +0 -1
- package/src/components/Typography/H1.tsx +0 -1
- package/src/components/Typography/H2.tsx +0 -1
- package/src/components/Typography/H3.tsx +0 -1
- package/src/components/Typography/H4.tsx +0 -1
- package/src/components/Typography/H5.tsx +0 -1
- package/src/components/Typography/Link.tsx +0 -1
- package/src/components/Typography/Overline.tsx +0 -1
- package/src/components/Typography/Subtext.tsx +0 -1
- package/src/components/Typography/Subtitle.tsx +0 -1
- package/src/components/Typography/Text.tsx +0 -1
- package/src/components/Typography/Typography.usage.mdx +8 -2
- package/src/theme/global.ts +19 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Caption.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Caption.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAkCxD,yEAAyE;AACzE,eAAO,MAAM,OAAO,+DAAoD,CAAC"}
|
|
@@ -23,7 +23,7 @@ const CaptionImpl = React.forwardRef((props, ref) => {
|
|
|
23
23
|
const { fontSize, ...rest } = props;
|
|
24
24
|
return (jsxRuntime.jsx(react.Text, { ref: ref,
|
|
25
25
|
// If fontSize is provided, disable textStyle to allow the override
|
|
26
|
-
textStyle: fontSize ? undefined : 'caption', fontSize: fontSize, color: "fg.subtle",
|
|
26
|
+
textStyle: fontSize ? undefined : 'caption', fontSize: fontSize, color: "fg.subtle", ...rest }));
|
|
27
27
|
});
|
|
28
28
|
CaptionImpl.displayName = 'Caption';
|
|
29
29
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Caption.js","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACH,MAAM,WAAW,GAAGA,gBAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,UAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Caption.js","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACH,MAAM,WAAW,GAAGA,gBAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,UAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,WAAW,EAAA,GACb,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,WAAW,CAAC,WAAW,GAAG,SAAS;AAEnC;MACa,OAAO,GAAGC,uBAAW,CAA0B,WAAW;;;;"}
|
|
@@ -21,7 +21,7 @@ const CaptionImpl = forwardRef((props, ref) => {
|
|
|
21
21
|
const { fontSize, ...rest } = props;
|
|
22
22
|
return (jsx(Text, { ref: ref,
|
|
23
23
|
// If fontSize is provided, disable textStyle to allow the override
|
|
24
|
-
textStyle: fontSize ? undefined : 'caption', fontSize: fontSize, color: "fg.subtle",
|
|
24
|
+
textStyle: fontSize ? undefined : 'caption', fontSize: fontSize, color: "fg.subtle", ...rest }));
|
|
25
25
|
});
|
|
26
26
|
CaptionImpl.displayName = 'Caption';
|
|
27
27
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Caption.mjs","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;;;AAYG;AACH,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Caption.mjs","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;;;AAYG;AACH,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,WAAW,EAAA,GACb,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,WAAW,CAAC,WAAW,GAAG,SAAS;AAEnC;MACa,OAAO,GAAG,WAAW,CAA0B,WAAW;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H1.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H1.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"H1.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H1.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAmBrD,yEAAyE;AACzE,eAAO,MAAM,EAAE,6DAA6C,CAAC"}
|
|
@@ -8,7 +8,7 @@ var polymorphic = require('../../types/polymorphic.js');
|
|
|
8
8
|
|
|
9
9
|
const H1Impl = React.forwardRef((props, ref) => {
|
|
10
10
|
const { fontSize, ...rest } = props;
|
|
11
|
-
return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h1", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h1', fontSize: fontSize,
|
|
11
|
+
return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h1", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h1', fontSize: fontSize, ...rest }));
|
|
12
12
|
});
|
|
13
13
|
H1Impl.displayName = 'H1';
|
|
14
14
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H1.js","sources":["../../../src/components/Typography/H1.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"H1.js","sources":["../../../src/components/Typography/H1.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAGC,uBAAW,CAAwB,MAAM;;;;"}
|
|
@@ -6,7 +6,7 @@ import { polymorphic } from '../../types/polymorphic.mjs';
|
|
|
6
6
|
|
|
7
7
|
const H1Impl = forwardRef((props, ref) => {
|
|
8
8
|
const { fontSize, ...rest } = props;
|
|
9
|
-
return (jsx(Heading, { ref: ref, as: "h1", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h1', fontSize: fontSize,
|
|
9
|
+
return (jsx(Heading, { ref: ref, as: "h1", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h1', fontSize: fontSize, ...rest }));
|
|
10
10
|
});
|
|
11
11
|
H1Impl.displayName = 'H1';
|
|
12
12
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H1.mjs","sources":["../../../src/components/Typography/H1.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"H1.mjs","sources":["../../../src/components/Typography/H1.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAG,WAAW,CAAwB,MAAM;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H2.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H2.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"H2.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H2.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAmBrD,yEAAyE;AACzE,eAAO,MAAM,EAAE,6DAA6C,CAAC"}
|
|
@@ -8,7 +8,7 @@ var polymorphic = require('../../types/polymorphic.js');
|
|
|
8
8
|
|
|
9
9
|
const H2Impl = React.forwardRef((props, ref) => {
|
|
10
10
|
const { fontSize, ...rest } = props;
|
|
11
|
-
return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h2", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h2', fontSize: fontSize,
|
|
11
|
+
return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h2", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h2', fontSize: fontSize, ...rest }));
|
|
12
12
|
});
|
|
13
13
|
H2Impl.displayName = 'H2';
|
|
14
14
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H2.js","sources":["../../../src/components/Typography/H2.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"H2.js","sources":["../../../src/components/Typography/H2.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAGC,uBAAW,CAAwB,MAAM;;;;"}
|
|
@@ -6,7 +6,7 @@ import { polymorphic } from '../../types/polymorphic.mjs';
|
|
|
6
6
|
|
|
7
7
|
const H2Impl = forwardRef((props, ref) => {
|
|
8
8
|
const { fontSize, ...rest } = props;
|
|
9
|
-
return (jsx(Heading, { ref: ref, as: "h2", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h2', fontSize: fontSize,
|
|
9
|
+
return (jsx(Heading, { ref: ref, as: "h2", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h2', fontSize: fontSize, ...rest }));
|
|
10
10
|
});
|
|
11
11
|
H2Impl.displayName = 'H2';
|
|
12
12
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H2.mjs","sources":["../../../src/components/Typography/H2.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"H2.mjs","sources":["../../../src/components/Typography/H2.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAG,WAAW,CAAwB,MAAM;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H3.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H3.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"H3.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H3.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAmBrD,yEAAyE;AACzE,eAAO,MAAM,EAAE,6DAA6C,CAAC"}
|
|
@@ -8,7 +8,7 @@ var polymorphic = require('../../types/polymorphic.js');
|
|
|
8
8
|
|
|
9
9
|
const H3Impl = React.forwardRef((props, ref) => {
|
|
10
10
|
const { fontSize, ...rest } = props;
|
|
11
|
-
return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h3", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h3', fontSize: fontSize,
|
|
11
|
+
return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h3", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h3', fontSize: fontSize, ...rest }));
|
|
12
12
|
});
|
|
13
13
|
H3Impl.displayName = 'H3';
|
|
14
14
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H3.js","sources":["../../../src/components/Typography/H3.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"H3.js","sources":["../../../src/components/Typography/H3.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAGC,uBAAW,CAAwB,MAAM;;;;"}
|
|
@@ -6,7 +6,7 @@ import { polymorphic } from '../../types/polymorphic.mjs';
|
|
|
6
6
|
|
|
7
7
|
const H3Impl = forwardRef((props, ref) => {
|
|
8
8
|
const { fontSize, ...rest } = props;
|
|
9
|
-
return (jsx(Heading, { ref: ref, as: "h3", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h3', fontSize: fontSize,
|
|
9
|
+
return (jsx(Heading, { ref: ref, as: "h3", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h3', fontSize: fontSize, ...rest }));
|
|
10
10
|
});
|
|
11
11
|
H3Impl.displayName = 'H3';
|
|
12
12
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H3.mjs","sources":["../../../src/components/Typography/H3.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"H3.mjs","sources":["../../../src/components/Typography/H3.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAG,WAAW,CAAwB,MAAM;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H4.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H4.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"H4.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H4.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAmBrD,yEAAyE;AACzE,eAAO,MAAM,EAAE,6DAA6C,CAAC"}
|
|
@@ -8,7 +8,7 @@ var polymorphic = require('../../types/polymorphic.js');
|
|
|
8
8
|
|
|
9
9
|
const H4Impl = React.forwardRef((props, ref) => {
|
|
10
10
|
const { fontSize, ...rest } = props;
|
|
11
|
-
return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h4", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h4', fontSize: fontSize,
|
|
11
|
+
return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h4", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h4', fontSize: fontSize, ...rest }));
|
|
12
12
|
});
|
|
13
13
|
H4Impl.displayName = 'H4';
|
|
14
14
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H4.js","sources":["../../../src/components/Typography/H4.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"H4.js","sources":["../../../src/components/Typography/H4.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAGC,uBAAW,CAAwB,MAAM;;;;"}
|
|
@@ -6,7 +6,7 @@ import { polymorphic } from '../../types/polymorphic.mjs';
|
|
|
6
6
|
|
|
7
7
|
const H4Impl = forwardRef((props, ref) => {
|
|
8
8
|
const { fontSize, ...rest } = props;
|
|
9
|
-
return (jsx(Heading, { ref: ref, as: "h4", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h4', fontSize: fontSize,
|
|
9
|
+
return (jsx(Heading, { ref: ref, as: "h4", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h4', fontSize: fontSize, ...rest }));
|
|
10
10
|
});
|
|
11
11
|
H4Impl.displayName = 'H4';
|
|
12
12
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H4.mjs","sources":["../../../src/components/Typography/H4.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"H4.mjs","sources":["../../../src/components/Typography/H4.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAG,WAAW,CAAwB,MAAM;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H5.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H5.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"H5.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H5.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAmBrD,yEAAyE;AACzE,eAAO,MAAM,EAAE,6DAA6C,CAAC"}
|
|
@@ -8,7 +8,7 @@ var polymorphic = require('../../types/polymorphic.js');
|
|
|
8
8
|
|
|
9
9
|
const H5Impl = React.forwardRef((props, ref) => {
|
|
10
10
|
const { fontSize, ...rest } = props;
|
|
11
|
-
return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h5", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h5', fontSize: fontSize,
|
|
11
|
+
return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h5", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h5', fontSize: fontSize, ...rest }));
|
|
12
12
|
});
|
|
13
13
|
H5Impl.displayName = 'H5';
|
|
14
14
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H5.js","sources":["../../../src/components/Typography/H5.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"H5.js","sources":["../../../src/components/Typography/H5.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAGC,uBAAW,CAAwB,MAAM;;;;"}
|
|
@@ -6,7 +6,7 @@ import { polymorphic } from '../../types/polymorphic.mjs';
|
|
|
6
6
|
|
|
7
7
|
const H5Impl = forwardRef((props, ref) => {
|
|
8
8
|
const { fontSize, ...rest } = props;
|
|
9
|
-
return (jsx(Heading, { ref: ref, as: "h5", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h5', fontSize: fontSize,
|
|
9
|
+
return (jsx(Heading, { ref: ref, as: "h5", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h5', fontSize: fontSize, ...rest }));
|
|
10
10
|
});
|
|
11
11
|
H5Impl.displayName = 'H5';
|
|
12
12
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"H5.mjs","sources":["../../../src/components/Typography/H5.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"H5.mjs","sources":["../../../src/components/Typography/H5.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAG,WAAW,CAAwB,MAAM;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,CAAC,QAAQ,SAAS,WAAW,GAAG,GAAG,IAC5D,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,CAAC,QAAQ,SAAS,WAAW,GAAG,GAAG,IAC5D,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAqDX,yEAAyE;AACzE,eAAO,MAAM,IAAI,yDAA2C,CAAC"}
|
|
@@ -51,7 +51,7 @@ const LinkImpl = React.forwardRef(({ color, variant, ...rest }, ref) => {
|
|
|
51
51
|
// reads as an affordance against every body-text colour in the fg.*
|
|
52
52
|
// scale the way `primary.main` used to. `{...rest}` below still lets
|
|
53
53
|
// a call site override it.
|
|
54
|
-
fontWeight: 500,
|
|
54
|
+
fontWeight: 500, color: linkColor, textDecoration: "underline", textDecorationThickness: "1px", textUnderlineOffset: "3px", _hover: {
|
|
55
55
|
color: hoverColor,
|
|
56
56
|
textDecorationThickness: '2px',
|
|
57
57
|
}, ...rest }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraLink","polymorphic"],"mappings":";;;;;;;;AAsBA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,UAAU,EAAE,WAAW;;AAGzB,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;;;;;;;;AAQnC,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,IAAA,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK;AAClC,IAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,YAAY;AAChD,IAAA,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU;;;;;;;AAQ5C,IAAA,MAAM,SAAS,GACb,OAAO,KAAK,OAAO,GAAG,UAAU,IAAI,KAAK,IAAI,YAAY,CAAC;AAE5D,IAAA,MAAM,UAAU,GACd,OAAO,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB;AAE3D,IAAA,QACEC,cAAA,CAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG;;;;;;QAMR,UAAU,EAAE,GAAG,EACf,
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraLink","polymorphic"],"mappings":";;;;;;;;AAsBA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,UAAU,EAAE,WAAW;;AAGzB,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;;;;;;;;AAQnC,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,IAAA,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK;AAClC,IAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,YAAY;AAChD,IAAA,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU;;;;;;;AAQ5C,IAAA,MAAM,SAAS,GACb,OAAO,KAAK,OAAO,GAAG,UAAU,IAAI,KAAK,IAAI,YAAY,CAAC;AAE5D,IAAA,MAAM,UAAU,GACd,OAAO,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB;AAE3D,IAAA,QACEC,cAAA,CAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG;;;;;;QAMR,UAAU,EAAE,GAAG,EACf,KAAK,EAAE,SAAS,EAChB,cAAc,EAAC,WAAW,EAC1B,uBAAuB,EAAC,KAAK,EAC7B,mBAAmB,EAAC,KAAK,EACzB,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,uBAAuB,EAAE,KAAK;SAC/B,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAGC,uBAAW,CAAoB,QAAQ;;;;;"}
|
|
@@ -49,7 +49,7 @@ const LinkImpl = forwardRef(({ color, variant, ...rest }, ref) => {
|
|
|
49
49
|
// reads as an affordance against every body-text colour in the fg.*
|
|
50
50
|
// scale the way `primary.main` used to. `{...rest}` below still lets
|
|
51
51
|
// a call site override it.
|
|
52
|
-
fontWeight: 500,
|
|
52
|
+
fontWeight: 500, color: linkColor, textDecoration: "underline", textDecorationThickness: "1px", textUnderlineOffset: "3px", _hover: {
|
|
53
53
|
color: hoverColor,
|
|
54
54
|
textDecorationThickness: '2px',
|
|
55
55
|
}, ...rest }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.mjs","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraLink"],"mappings":";;;;;;AAsBA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,UAAU,EAAE,WAAW;;AAGzB,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;;;;;;;;AAQnC,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,IAAA,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK;AAClC,IAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,YAAY;AAChD,IAAA,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU;;;;;;;AAQ5C,IAAA,MAAM,SAAS,GACb,OAAO,KAAK,OAAO,GAAG,UAAU,IAAI,KAAK,IAAI,YAAY,CAAC;AAE5D,IAAA,MAAM,UAAU,GACd,OAAO,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB;AAE3D,IAAA,QACEA,GAAA,CAACC,MAAU,EAAA,EACT,GAAG,EAAE,GAAG;;;;;;QAMR,UAAU,EAAE,GAAG,EACf,
|
|
1
|
+
{"version":3,"file":"Link.mjs","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraLink"],"mappings":";;;;;;AAsBA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,UAAU,EAAE,WAAW;;AAGzB,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;;;;;;;;AAQnC,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,IAAA,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK;AAClC,IAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,YAAY;AAChD,IAAA,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU;;;;;;;AAQ5C,IAAA,MAAM,SAAS,GACb,OAAO,KAAK,OAAO,GAAG,UAAU,IAAI,KAAK,IAAI,YAAY,CAAC;AAE5D,IAAA,MAAM,UAAU,GACd,OAAO,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB;AAE3D,IAAA,QACEA,GAAA,CAACC,MAAU,EAAA,EACT,GAAG,EAAE,GAAG;;;;;;QAMR,UAAU,EAAE,GAAG,EACf,KAAK,EAAE,SAAS,EAChB,cAAc,EAAC,WAAW,EAC1B,uBAAuB,EAAC,KAAK,EAC7B,mBAAmB,EAAC,KAAK,EACzB,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,uBAAuB,EAAE,KAAK;SAC/B,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAG,WAAW,CAAoB,QAAQ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overline.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Overline.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Overline.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Overline.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAgCxD,yEAAyE;AACzE,eAAO,MAAM,QAAQ,+DAAqD,CAAC"}
|
|
@@ -21,7 +21,7 @@ const OverlineImpl = React.forwardRef((props, ref) => {
|
|
|
21
21
|
const { fontSize, ...rest } = props;
|
|
22
22
|
return (jsxRuntime.jsx(react.Text, { ref: ref,
|
|
23
23
|
// If fontSize is provided, disable textStyle to allow the override
|
|
24
|
-
textStyle: fontSize ? undefined : 'overline', fontSize: fontSize, color: "fg.muted",
|
|
24
|
+
textStyle: fontSize ? undefined : 'overline', fontSize: fontSize, color: "fg.muted", ...rest }));
|
|
25
25
|
});
|
|
26
26
|
OverlineImpl.displayName = 'Overline';
|
|
27
27
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overline.js","sources":["../../../src/components/Typography/Overline.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA;;;;;;;;;;AAUG;AACH,MAAM,YAAY,GAAGA,gBAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,UAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Overline.js","sources":["../../../src/components/Typography/Overline.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA;;;;;;;;;;AAUG;AACH,MAAM,YAAY,GAAGA,gBAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,UAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAAA,GACZ,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,YAAY,CAAC,WAAW,GAAG,UAAU;AAErC;MACa,QAAQ,GAAGC,uBAAW,CAA0B,YAAY;;;;"}
|
|
@@ -19,7 +19,7 @@ const OverlineImpl = forwardRef((props, ref) => {
|
|
|
19
19
|
const { fontSize, ...rest } = props;
|
|
20
20
|
return (jsx(Text, { ref: ref,
|
|
21
21
|
// If fontSize is provided, disable textStyle to allow the override
|
|
22
|
-
textStyle: fontSize ? undefined : 'overline', fontSize: fontSize, color: "fg.muted",
|
|
22
|
+
textStyle: fontSize ? undefined : 'overline', fontSize: fontSize, color: "fg.muted", ...rest }));
|
|
23
23
|
});
|
|
24
24
|
OverlineImpl.displayName = 'Overline';
|
|
25
25
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overline.mjs","sources":["../../../src/components/Typography/Overline.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;AAUG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Overline.mjs","sources":["../../../src/components/Typography/Overline.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;AAUG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAAA,GACZ,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,YAAY,CAAC,WAAW,GAAG,UAAU;AAErC;MACa,QAAQ,GAAG,WAAW,CAA0B,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subtext.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Subtext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Subtext.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Subtext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAoBxD,yEAAyE;AACzE,eAAO,MAAM,OAAO,+DAAoD,CAAC"}
|
|
@@ -8,7 +8,7 @@ var polymorphic = require('../../types/polymorphic.js');
|
|
|
8
8
|
|
|
9
9
|
const SubtextImpl = React.forwardRef((props, ref) => {
|
|
10
10
|
const { fontSize, ...rest } = props;
|
|
11
|
-
return (jsxRuntime.jsx(react.Text, { ref: ref, textStyle: fontSize ? undefined : 'subtext', fontSize: fontSize, color: "fg.default",
|
|
11
|
+
return (jsxRuntime.jsx(react.Text, { ref: ref, textStyle: fontSize ? undefined : 'subtext', fontSize: fontSize, color: "fg.default", ...rest }));
|
|
12
12
|
});
|
|
13
13
|
SubtextImpl.displayName = 'Subtext';
|
|
14
14
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subtext.js","sources":["../../../src/components/Typography/Subtext.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,WAAW,GAAGA,gBAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,UAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Subtext.js","sources":["../../../src/components/Typography/Subtext.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,WAAW,GAAGA,gBAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,UAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,WAAW,CAAC,WAAW,GAAG,SAAS;AAEnC;MACa,OAAO,GAAGC,uBAAW,CAA0B,WAAW;;;;"}
|
|
@@ -6,7 +6,7 @@ import { polymorphic } from '../../types/polymorphic.mjs';
|
|
|
6
6
|
|
|
7
7
|
const SubtextImpl = forwardRef((props, ref) => {
|
|
8
8
|
const { fontSize, ...rest } = props;
|
|
9
|
-
return (jsx(Text, { ref: ref, textStyle: fontSize ? undefined : 'subtext', fontSize: fontSize, color: "fg.default",
|
|
9
|
+
return (jsx(Text, { ref: ref, textStyle: fontSize ? undefined : 'subtext', fontSize: fontSize, color: "fg.default", ...rest }));
|
|
10
10
|
});
|
|
11
11
|
SubtextImpl.displayName = 'Subtext';
|
|
12
12
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subtext.mjs","sources":["../../../src/components/Typography/Subtext.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Subtext.mjs","sources":["../../../src/components/Typography/Subtext.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,WAAW,CAAC,WAAW,GAAG,SAAS;AAEnC;MACa,OAAO,GAAG,WAAW,CAA0B,WAAW;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subtitle.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Subtitle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Subtitle.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Subtitle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAqCxD,yEAAyE;AACzE,eAAO,MAAM,QAAQ,+DAAqD,CAAC"}
|
|
@@ -25,7 +25,7 @@ var polymorphic = require('../../types/polymorphic.js');
|
|
|
25
25
|
*/
|
|
26
26
|
const SubtitleImpl = React.forwardRef((props, ref) => {
|
|
27
27
|
const { fontSize, ...rest } = props;
|
|
28
|
-
return (jsxRuntime.jsx(react.Text, { ref: ref, textStyle: fontSize ? undefined : 'subtitle', fontSize: fontSize, color: "fg.muted",
|
|
28
|
+
return (jsxRuntime.jsx(react.Text, { ref: ref, textStyle: fontSize ? undefined : 'subtitle', fontSize: fontSize, color: "fg.muted", ...rest }));
|
|
29
29
|
});
|
|
30
30
|
SubtitleImpl.displayName = 'Subtitle';
|
|
31
31
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subtitle.js","sources":["../../../src/components/Typography/Subtitle.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,YAAY,GAAGA,gBAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,UAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Subtitle.js","sources":["../../../src/components/Typography/Subtitle.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,YAAY,GAAGA,gBAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,UAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAAA,GACZ,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,YAAY,CAAC,WAAW,GAAG,UAAU;AAErC;MACa,QAAQ,GAAGC,uBAAW,CAA0B,YAAY;;;;"}
|
|
@@ -23,7 +23,7 @@ import { polymorphic } from '../../types/polymorphic.mjs';
|
|
|
23
23
|
*/
|
|
24
24
|
const SubtitleImpl = forwardRef((props, ref) => {
|
|
25
25
|
const { fontSize, ...rest } = props;
|
|
26
|
-
return (jsx(Text, { ref: ref, textStyle: fontSize ? undefined : 'subtitle', fontSize: fontSize, color: "fg.muted",
|
|
26
|
+
return (jsx(Text, { ref: ref, textStyle: fontSize ? undefined : 'subtitle', fontSize: fontSize, color: "fg.muted", ...rest }));
|
|
27
27
|
});
|
|
28
28
|
SubtitleImpl.displayName = 'Subtitle';
|
|
29
29
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subtitle.mjs","sources":["../../../src/components/Typography/Subtitle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Subtitle.mjs","sources":["../../../src/components/Typography/Subtitle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAAA,GACZ,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,YAAY,CAAC,WAAW,GAAG,UAAU;AAErC;MACa,QAAQ,GAAG,WAAW,CAA0B,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Text.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Text.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAuBxD,yEAAyE;AACzE,eAAO,MAAM,IAAI,+DAAiD,CAAC"}
|
|
@@ -11,7 +11,7 @@ const TextImpl = React.forwardRef((props, ref) => {
|
|
|
11
11
|
const { fontSize, ...rest } = props;
|
|
12
12
|
return (jsxRuntime.jsx(react.Text, { ref: ref, as: "p",
|
|
13
13
|
// If fontSize is provided, disable textStyle to allow fontSize override
|
|
14
|
-
textStyle: fontSize ? undefined : 'p', fontSize: fontSize, color: "fg.default",
|
|
14
|
+
textStyle: fontSize ? undefined : 'p', fontSize: fontSize, color: "fg.default", ...rest }));
|
|
15
15
|
});
|
|
16
16
|
TextImpl.displayName = 'Text';
|
|
17
17
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraText","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,KAAK,EAAE,GAAG,KAAI;;IAEb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAEnC,QACEC,cAAA,CAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,GAAG;;QAEN,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,GAAG,EACrC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraText","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,KAAK,EAAE,GAAG,KAAI;;IAEb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAEnC,QACEC,cAAA,CAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,GAAG;;QAEN,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,GAAG,EACrC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAGC,uBAAW,CAA0B,QAAQ;;;;"}
|
|
@@ -9,7 +9,7 @@ const TextImpl = forwardRef((props, ref) => {
|
|
|
9
9
|
const { fontSize, ...rest } = props;
|
|
10
10
|
return (jsx(Text$1, { ref: ref, as: "p",
|
|
11
11
|
// If fontSize is provided, disable textStyle to allow fontSize override
|
|
12
|
-
textStyle: fontSize ? undefined : 'p', fontSize: fontSize, color: "fg.default",
|
|
12
|
+
textStyle: fontSize ? undefined : 'p', fontSize: fontSize, color: "fg.default", ...rest }));
|
|
13
13
|
});
|
|
14
14
|
TextImpl.displayName = 'Text';
|
|
15
15
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.mjs","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraText"],"mappings":";;;;;;AAMA,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,KAAK,EAAE,GAAG,KAAI;;IAEb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAEnC,QACEA,GAAA,CAACC,MAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,GAAG;;QAEN,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,GAAG,EACrC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Text.mjs","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraText"],"mappings":";;;;;;AAMA,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,KAAK,EAAE,GAAG,KAAI;;IAEb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAEnC,QACEA,GAAA,CAACC,MAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,GAAG;;QAEN,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,GAAG,EACrC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,EAAA,GACd,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAG,WAAW,CAA0B,QAAQ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/theme/global.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/theme/global.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,8CAkFpB,CAAC;AAGH,eAAO,MAAM,MAAM,8CAAY,CAAC"}
|
package/dist/theme/global.js
CHANGED
|
@@ -38,6 +38,24 @@ const globalCss = react.defineGlobalStyles({
|
|
|
38
38
|
// Mode-aware primary text (neutral.11 light / cream dark).
|
|
39
39
|
color: 'fg.default',
|
|
40
40
|
},
|
|
41
|
+
// Korean breaks between 어절, not mid-word — but only Korean. Japanese and
|
|
42
|
+
// Chinese have no spaces, so `keep-all` turns a whole sentence into one
|
|
43
|
+
// unbreakable run that overflows its box. Set once on <html> by language
|
|
44
|
+
// and let it inherit (`word-break` is inherited), so a component that asks
|
|
45
|
+
// for `break-all` (emails, keys, file names) still gets it. The Typography
|
|
46
|
+
// components used to hard-code `keep-all` on themselves, which left every
|
|
47
|
+
// ja screen to undo it one call site at a time.
|
|
48
|
+
'html:lang(ko)': {
|
|
49
|
+
wordBreak: 'keep-all',
|
|
50
|
+
},
|
|
51
|
+
// Japanese wraps at phrase boundaries (文節) where the browser can find them
|
|
52
|
+
// (Chromium 119+, ja only). Elsewhere the rule is skipped and ja keeps the
|
|
53
|
+
// default `normal`, which breaks between characters — never `keep-all`.
|
|
54
|
+
'html:lang(ja)': {
|
|
55
|
+
'@supports (word-break: auto-phrase)': {
|
|
56
|
+
wordBreak: 'auto-phrase',
|
|
57
|
+
},
|
|
58
|
+
},
|
|
41
59
|
'#__next': {
|
|
42
60
|
height: 'var(--chakra-vh)',
|
|
43
61
|
},
|
package/dist/theme/global.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global.js","sources":["../../src/theme/global.ts"],"sourcesContent":[null],"names":["defineGlobalStyles","pretendard","inter","noto"],"mappings":";;;;;;AAIA;;;;;;;;AAQG;AACI,MAAM,SAAS,GAAGA,wBAAkB,CAAC;;;AAG1C,IAAA,OAAO,EAAE;AACP,QAAA,kCAAkC,EAAE,iCAAiC;AACrE,QAAA,gCAAgC,EAAE,gCAAgC;AACnE,KAAA;AAED,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,kBAAkB;;;;AAI1B,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE;YACVC,eAAU,CAAC,KAAK,CAAC,UAAU;YAC3BC,UAAK,CAAC,KAAK,CAAC,UAAU;YACtBC,SAAI,CAAC,KAAK,CAAC,UAAU;SACtB,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AAED,IAAA,YAAY,EAAE;;AAEZ,QAAA,KAAK,EAAE,YAAY;AACpB,KAAA;AAED,IAAA,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,kBAAkB;AAC3B,KAAA;AACD,IAAA,sBAAsB,EAAE;AACtB,QAAA,UAAU,EAAED,UAAK,CAAC,KAAK,CAAC,UAAU;AACnC,KAAA;;;;;;AAOD,IAAA,GAAG,EAAE;AACH,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,cAAc,EAAE,4CAA4C;AAC7D,KAAA;AACD,IAAA,qBAAqB,EAAE;AACrB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,eAAe,EAAE,gCAAgC;AACjD,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,MAAM,EAAE,uBAAuB;AAC/B,QAAA,cAAc,EAAE,aAAa;AAC9B,KAAA;AACD,IAAA,iCAAiC,EAAE;AACjC,QAAA,eAAe,EAAE,gCAAgC;AAClD,KAAA;AACD,IAAA,4BAA4B,EAAE;AAC5B,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AACF,CAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"global.js","sources":["../../src/theme/global.ts"],"sourcesContent":[null],"names":["defineGlobalStyles","pretendard","inter","noto"],"mappings":";;;;;;AAIA;;;;;;;;AAQG;AACI,MAAM,SAAS,GAAGA,wBAAkB,CAAC;;;AAG1C,IAAA,OAAO,EAAE;AACP,QAAA,kCAAkC,EAAE,iCAAiC;AACrE,QAAA,gCAAgC,EAAE,gCAAgC;AACnE,KAAA;AAED,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,kBAAkB;;;;AAI1B,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE;YACVC,eAAU,CAAC,KAAK,CAAC,UAAU;YAC3BC,UAAK,CAAC,KAAK,CAAC,UAAU;YACtBC,SAAI,CAAC,KAAK,CAAC,UAAU;SACtB,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AAED,IAAA,YAAY,EAAE;;AAEZ,QAAA,KAAK,EAAE,YAAY;AACpB,KAAA;;;;;;;;AASD,IAAA,eAAe,EAAE;AACf,QAAA,SAAS,EAAE,UAAU;AACtB,KAAA;;;;AAID,IAAA,eAAe,EAAE;AACf,QAAA,qCAAqC,EAAE;AACrC,YAAA,SAAS,EAAE,aAAa;AACzB,SAAA;AACF,KAAA;AAED,IAAA,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,kBAAkB;AAC3B,KAAA;AACD,IAAA,sBAAsB,EAAE;AACtB,QAAA,UAAU,EAAED,UAAK,CAAC,KAAK,CAAC,UAAU;AACnC,KAAA;;;;;;AAOD,IAAA,GAAG,EAAE;AACH,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,cAAc,EAAE,4CAA4C;AAC7D,KAAA;AACD,IAAA,qBAAqB,EAAE;AACrB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,eAAe,EAAE,gCAAgC;AACjD,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,MAAM,EAAE,uBAAuB;AAC/B,QAAA,cAAc,EAAE,aAAa;AAC9B,KAAA;AACD,IAAA,iCAAiC,EAAE;AACjC,QAAA,eAAe,EAAE,gCAAgC;AAClD,KAAA;AACD,IAAA,4BAA4B,EAAE;AAC5B,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AACF,CAAA;;;;"}
|
package/dist/theme/global.mjs
CHANGED
|
@@ -36,6 +36,24 @@ const globalCss = defineGlobalStyles({
|
|
|
36
36
|
// Mode-aware primary text (neutral.11 light / cream dark).
|
|
37
37
|
color: 'fg.default',
|
|
38
38
|
},
|
|
39
|
+
// Korean breaks between 어절, not mid-word — but only Korean. Japanese and
|
|
40
|
+
// Chinese have no spaces, so `keep-all` turns a whole sentence into one
|
|
41
|
+
// unbreakable run that overflows its box. Set once on <html> by language
|
|
42
|
+
// and let it inherit (`word-break` is inherited), so a component that asks
|
|
43
|
+
// for `break-all` (emails, keys, file names) still gets it. The Typography
|
|
44
|
+
// components used to hard-code `keep-all` on themselves, which left every
|
|
45
|
+
// ja screen to undo it one call site at a time.
|
|
46
|
+
'html:lang(ko)': {
|
|
47
|
+
wordBreak: 'keep-all',
|
|
48
|
+
},
|
|
49
|
+
// Japanese wraps at phrase boundaries (文節) where the browser can find them
|
|
50
|
+
// (Chromium 119+, ja only). Elsewhere the rule is skipped and ja keeps the
|
|
51
|
+
// default `normal`, which breaks between characters — never `keep-all`.
|
|
52
|
+
'html:lang(ja)': {
|
|
53
|
+
'@supports (word-break: auto-phrase)': {
|
|
54
|
+
wordBreak: 'auto-phrase',
|
|
55
|
+
},
|
|
56
|
+
},
|
|
39
57
|
'#__next': {
|
|
40
58
|
height: 'var(--chakra-vh)',
|
|
41
59
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global.mjs","sources":["../../src/theme/global.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIA;;;;;;;;AAQG;AACI,MAAM,SAAS,GAAG,kBAAkB,CAAC;;;AAG1C,IAAA,OAAO,EAAE;AACP,QAAA,kCAAkC,EAAE,iCAAiC;AACrE,QAAA,gCAAgC,EAAE,gCAAgC;AACnE,KAAA;AAED,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,kBAAkB;;;;AAI1B,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE;YACV,UAAU,CAAC,KAAK,CAAC,UAAU;YAC3B,KAAK,CAAC,KAAK,CAAC,UAAU;YACtB,IAAI,CAAC,KAAK,CAAC,UAAU;SACtB,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AAED,IAAA,YAAY,EAAE;;AAEZ,QAAA,KAAK,EAAE,YAAY;AACpB,KAAA;AAED,IAAA,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,kBAAkB;AAC3B,KAAA;AACD,IAAA,sBAAsB,EAAE;AACtB,QAAA,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU;AACnC,KAAA;;;;;;AAOD,IAAA,GAAG,EAAE;AACH,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,cAAc,EAAE,4CAA4C;AAC7D,KAAA;AACD,IAAA,qBAAqB,EAAE;AACrB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,eAAe,EAAE,gCAAgC;AACjD,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,MAAM,EAAE,uBAAuB;AAC/B,QAAA,cAAc,EAAE,aAAa;AAC9B,KAAA;AACD,IAAA,iCAAiC,EAAE;AACjC,QAAA,eAAe,EAAE,gCAAgC;AAClD,KAAA;AACD,IAAA,4BAA4B,EAAE;AAC5B,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AACF,CAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"global.mjs","sources":["../../src/theme/global.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIA;;;;;;;;AAQG;AACI,MAAM,SAAS,GAAG,kBAAkB,CAAC;;;AAG1C,IAAA,OAAO,EAAE;AACP,QAAA,kCAAkC,EAAE,iCAAiC;AACrE,QAAA,gCAAgC,EAAE,gCAAgC;AACnE,KAAA;AAED,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,kBAAkB;;;;AAI1B,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE;YACV,UAAU,CAAC,KAAK,CAAC,UAAU;YAC3B,KAAK,CAAC,KAAK,CAAC,UAAU;YACtB,IAAI,CAAC,KAAK,CAAC,UAAU;SACtB,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AAED,IAAA,YAAY,EAAE;;AAEZ,QAAA,KAAK,EAAE,YAAY;AACpB,KAAA;;;;;;;;AASD,IAAA,eAAe,EAAE;AACf,QAAA,SAAS,EAAE,UAAU;AACtB,KAAA;;;;AAID,IAAA,eAAe,EAAE;AACf,QAAA,qCAAqC,EAAE;AACrC,YAAA,SAAS,EAAE,aAAa;AACzB,SAAA;AACF,KAAA;AAED,IAAA,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,kBAAkB;AAC3B,KAAA;AACD,IAAA,sBAAsB,EAAE;AACtB,QAAA,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU;AACnC,KAAA;;;;;;AAOD,IAAA,GAAG,EAAE;AACH,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,cAAc,EAAE,4CAA4C;AAC7D,KAAA;AACD,IAAA,qBAAqB,EAAE;AACrB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,eAAe,EAAE,gCAAgC;AACjD,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,MAAM,EAAE,uBAAuB;AAC/B,QAAA,cAAc,EAAE,aAAa;AAC9B,KAAA;AACD,IAAA,iCAAiC,EAAE;AACjC,QAAA,eAAe,EAAE,gCAAgC;AAClD,KAAA;AACD,IAAA,4BAA4B,EAAE;AAC5B,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AACF,CAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -75,7 +75,6 @@ const LinkImpl = forwardRef<HTMLAnchorElement, LinkOwnProps>(
|
|
|
75
75
|
// scale the way `primary.main` used to. `{...rest}` below still lets
|
|
76
76
|
// a call site override it.
|
|
77
77
|
fontWeight={500}
|
|
78
|
-
wordBreak="keep-all"
|
|
79
78
|
color={linkColor}
|
|
80
79
|
textDecoration="underline"
|
|
81
80
|
textDecorationThickness="1px"
|
|
@@ -13,7 +13,10 @@ import * as TypographyStories from './Typography.stories';
|
|
|
13
13
|
|
|
14
14
|
The type scale: headings (`H1`–`H5`), body text (`Text`), supporting text
|
|
15
15
|
(`Subtitle`, `Subtext`, `Caption`, `Overline`) and inline links (`Link`).
|
|
16
|
-
Each tier sets a size
|
|
16
|
+
Each tier sets a size and a colour. Word breaking is set by language on
|
|
17
|
+
`<html>` in the global styles: Korean (`lang="ko"`) gets `keep-all`, Japanese
|
|
18
|
+
(`lang="ja"`) gets `auto-phrase` where supported, other languages keep the
|
|
19
|
+
browser default.
|
|
17
20
|
|
|
18
21
|
## When to use
|
|
19
22
|
|
|
@@ -61,7 +64,10 @@ explicit size wins.
|
|
|
61
64
|
|
|
62
65
|
글자 체계입니다. 제목(`H1`–`H5`), 본문(`Text`), 보조 문구(`Subtitle`, `Subtext`,
|
|
63
66
|
`Caption`, `Overline`), 문장 안 링크(`Link`)로 나뉩니다. 각 단계는 크기와 색을
|
|
64
|
-
|
|
67
|
+
정합니다. 줄바꿈 방식은 전역 스타일이 `<html>`의 언어로 정합니다. 한국어
|
|
68
|
+
(`lang="ko"`)는 단어 중간에서 끊기지 않도록 `keep-all`, 일본어(`lang="ja"`)는
|
|
69
|
+
지원 브라우저에서 문절 단위로 끊는 `auto-phrase`이고, 다른 언어는 브라우저
|
|
70
|
+
기본값을 씁니다.
|
|
65
71
|
|
|
66
72
|
## 언제 쓰나요
|
|
67
73
|
|
package/src/theme/global.ts
CHANGED
|
@@ -39,6 +39,25 @@ export const globalCss = defineGlobalStyles({
|
|
|
39
39
|
color: 'fg.default',
|
|
40
40
|
},
|
|
41
41
|
|
|
42
|
+
// Korean breaks between 어절, not mid-word — but only Korean. Japanese and
|
|
43
|
+
// Chinese have no spaces, so `keep-all` turns a whole sentence into one
|
|
44
|
+
// unbreakable run that overflows its box. Set once on <html> by language
|
|
45
|
+
// and let it inherit (`word-break` is inherited), so a component that asks
|
|
46
|
+
// for `break-all` (emails, keys, file names) still gets it. The Typography
|
|
47
|
+
// components used to hard-code `keep-all` on themselves, which left every
|
|
48
|
+
// ja screen to undo it one call site at a time.
|
|
49
|
+
'html:lang(ko)': {
|
|
50
|
+
wordBreak: 'keep-all',
|
|
51
|
+
},
|
|
52
|
+
// Japanese wraps at phrase boundaries (文節) where the browser can find them
|
|
53
|
+
// (Chromium 119+, ja only). Elsewhere the rule is skipped and ja keeps the
|
|
54
|
+
// default `normal`, which breaks between characters — never `keep-all`.
|
|
55
|
+
'html:lang(ja)': {
|
|
56
|
+
'@supports (word-break: auto-phrase)': {
|
|
57
|
+
wordBreak: 'auto-phrase',
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
|
|
42
61
|
'#__next': {
|
|
43
62
|
height: 'var(--chakra-vh)',
|
|
44
63
|
},
|