@mindlogic-ai/logician-ui 4.0.0-alpha.22 → 4.0.0-alpha.24
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/CodeTabs/CodeTabs.js +1 -0
- package/dist/components/CodeTabs/CodeTabs.js.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.mjs +1 -0
- package/dist/components/CodeTabs/CodeTabs.mjs.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.d.ts +37 -2
- package/dist/components/Tabs/Tab/Tab.styles.d.ts.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.js +32 -2
- package/dist/components/Tabs/Tab/Tab.styles.js.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.mjs +32 -3
- package/dist/components/Tabs/Tab/Tab.styles.mjs.map +1 -1
- package/dist/components/Tabs/Tab/index.d.ts +1 -0
- package/dist/components/Tabs/Tab/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Typography/Link.d.ts +25 -0
- package/dist/components/Typography/Link.d.ts.map +1 -1
- package/dist/components/Typography/Link.js +31 -4
- package/dist/components/Typography/Link.js.map +1 -1
- package/dist/components/Typography/Link.mjs +31 -5
- package/dist/components/Typography/Link.mjs.map +1 -1
- package/dist/components/Typography/index.d.ts +1 -1
- package/dist/components/Typography/index.d.ts.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -1
- package/dist/index.mjs.map +1 -1
- package/dist/theme/colors.d.ts +145 -37
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +98 -68
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +98 -68
- package/dist/theme/colors.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Tabs/Tab/Tab.styles.ts +32 -2
- package/src/components/Tabs/Tab/index.ts +1 -0
- package/src/components/Tabs/index.tsx +1 -1
- package/src/components/Typography/Link.tsx +31 -4
- package/src/components/Typography/index.ts +1 -1
- package/src/components/a11y.kwcag.test.tsx +151 -1
- package/src/index.ts +1 -0
- package/src/theme/colors.ts +99 -69
|
@@ -6,6 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
var Code = require('../Code/Code.js');
|
|
8
8
|
var Tab = require('../Tabs/Tab/Tab.js');
|
|
9
|
+
require('../Tabs/Tab/Tab.styles.js');
|
|
9
10
|
var TabList = require('../Tabs/TabList/TabList.js');
|
|
10
11
|
var Tabs = require('../Tabs/Tabs.js');
|
|
11
12
|
var CopyButton = require('./CopyButton.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","Tabs","TabList","_jsx","Flex","Tab","CopyButton","Box","Code"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","Tabs","TabList","_jsx","Flex","Tab","CopyButton","Box","Code"],"mappings":";;;;;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEC,eAAA,CAACC,SAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERD,eAAA,CAACE,eAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,cAAA,CAACC,UAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBD,cAAA,CAACE,OAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIF,cAAA,CAACG,qBAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVH,cAAA,CAACI,SAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEJ,cAAA,CAACK,SAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}
|
|
@@ -4,6 +4,7 @@ import { useState } from 'react';
|
|
|
4
4
|
import { Flex, Box } from '@chakra-ui/react';
|
|
5
5
|
import { Code } from '../Code/Code.mjs';
|
|
6
6
|
import { Tab } from '../Tabs/Tab/Tab.mjs';
|
|
7
|
+
import '../Tabs/Tab/Tab.styles.mjs';
|
|
7
8
|
import { TabList } from '../Tabs/TabList/TabList.mjs';
|
|
8
9
|
import { Tabs } from '../Tabs/Tabs.mjs';
|
|
9
10
|
import { CopyButton } from './CopyButton.mjs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeTabs.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeTabs.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERA,IAAA,CAAC,OAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,GAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBA,GAAA,CAAC,GAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVA,GAAA,CAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}
|
|
@@ -7,8 +7,43 @@ export declare const verticalStyles: {
|
|
|
7
7
|
p: number;
|
|
8
8
|
width: string;
|
|
9
9
|
};
|
|
10
|
+
/**
|
|
11
|
+
* The steps the horizontal tab's selected state paints, exported as tokens so
|
|
12
|
+
* the contrast regression in `src/components/a11y.kwcag.test.tsx` measures what
|
|
13
|
+
* this component actually renders rather than an arithmetic restatement of it.
|
|
14
|
+
*
|
|
15
|
+
* `label` is mode-aware for the same reason `LINK_RAMP` is. `primary.main`
|
|
16
|
+
* resolves to `blue.300` (#4A79DC) in dark, which is 4.59:1 on the page
|
|
17
|
+
* background (#0E1014) but only **4.19:1** on a raised surface (#181A20) — so
|
|
18
|
+
* the selected tab cleared AA on a full-page layout and failed it the moment
|
|
19
|
+
* the same tab list rendered inside a modal or a popover. KWCAG 5.3.3
|
|
20
|
+
* (텍스트 콘텐츠의 명도 대비) asks 4.5:1 of text, and this is text. The `.dark`
|
|
21
|
+
* end of the ramp is `blue.200` (#7DA0E8): 6.68:1 on the surface, 7.31:1 on the
|
|
22
|
+
* page. Light is untouched — `primary.main` is 6.62:1 on white.
|
|
23
|
+
*
|
|
24
|
+
* `indicator` stays `primary.main` deliberately. The 2px underline is a
|
|
25
|
+
* GRAPHIC, judged at 3:1, which 4.19:1 clears; moving it would be a visual
|
|
26
|
+
* change the standard does not ask for.
|
|
27
|
+
*
|
|
28
|
+
* `primary.main` itself is not re-pegged, and should not be: it is also a solid
|
|
29
|
+
* fill under white labels (`Checkbox`, `Switch`, `Banner`), where white on
|
|
30
|
+
* `blue.200` measures 2.60:1. The same reasoning already produced
|
|
31
|
+
* `secondary.main`'s `_dark` step — see its note in `theme/colors.ts`, which
|
|
32
|
+
* moved violet off `.300` at 4.29:1 for exactly this. Blue never got the same
|
|
33
|
+
* treatment.
|
|
34
|
+
*/
|
|
35
|
+
export declare const TAB_RAMP: {
|
|
36
|
+
readonly label: {
|
|
37
|
+
readonly base: "primary.main";
|
|
38
|
+
readonly _dark: "primary.dark";
|
|
39
|
+
};
|
|
40
|
+
readonly indicator: "primary.main";
|
|
41
|
+
};
|
|
10
42
|
export declare const horizontalSelectedStyles: {
|
|
11
|
-
color:
|
|
43
|
+
color: {
|
|
44
|
+
readonly base: "primary.main";
|
|
45
|
+
readonly _dark: "primary.dark";
|
|
46
|
+
};
|
|
12
47
|
fontWeight: string;
|
|
13
48
|
position: string;
|
|
14
49
|
_after: {
|
|
@@ -18,7 +53,7 @@ export declare const horizontalSelectedStyles: {
|
|
|
18
53
|
left: number;
|
|
19
54
|
width: string;
|
|
20
55
|
height: string;
|
|
21
|
-
background:
|
|
56
|
+
background: "primary.main";
|
|
22
57
|
};
|
|
23
58
|
};
|
|
24
59
|
export declare const verticalSelectedStyles: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAC;AAEF,eAAO,MAAM,wBAAwB
|
|
1
|
+
{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,QAAQ;;;;;;CAGX,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;CAapC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;CAelC,CAAC"}
|
|
@@ -11,8 +11,37 @@ const verticalStyles = {
|
|
|
11
11
|
p: 4,
|
|
12
12
|
width: '100%',
|
|
13
13
|
};
|
|
14
|
+
/**
|
|
15
|
+
* The steps the horizontal tab's selected state paints, exported as tokens so
|
|
16
|
+
* the contrast regression in `src/components/a11y.kwcag.test.tsx` measures what
|
|
17
|
+
* this component actually renders rather than an arithmetic restatement of it.
|
|
18
|
+
*
|
|
19
|
+
* `label` is mode-aware for the same reason `LINK_RAMP` is. `primary.main`
|
|
20
|
+
* resolves to `blue.300` (#4A79DC) in dark, which is 4.59:1 on the page
|
|
21
|
+
* background (#0E1014) but only **4.19:1** on a raised surface (#181A20) — so
|
|
22
|
+
* the selected tab cleared AA on a full-page layout and failed it the moment
|
|
23
|
+
* the same tab list rendered inside a modal or a popover. KWCAG 5.3.3
|
|
24
|
+
* (텍스트 콘텐츠의 명도 대비) asks 4.5:1 of text, and this is text. The `.dark`
|
|
25
|
+
* end of the ramp is `blue.200` (#7DA0E8): 6.68:1 on the surface, 7.31:1 on the
|
|
26
|
+
* page. Light is untouched — `primary.main` is 6.62:1 on white.
|
|
27
|
+
*
|
|
28
|
+
* `indicator` stays `primary.main` deliberately. The 2px underline is a
|
|
29
|
+
* GRAPHIC, judged at 3:1, which 4.19:1 clears; moving it would be a visual
|
|
30
|
+
* change the standard does not ask for.
|
|
31
|
+
*
|
|
32
|
+
* `primary.main` itself is not re-pegged, and should not be: it is also a solid
|
|
33
|
+
* fill under white labels (`Checkbox`, `Switch`, `Banner`), where white on
|
|
34
|
+
* `blue.200` measures 2.60:1. The same reasoning already produced
|
|
35
|
+
* `secondary.main`'s `_dark` step — see its note in `theme/colors.ts`, which
|
|
36
|
+
* moved violet off `.300` at 4.29:1 for exactly this. Blue never got the same
|
|
37
|
+
* treatment.
|
|
38
|
+
*/
|
|
39
|
+
const TAB_RAMP = {
|
|
40
|
+
label: { base: 'primary.main', _dark: 'primary.dark' },
|
|
41
|
+
indicator: 'primary.main',
|
|
42
|
+
};
|
|
14
43
|
const horizontalSelectedStyles = {
|
|
15
|
-
color:
|
|
44
|
+
color: TAB_RAMP.label,
|
|
16
45
|
fontWeight: 'semibold',
|
|
17
46
|
position: 'relative',
|
|
18
47
|
_after: {
|
|
@@ -22,7 +51,7 @@ const horizontalSelectedStyles = {
|
|
|
22
51
|
left: 0,
|
|
23
52
|
width: '100%',
|
|
24
53
|
height: '2px',
|
|
25
|
-
background:
|
|
54
|
+
background: TAB_RAMP.indicator,
|
|
26
55
|
},
|
|
27
56
|
};
|
|
28
57
|
const verticalSelectedStyles = {
|
|
@@ -42,6 +71,7 @@ const verticalSelectedStyles = {
|
|
|
42
71
|
},
|
|
43
72
|
};
|
|
44
73
|
|
|
74
|
+
exports.TAB_RAMP = TAB_RAMP;
|
|
45
75
|
exports.horizontalSelectedStyles = horizontalSelectedStyles;
|
|
46
76
|
exports.verticalSelectedStyles = verticalSelectedStyles;
|
|
47
77
|
exports.verticalStyles = verticalStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;
|
|
1
|
+
{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;AAGf;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACI,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;AACtD,IAAA,SAAS,EAAE,cAAc;;AAGpB,MAAM,wBAAwB,GAAG;IACtC,KAAK,EAAE,QAAQ,CAAC,KAAK;AACrB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,QAAQ,CAAC,SAAS;AAC/B,KAAA;;AAGI,MAAM,sBAAsB,GAAG;IACpC,eAAe,EAAE,oBAAoB;IACrC,KAAK,EAAE,cAAc;AACrB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,gBAAgB,EAAE,CAAC;;AAEnB,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA;;;;;;;;"}
|
|
@@ -9,8 +9,37 @@ const verticalStyles = {
|
|
|
9
9
|
p: 4,
|
|
10
10
|
width: '100%',
|
|
11
11
|
};
|
|
12
|
+
/**
|
|
13
|
+
* The steps the horizontal tab's selected state paints, exported as tokens so
|
|
14
|
+
* the contrast regression in `src/components/a11y.kwcag.test.tsx` measures what
|
|
15
|
+
* this component actually renders rather than an arithmetic restatement of it.
|
|
16
|
+
*
|
|
17
|
+
* `label` is mode-aware for the same reason `LINK_RAMP` is. `primary.main`
|
|
18
|
+
* resolves to `blue.300` (#4A79DC) in dark, which is 4.59:1 on the page
|
|
19
|
+
* background (#0E1014) but only **4.19:1** on a raised surface (#181A20) — so
|
|
20
|
+
* the selected tab cleared AA on a full-page layout and failed it the moment
|
|
21
|
+
* the same tab list rendered inside a modal or a popover. KWCAG 5.3.3
|
|
22
|
+
* (텍스트 콘텐츠의 명도 대비) asks 4.5:1 of text, and this is text. The `.dark`
|
|
23
|
+
* end of the ramp is `blue.200` (#7DA0E8): 6.68:1 on the surface, 7.31:1 on the
|
|
24
|
+
* page. Light is untouched — `primary.main` is 6.62:1 on white.
|
|
25
|
+
*
|
|
26
|
+
* `indicator` stays `primary.main` deliberately. The 2px underline is a
|
|
27
|
+
* GRAPHIC, judged at 3:1, which 4.19:1 clears; moving it would be a visual
|
|
28
|
+
* change the standard does not ask for.
|
|
29
|
+
*
|
|
30
|
+
* `primary.main` itself is not re-pegged, and should not be: it is also a solid
|
|
31
|
+
* fill under white labels (`Checkbox`, `Switch`, `Banner`), where white on
|
|
32
|
+
* `blue.200` measures 2.60:1. The same reasoning already produced
|
|
33
|
+
* `secondary.main`'s `_dark` step — see its note in `theme/colors.ts`, which
|
|
34
|
+
* moved violet off `.300` at 4.29:1 for exactly this. Blue never got the same
|
|
35
|
+
* treatment.
|
|
36
|
+
*/
|
|
37
|
+
const TAB_RAMP = {
|
|
38
|
+
label: { base: 'primary.main', _dark: 'primary.dark' },
|
|
39
|
+
indicator: 'primary.main',
|
|
40
|
+
};
|
|
12
41
|
const horizontalSelectedStyles = {
|
|
13
|
-
color:
|
|
42
|
+
color: TAB_RAMP.label,
|
|
14
43
|
fontWeight: 'semibold',
|
|
15
44
|
position: 'relative',
|
|
16
45
|
_after: {
|
|
@@ -20,7 +49,7 @@ const horizontalSelectedStyles = {
|
|
|
20
49
|
left: 0,
|
|
21
50
|
width: '100%',
|
|
22
51
|
height: '2px',
|
|
23
|
-
background:
|
|
52
|
+
background: TAB_RAMP.indicator,
|
|
24
53
|
},
|
|
25
54
|
};
|
|
26
55
|
const verticalSelectedStyles = {
|
|
@@ -40,5 +69,5 @@ const verticalSelectedStyles = {
|
|
|
40
69
|
},
|
|
41
70
|
};
|
|
42
71
|
|
|
43
|
-
export { horizontalSelectedStyles, verticalSelectedStyles, verticalStyles };
|
|
72
|
+
export { TAB_RAMP, horizontalSelectedStyles, verticalSelectedStyles, verticalStyles };
|
|
44
73
|
//# sourceMappingURL=Tab.styles.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.styles.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;
|
|
1
|
+
{"version":3,"file":"Tab.styles.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;AAGf;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACI,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;AACtD,IAAA,SAAS,EAAE,cAAc;;AAGpB,MAAM,wBAAwB,GAAG;IACtC,KAAK,EAAE,QAAQ,CAAC,KAAK;AACrB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,QAAQ,CAAC,SAAS;AAC/B,KAAA;;AAGI,MAAM,sBAAsB,GAAG;IACpC,eAAe,EAAE,oBAAoB;IACrC,KAAK,EAAE,cAAc;AACrB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,gBAAgB,EAAE,CAAC;;AAEnB,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -2,5 +2,30 @@ import { LinkProps } from '@chakra-ui/react';
|
|
|
2
2
|
export interface LinkCustomProps extends Omit<LinkProps, 'variant'> {
|
|
3
3
|
variant?: 'error';
|
|
4
4
|
}
|
|
5
|
+
/**
|
|
6
|
+
* The ramp steps the link paints, exported so a test can assert BOTH halves at
|
|
7
|
+
* once: that the component still picks these tokens, and that these tokens
|
|
8
|
+
* still clear the contrast bar. Asserting only the second half is a test that
|
|
9
|
+
* passes while the component points somewhere else entirely — which is how the
|
|
10
|
+
* dark hover regressed with a green suite.
|
|
11
|
+
*/
|
|
12
|
+
export declare const LINK_RAMP: {
|
|
13
|
+
readonly default: {
|
|
14
|
+
readonly base: "primary.main";
|
|
15
|
+
readonly _dark: "primary.dark";
|
|
16
|
+
};
|
|
17
|
+
readonly error: {
|
|
18
|
+
readonly base: "danger.main";
|
|
19
|
+
readonly _dark: "danger.dark";
|
|
20
|
+
};
|
|
21
|
+
readonly defaultHover: {
|
|
22
|
+
readonly base: "primary.dark";
|
|
23
|
+
readonly _dark: "primary.darker";
|
|
24
|
+
};
|
|
25
|
+
readonly errorHover: {
|
|
26
|
+
readonly base: "danger.dark";
|
|
27
|
+
readonly _dark: "danger.darker";
|
|
28
|
+
};
|
|
29
|
+
};
|
|
5
30
|
export declare const Link: import("react").ForwardRefExoticComponent<LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
6
31
|
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,+
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,IAAI,+GAwDhB,CAAC"}
|
|
@@ -5,6 +5,19 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The ramp steps the link paints, exported so a test can assert BOTH halves at
|
|
10
|
+
* once: that the component still picks these tokens, and that these tokens
|
|
11
|
+
* still clear the contrast bar. Asserting only the second half is a test that
|
|
12
|
+
* passes while the component points somewhere else entirely — which is how the
|
|
13
|
+
* dark hover regressed with a green suite.
|
|
14
|
+
*/
|
|
15
|
+
const LINK_RAMP = {
|
|
16
|
+
default: { base: 'primary.main', _dark: 'primary.dark' },
|
|
17
|
+
error: { base: 'danger.main', _dark: 'danger.dark' },
|
|
18
|
+
defaultHover: { base: 'primary.dark', _dark: 'primary.darker' },
|
|
19
|
+
errorHover: { base: 'danger.dark', _dark: 'danger.darker' },
|
|
20
|
+
};
|
|
8
21
|
const Link = React.forwardRef(({ color, variant, ...rest }, ref) => {
|
|
9
22
|
// Theme-aware, because `.main` is tuned against a WHITE page. On the dark
|
|
10
23
|
// canvas (#181A20) `primary.main` measures 4.19:1 and `danger.main` 4.26:1
|
|
@@ -12,10 +25,23 @@ const Link = React.forwardRef(({ color, variant, ...rest }, ref) => {
|
|
|
12
25
|
// text, and every link in a consuming app inherits it. The `.dark` end of
|
|
13
26
|
// each ramp is the far side from the PAGE rather than a fixed lightness, so
|
|
14
27
|
// in dark mode it resolves lighter: 6.68:1 and 6.38:1.
|
|
15
|
-
const defaultColor =
|
|
16
|
-
const errorColor =
|
|
17
|
-
|
|
18
|
-
|
|
28
|
+
const defaultColor = LINK_RAMP.default;
|
|
29
|
+
const errorColor = LINK_RAMP.error;
|
|
30
|
+
// The hover has to move AWAY from the page in BOTH modes, and `.main` is
|
|
31
|
+
// the wrong end of the ramp to move toward in dark. Mirroring the light
|
|
32
|
+
// step ("one darker") instead of reflecting it sent the dark hover back
|
|
33
|
+
// toward the background: resting 6.68:1 → hovering **4.19:1**, under the
|
|
34
|
+
// same 4.5:1 the resting colour above was just fixed to clear. KWCAG
|
|
35
|
+
// 5.3.3 applies to text in every state a user can put it in, and hover is
|
|
36
|
+
// a state a mouse user is IN while reading the link.
|
|
37
|
+
//
|
|
38
|
+
// `.darker` is the step past `.dark` at both ends, so one token is correct
|
|
39
|
+
// in both modes with no special-casing: light 11.98:1 (unchanged from
|
|
40
|
+
// before), dark 10.68:1. Error the same: 10.83:1 and 10.34:1.
|
|
41
|
+
//
|
|
42
|
+
// No axe rule would have caught this — it measures the resting state only.
|
|
43
|
+
const defaultHoverColor = LINK_RAMP.defaultHover;
|
|
44
|
+
const errorHoverColor = LINK_RAMP.errorHover;
|
|
19
45
|
// `color ?? defaultColor`, not a `typeof color === 'string'` narrowing. The
|
|
20
46
|
// old form silently DISCARDED any non-string value, so a call site passing
|
|
21
47
|
// a per-theme `{ base, _dark }` — the documented Chakra way to fix exactly
|
|
@@ -36,5 +62,6 @@ const Link = React.forwardRef(({ color, variant, ...rest }, ref) => {
|
|
|
36
62
|
});
|
|
37
63
|
Link.displayName = 'Link';
|
|
38
64
|
|
|
65
|
+
exports.LINK_RAMP = LINK_RAMP;
|
|
39
66
|
exports.Link = Link;
|
|
40
67
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraLink"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraLink"],"mappings":";;;;;;;AAOA;;;;;;AAMG;AACI,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IACxD,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;IACpD,YAAY,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/D,UAAU,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE;;AAGtD,MAAM,IAAI,GAAGA,gBAAU,CAC5B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;;;;;;;AAOnC,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;;;;;AAKR,QAAA,UAAU,EAAC,SAAS,EACpB,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,SAAS,EAAE,MAAM;SAClB,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;;"}
|
|
@@ -3,6 +3,19 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Link as Link$1 } from '@chakra-ui/react';
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* The ramp steps the link paints, exported so a test can assert BOTH halves at
|
|
8
|
+
* once: that the component still picks these tokens, and that these tokens
|
|
9
|
+
* still clear the contrast bar. Asserting only the second half is a test that
|
|
10
|
+
* passes while the component points somewhere else entirely — which is how the
|
|
11
|
+
* dark hover regressed with a green suite.
|
|
12
|
+
*/
|
|
13
|
+
const LINK_RAMP = {
|
|
14
|
+
default: { base: 'primary.main', _dark: 'primary.dark' },
|
|
15
|
+
error: { base: 'danger.main', _dark: 'danger.dark' },
|
|
16
|
+
defaultHover: { base: 'primary.dark', _dark: 'primary.darker' },
|
|
17
|
+
errorHover: { base: 'danger.dark', _dark: 'danger.darker' },
|
|
18
|
+
};
|
|
6
19
|
const Link = forwardRef(({ color, variant, ...rest }, ref) => {
|
|
7
20
|
// Theme-aware, because `.main` is tuned against a WHITE page. On the dark
|
|
8
21
|
// canvas (#181A20) `primary.main` measures 4.19:1 and `danger.main` 4.26:1
|
|
@@ -10,10 +23,23 @@ const Link = forwardRef(({ color, variant, ...rest }, ref) => {
|
|
|
10
23
|
// text, and every link in a consuming app inherits it. The `.dark` end of
|
|
11
24
|
// each ramp is the far side from the PAGE rather than a fixed lightness, so
|
|
12
25
|
// in dark mode it resolves lighter: 6.68:1 and 6.38:1.
|
|
13
|
-
const defaultColor =
|
|
14
|
-
const errorColor =
|
|
15
|
-
|
|
16
|
-
|
|
26
|
+
const defaultColor = LINK_RAMP.default;
|
|
27
|
+
const errorColor = LINK_RAMP.error;
|
|
28
|
+
// The hover has to move AWAY from the page in BOTH modes, and `.main` is
|
|
29
|
+
// the wrong end of the ramp to move toward in dark. Mirroring the light
|
|
30
|
+
// step ("one darker") instead of reflecting it sent the dark hover back
|
|
31
|
+
// toward the background: resting 6.68:1 → hovering **4.19:1**, under the
|
|
32
|
+
// same 4.5:1 the resting colour above was just fixed to clear. KWCAG
|
|
33
|
+
// 5.3.3 applies to text in every state a user can put it in, and hover is
|
|
34
|
+
// a state a mouse user is IN while reading the link.
|
|
35
|
+
//
|
|
36
|
+
// `.darker` is the step past `.dark` at both ends, so one token is correct
|
|
37
|
+
// in both modes with no special-casing: light 11.98:1 (unchanged from
|
|
38
|
+
// before), dark 10.68:1. Error the same: 10.83:1 and 10.34:1.
|
|
39
|
+
//
|
|
40
|
+
// No axe rule would have caught this — it measures the resting state only.
|
|
41
|
+
const defaultHoverColor = LINK_RAMP.defaultHover;
|
|
42
|
+
const errorHoverColor = LINK_RAMP.errorHover;
|
|
17
43
|
// `color ?? defaultColor`, not a `typeof color === 'string'` narrowing. The
|
|
18
44
|
// old form silently DISCARDED any non-string value, so a call site passing
|
|
19
45
|
// a per-theme `{ base, _dark }` — the documented Chakra way to fix exactly
|
|
@@ -34,5 +60,5 @@ const Link = forwardRef(({ color, variant, ...rest }, ref) => {
|
|
|
34
60
|
});
|
|
35
61
|
Link.displayName = 'Link';
|
|
36
62
|
|
|
37
|
-
export { Link };
|
|
63
|
+
export { LINK_RAMP, Link };
|
|
38
64
|
//# sourceMappingURL=Link.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.mjs","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraLink"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Link.mjs","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraLink"],"mappings":";;;;;AAOA;;;;;;AAMG;AACI,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IACxD,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;IACpD,YAAY,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/D,UAAU,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE;;AAGtD,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;;;;;;;AAOnC,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;;;;;AAKR,QAAA,UAAU,EAAC,SAAS,EACpB,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,SAAS,EAAE,MAAM;SAClB,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -4,7 +4,7 @@ export { H2 } from './H2';
|
|
|
4
4
|
export { H3 } from './H3';
|
|
5
5
|
export { H4 } from './H4';
|
|
6
6
|
export { H5 } from './H5';
|
|
7
|
-
export { Link } from './Link';
|
|
7
|
+
export { Link, LINK_RAMP } from './Link';
|
|
8
8
|
export { Overline } from './Overline';
|
|
9
9
|
export { Subtext } from './Subtext';
|
|
10
10
|
export { Subtitle } from './Subtitle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,YAAY,EAAE,eAAe,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC3D,YAAY,EACV,eAAe,IAAI,YAAY,EAC/B,eAAe,IAAI,aAAa,EAChC,eAAe,IAAI,YAAY,EAC/B,eAAe,IAAI,aAAa,EAChC,eAAe,IAAI,SAAS,EAC5B,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,YAAY,IAAI,OAAO,EACvB,YAAY,IAAI,OAAO,EACvB,YAAY,IAAI,OAAO,EACvB,YAAY,IAAI,OAAO,EACvB,YAAY,IAAI,OAAO,GACxB,MAAM,kBAAkB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -62,7 +62,7 @@ export * from './components/Toast';
|
|
|
62
62
|
export * from './components/Tooltip';
|
|
63
63
|
export * from './components/Tree';
|
|
64
64
|
export * from './components/Workflow';
|
|
65
|
-
export { Caption, H1, H2, H3, H4, H5, Link, Overline, Subtext, Subtitle, Text, } from './components/Typography';
|
|
65
|
+
export { Caption, H1, H2, H3, H4, H5, Link, LINK_RAMP, Overline, Subtext, Subtitle, Text, } from './components/Typography';
|
|
66
66
|
export { useHasHover } from './hooks/useHasHover';
|
|
67
67
|
export type { LanguageContextValue } from './hooks/useLanguage';
|
|
68
68
|
export { LanguageContext, useLanguage } from './hooks/useLanguage';
|
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,mBAAmB,CAAC;AAClC,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,OAAO,EACP,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"}
|
|
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,mBAAmB,CAAC;AAClC,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,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,SAAS,EACT,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
|
@@ -112,6 +112,7 @@ var Th = require('./components/Table/Th.js');
|
|
|
112
112
|
var Thead = require('./components/Table/Thead.js');
|
|
113
113
|
var Tr = require('./components/Table/Tr.js');
|
|
114
114
|
var Tab = require('./components/Tabs/Tab/Tab.js');
|
|
115
|
+
var Tab_styles = require('./components/Tabs/Tab/Tab.styles.js');
|
|
115
116
|
var TabList = require('./components/Tabs/TabList/TabList.js');
|
|
116
117
|
var TabPanel = require('./components/Tabs/TabPanel.js');
|
|
117
118
|
var TabPanels = require('./components/Tabs/TabPanels.js');
|
|
@@ -327,6 +328,7 @@ exports.Th = Th.Th;
|
|
|
327
328
|
exports.Thead = Thead.Thead;
|
|
328
329
|
exports.Tr = Tr.Tr;
|
|
329
330
|
exports.Tab = Tab.Tab;
|
|
331
|
+
exports.TAB_RAMP = Tab_styles.TAB_RAMP;
|
|
330
332
|
exports.TabList = TabList.TabList;
|
|
331
333
|
exports.TabPanel = TabPanel.TabPanel;
|
|
332
334
|
exports.TabPanels = TabPanels.TabPanels;
|
|
@@ -394,6 +396,7 @@ exports.H2 = H2.H2;
|
|
|
394
396
|
exports.H3 = H3.H3;
|
|
395
397
|
exports.H4 = H4.H4;
|
|
396
398
|
exports.H5 = H5.H5;
|
|
399
|
+
exports.LINK_RAMP = Link.LINK_RAMP;
|
|
397
400
|
exports.Link = Link.Link;
|
|
398
401
|
exports.Overline = Overline.Overline;
|
|
399
402
|
exports.Subtext = Subtext.Subtext;
|
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
|
@@ -110,6 +110,7 @@ export { Th } from './components/Table/Th.mjs';
|
|
|
110
110
|
export { Thead } from './components/Table/Thead.mjs';
|
|
111
111
|
export { Tr } from './components/Table/Tr.mjs';
|
|
112
112
|
export { Tab } from './components/Tabs/Tab/Tab.mjs';
|
|
113
|
+
export { TAB_RAMP } from './components/Tabs/Tab/Tab.styles.mjs';
|
|
113
114
|
export { TabList } from './components/Tabs/TabList/TabList.mjs';
|
|
114
115
|
export { TabPanel } from './components/Tabs/TabPanel.mjs';
|
|
115
116
|
export { TabPanels } from './components/Tabs/TabPanels.mjs';
|
|
@@ -162,7 +163,7 @@ export { H2 } from './components/Typography/H2.mjs';
|
|
|
162
163
|
export { H3 } from './components/Typography/H3.mjs';
|
|
163
164
|
export { H4 } from './components/Typography/H4.mjs';
|
|
164
165
|
export { H5 } from './components/Typography/H5.mjs';
|
|
165
|
-
export { Link } from './components/Typography/Link.mjs';
|
|
166
|
+
export { LINK_RAMP, Link } from './components/Typography/Link.mjs';
|
|
166
167
|
export { Overline } from './components/Typography/Overline.mjs';
|
|
167
168
|
export { Subtext } from './components/Typography/Subtext.mjs';
|
|
168
169
|
export { Subtitle } from './components/Typography/Subtitle.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|