@easypost/easy-ui 1.0.0-alpha.87 → 1.0.0-alpha.89
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/Badge/index.js +1 -1
- package/Badge/index.mjs +1 -1
- package/Banner/index.js +1 -1
- package/Banner/index.mjs +1 -1
- package/CHANGELOG.md +16 -0
- package/Calendar/index.js +1 -1
- package/Calendar/index.mjs +1 -1
- package/CheckableCard/index.js +2 -2
- package/CheckableCard/index.mjs +2 -2
- package/Checkbox/index.js +1 -1
- package/Checkbox/index.mjs +1 -1
- package/CodeBlock/index.js +3 -3
- package/CodeBlock/index.mjs +3 -3
- package/CustomerPortalLayout/CustomerPortalLayout.d.ts +97 -0
- package/CustomerPortalLayout/CustomerPortalLayout.d.ts.map +1 -0
- package/{HostedUILayout/HostedUILayout.stories.d.ts → CustomerPortalLayout/CustomerPortalLayout.stories.d.ts} +4 -4
- package/CustomerPortalLayout/CustomerPortalLayout.stories.d.ts.map +1 -0
- package/CustomerPortalLayout/CustomerPortalLayout.test.d.ts +2 -0
- package/CustomerPortalLayout/CustomerPortalLayout.test.d.ts.map +1 -0
- package/{HostedUILayout/HostedUILayoutActions.d.ts → CustomerPortalLayout/CustomerPortalLayoutActions.d.ts} +11 -11
- package/CustomerPortalLayout/CustomerPortalLayoutActions.d.ts.map +1 -0
- package/CustomerPortalLayout/index.d.ts +2 -0
- package/CustomerPortalLayout/index.d.ts.map +1 -0
- package/{HostedUILayout → CustomerPortalLayout}/index.js +39 -39
- package/{HostedUILayout → CustomerPortalLayout}/index.mjs +39 -39
- package/DataGrid/index.js +5 -5
- package/DataGrid/index.mjs +5 -5
- package/DatePicker/index.js +3 -3
- package/DatePicker/index.mjs +3 -3
- package/DateRangePicker/index.js +3 -3
- package/DateRangePicker/index.mjs +3 -3
- package/Drawer/index.js +1 -1
- package/Drawer/index.mjs +1 -1
- package/EmptyStateCard/index.js +1 -1
- package/EmptyStateCard/index.mjs +1 -1
- package/FocusedProductLayout/index.js +2 -2
- package/FocusedProductLayout/index.mjs +2 -2
- package/ForgeLayout/index.js +4 -4
- package/ForgeLayout/index.mjs +4 -4
- package/FormLayout/index.js +1 -1
- package/FormLayout/index.mjs +1 -1
- package/IconButton/index.js +1 -1
- package/IconButton/index.mjs +1 -1
- package/InputField/index.js +1 -1
- package/InputField/index.mjs +1 -1
- package/KebabButton/index.js +1 -1
- package/KebabButton/index.mjs +1 -1
- package/Menu/index.js +1 -1
- package/Menu/index.mjs +1 -1
- package/Modal/index.js +1 -1
- package/Modal/index.mjs +1 -1
- package/MultiSelect/index.js +3 -3
- package/MultiSelect/index.mjs +4 -4
- package/MultipageSection/index.js +1 -1
- package/MultipageSection/index.mjs +1 -1
- package/NexusLayout/index.js +2 -2
- package/NexusLayout/index.mjs +2 -2
- package/Notification/index.js +1 -1
- package/Notification/index.mjs +1 -1
- package/Pagination/index.js +2 -2
- package/Pagination/index.mjs +2 -2
- package/PillGroup/index.js +1 -1
- package/PillGroup/index.mjs +1 -1
- package/PlanCard/index.js +1 -1
- package/PlanCard/index.mjs +1 -1
- package/ProductLayout/index.js +2 -2
- package/ProductLayout/index.mjs +2 -2
- package/Provider/index.js +1 -1
- package/Provider/index.mjs +1 -1
- package/RadioButtonGroup/index.js +1 -1
- package/RadioButtonGroup/index.mjs +1 -1
- package/RadioGroup/RadioGroup.d.ts +6 -6
- package/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/RadioGroup/index.js +1 -1
- package/RadioGroup/index.mjs +1 -1
- package/RangeCalendar/index.js +1 -1
- package/RangeCalendar/index.mjs +1 -1
- package/SearchNav/index.js +3 -3
- package/SearchNav/index.mjs +3 -3
- package/SectionCard/index.js +1 -1
- package/SectionCard/index.mjs +1 -1
- package/Select/Select.d.ts +7 -7
- package/Select/Select.d.ts.map +1 -1
- package/Select/index.js +6 -5
- package/Select/index.mjs +6 -5
- package/SelectorErrorTooltip/index.js +1 -1
- package/SelectorErrorTooltip/index.mjs +1 -1
- package/Spinner/index.js +1 -1
- package/Spinner/index.mjs +1 -1
- package/SplitToggleCard/index.js +1 -1
- package/SplitToggleCard/index.mjs +1 -1
- package/Text/Text.d.ts +4 -1
- package/Text/Text.d.ts.map +1 -1
- package/Text/Text.stories.d.ts +1 -0
- package/Text/Text.stories.d.ts.map +1 -1
- package/Text/index.js +1 -1
- package/Text/index.mjs +1 -1
- package/TextField/index.js +1 -1
- package/TextField/index.mjs +1 -1
- package/Textarea/index.js +1 -1
- package/Textarea/index.mjs +1 -1
- package/Toggle/index.js +1 -1
- package/Toggle/index.mjs +1 -1
- package/Tooltip/index.js +1 -1
- package/Tooltip/index.mjs +1 -1
- package/VerticalNav/index.js +1 -1
- package/VerticalNav/index.mjs +1 -1
- package/__chunks__/{Calendar-joo_8vqm.js → Calendar-B5vygFsi.js} +1 -1
- package/__chunks__/{Calendar-B8v6TkXp.mjs → Calendar-gsUZ4Ouw.mjs} +1 -1
- package/__chunks__/{CalendarBase-adL7KcVi.mjs → CalendarBase-DdQhuGNt.mjs} +1 -1
- package/__chunks__/{CalendarBase-B1T_Rybe.js → CalendarBase-uhGc8AVV.js} +1 -1
- package/__chunks__/{Checkbox-DwkJKuPC.js → Checkbox-DRiYZLsh.js} +2 -2
- package/__chunks__/{Checkbox-DJAFG_mm.mjs → Checkbox-qpqqY9LH.mjs} +2 -2
- package/__chunks__/{DatePickerBase-DRR0aOm4.js → DatePickerBase-CNWUovPI.js} +2 -2
- package/__chunks__/{DatePickerBase-Bg4YQMAj.mjs → DatePickerBase-ybPQnjX-.mjs} +2 -2
- package/__chunks__/{HelpMenu-LZ_ky28u.js → HelpMenu-B2V5jMQp.js} +2 -2
- package/__chunks__/{HelpMenu-DHNd3X_S.mjs → HelpMenu-wJ8eKahi.mjs} +2 -2
- package/__chunks__/{InputCaption-G9D1cPnP.js → InputCaption-DXmr8j5G.js} +1 -1
- package/__chunks__/{InputCaption-aU5qZQlo.mjs → InputCaption-DcmpIrex.mjs} +1 -1
- package/__chunks__/{InputField-CH28zjUK.js → InputField-Bs95nClb.js} +2 -2
- package/__chunks__/{InputField-D4Arfzdz.mjs → InputField-CVYymiyI.mjs} +2 -2
- package/__chunks__/{KebabButton-BF8hfPrB.js → KebabButton-C1m6nOIu.js} +1 -1
- package/__chunks__/{KebabButton-D5KhH0qQ.mjs → KebabButton-DBFzY1Rq.mjs} +1 -1
- package/__chunks__/{Menu-CfHK_0Sr.mjs → Menu-O33j8u7r.mjs} +2 -2
- package/__chunks__/{Menu-CivAepFq.js → Menu-y5owPz-O.js} +2 -2
- package/__chunks__/{Notification-D7ceWiZq.js → Notification-CLnVLOaw.js} +1 -1
- package/__chunks__/{Notification-CRi-0D3f.mjs → Notification-DbzTJzSE.mjs} +1 -1
- package/__chunks__/{PillGroup-BWNzHd3P.js → PillGroup-D5gTBzKy.js} +1 -1
- package/__chunks__/{PillGroup-D0TUV_Qh.mjs → PillGroup-QTB5sJER.mjs} +1 -1
- package/__chunks__/{RadioGroup-B5o5aPT-.mjs → RadioGroup-DqooAc9M.mjs} +5 -4
- package/__chunks__/{RadioGroup-yg8Gtbol.js → RadioGroup-K565r4-w.js} +5 -4
- package/__chunks__/{RangeCalendar-CNLF6YQu.mjs → RangeCalendar-Ce46gNnr.mjs} +1 -1
- package/__chunks__/{RangeCalendar-BgB6xU9q.js → RangeCalendar-DPThKM4W.js} +1 -1
- package/__chunks__/{SelectOverlay-BaATkSsw.js → SelectOverlay-CwRhbg9F.js} +1 -1
- package/__chunks__/{SelectOverlay-DkEL-0O_.mjs → SelectOverlay-DT4LOSDh.mjs} +1 -1
- package/__chunks__/{SelectorErrorTooltip-b5pE6hY-.js → SelectorErrorTooltip-BT5gU6Pn.js} +2 -2
- package/__chunks__/{SelectorErrorTooltip-BPLk3N_Q.mjs → SelectorErrorTooltip-DlXOZjmQ.mjs} +2 -2
- package/__chunks__/{Spinner-CNAJknx9.mjs → Spinner-CVdzIrmm.mjs} +1 -1
- package/__chunks__/{Spinner-CipzStjn.js → Spinner-Cyc2JsYB.js} +1 -1
- package/__chunks__/Text-BWjD7__Y.mjs +123 -0
- package/__chunks__/Text-BXsuDbqc.js +122 -0
- package/__chunks__/{TextField-C6qMiNmy.js → TextField-BPZ6niGw.js} +1 -1
- package/__chunks__/{TextField-CUOz6ZUe.mjs → TextField-BVpSTQw-.mjs} +1 -1
- package/__chunks__/{Toggle-BQqjvn6Z.mjs → Toggle-Cr_Myw_x.mjs} +1 -1
- package/__chunks__/{Toggle-CTUk7LSy.js → Toggle-O9F7R6RR.js} +1 -1
- package/__chunks__/{Tooltip-BIfmWjfP.js → Tooltip-CNKZl6De.js} +1 -1
- package/__chunks__/{Tooltip-BcHfMDtC.mjs → Tooltip-DMBtRdkk.mjs} +1 -1
- package/package.json +1 -1
- package/style.css +73 -53
- package/HostedUILayout/HostedUILayout.d.ts +0 -97
- package/HostedUILayout/HostedUILayout.d.ts.map +0 -1
- package/HostedUILayout/HostedUILayout.stories.d.ts.map +0 -1
- package/HostedUILayout/HostedUILayout.test.d.ts +0 -2
- package/HostedUILayout/HostedUILayout.test.d.ts.map +0 -1
- package/HostedUILayout/HostedUILayoutActions.d.ts.map +0 -1
- package/HostedUILayout/index.d.ts +0 -2
- package/HostedUILayout/index.d.ts.map +0 -1
- package/__chunks__/Text-B1xglKFU.js +0 -112
- package/__chunks__/Text-CX5GoBTS.mjs +0 -113
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HostedUILayoutActions.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/HostedUILayoutActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAIV,MAAM,OAAO,CAAC;AACf,OAAO,EACL,eAAe,EAEf,cAAc,EAKf,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,0BAA0B,GAAG;IACvC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,UAAU,EAAE,UAAU,CAAC;IACvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,SAAS,CAAC;IAC9B,+BAA+B;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,SAAS,CAAC;CAC/B,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,+BAA+B,GAAG;IAC5C,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iCAAiC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,SAAS,CAAC;CAC/B,GAAG,WAAW,GACb,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAEzC,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAOtE;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAoC5E;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBA+B5E;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,qBAyBvC;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBAItC;AAED,+DAA+D;AAC/D,eAAO,MAAM,eAAe,kMAY1B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
6
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
|
-
var __spreadValues = (a, b) => {
|
|
8
|
-
for (var prop in b || (b = {}))
|
|
9
|
-
if (__hasOwnProp.call(b, prop))
|
|
10
|
-
__defNormalProp(a, prop, b[prop]);
|
|
11
|
-
if (__getOwnPropSymbols)
|
|
12
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
13
|
-
if (__propIsEnum.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
}
|
|
16
|
-
return a;
|
|
17
|
-
};
|
|
18
|
-
const React = require("react");
|
|
19
|
-
const utilities_css = require("../utilities/css.js");
|
|
20
|
-
const Text$1 = "_Text_hj77l_4";
|
|
21
|
-
const heading1 = "_heading1_hj77l_12";
|
|
22
|
-
const heading2 = "_heading2_hj77l_29";
|
|
23
|
-
const heading3 = "_heading3_hj77l_46";
|
|
24
|
-
const heading4 = "_heading4_hj77l_63";
|
|
25
|
-
const heading5 = "_heading5_hj77l_71";
|
|
26
|
-
const subtitle1 = "_subtitle1_hj77l_79";
|
|
27
|
-
const subtitle2 = "_subtitle2_hj77l_87";
|
|
28
|
-
const body1 = "_body1_hj77l_95";
|
|
29
|
-
const body2 = "_body2_hj77l_103";
|
|
30
|
-
const caption = "_caption_hj77l_111";
|
|
31
|
-
const caption2 = "_caption2_hj77l_119";
|
|
32
|
-
const caption3 = "_caption3_hj77l_127";
|
|
33
|
-
const overline = "_overline_hj77l_135";
|
|
34
|
-
const overline2 = "_overline2_hj77l_143";
|
|
35
|
-
const button = "_button_hj77l_151";
|
|
36
|
-
const normal = "_normal_hj77l_167";
|
|
37
|
-
const medium = "_medium_hj77l_171";
|
|
38
|
-
const semibold = "_semibold_hj77l_175";
|
|
39
|
-
const bold = "_bold_hj77l_179";
|
|
40
|
-
const truncate = "_truncate_hj77l_183";
|
|
41
|
-
const block = "_block_hj77l_189";
|
|
42
|
-
const visuallyHidden = "_visuallyHidden_hj77l_193";
|
|
43
|
-
const start = "_start_hj77l_206";
|
|
44
|
-
const center = "_center_hj77l_210";
|
|
45
|
-
const end = "_end_hj77l_214";
|
|
46
|
-
const justify = "_justify_hj77l_218";
|
|
47
|
-
const numeric = "_numeric_hj77l_226";
|
|
48
|
-
const transformNone = "_transformNone_hj77l_230";
|
|
49
|
-
const transformCapitalize = "_transformCapitalize_hj77l_234";
|
|
50
|
-
const transformUppercase = "_transformUppercase_hj77l_238";
|
|
51
|
-
const transformLowercase = "_transformLowercase_hj77l_242";
|
|
52
|
-
const whiteSpaceNormal = "_whiteSpaceNormal_hj77l_246";
|
|
53
|
-
const whiteSpacePre = "_whiteSpacePre_hj77l_250";
|
|
54
|
-
const whiteSpaceNowrap = "_whiteSpaceNowrap_hj77l_254";
|
|
55
|
-
const fontVariantNumericNormal = "_fontVariantNumericNormal_hj77l_270";
|
|
56
|
-
const styles = {
|
|
57
|
-
Text: Text$1,
|
|
58
|
-
heading1,
|
|
59
|
-
heading2,
|
|
60
|
-
heading3,
|
|
61
|
-
heading4,
|
|
62
|
-
heading5,
|
|
63
|
-
subtitle1,
|
|
64
|
-
subtitle2,
|
|
65
|
-
body1,
|
|
66
|
-
body2,
|
|
67
|
-
caption,
|
|
68
|
-
caption2,
|
|
69
|
-
caption3,
|
|
70
|
-
overline,
|
|
71
|
-
overline2,
|
|
72
|
-
button,
|
|
73
|
-
"small-button": "_small-button_hj77l_159",
|
|
74
|
-
normal,
|
|
75
|
-
medium,
|
|
76
|
-
semibold,
|
|
77
|
-
bold,
|
|
78
|
-
truncate,
|
|
79
|
-
block,
|
|
80
|
-
visuallyHidden,
|
|
81
|
-
start,
|
|
82
|
-
center,
|
|
83
|
-
end,
|
|
84
|
-
justify,
|
|
85
|
-
"break": "_break_hj77l_222",
|
|
86
|
-
numeric,
|
|
87
|
-
transformNone,
|
|
88
|
-
transformCapitalize,
|
|
89
|
-
transformUppercase,
|
|
90
|
-
transformLowercase,
|
|
91
|
-
whiteSpaceNormal,
|
|
92
|
-
whiteSpacePre,
|
|
93
|
-
whiteSpaceNowrap,
|
|
94
|
-
"whiteSpacePre-wrap": "_whiteSpacePre-wrap_hj77l_258",
|
|
95
|
-
"whiteSpaceBreak-spaces": "_whiteSpaceBreak-spaces_hj77l_262",
|
|
96
|
-
"whiteSpacePre-line": "_whiteSpacePre-line_hj77l_266",
|
|
97
|
-
fontVariantNumericNormal,
|
|
98
|
-
"fontVariantNumericTabular-nums": "_fontVariantNumericTabular-nums_hj77l_274"
|
|
99
|
-
};
|
|
100
|
-
function Text({ alignment, as: Component = "span", breakWord = false, children, color, fontVariantNumeric, id, transform = "none", truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight, whiteSpace }) {
|
|
101
|
-
const className = utilities_css.classNames(styles.Text, variant && styles[cleanVariant(variant)], weight && styles[weight], (alignment || truncate2) && styles.block, alignment && styles[alignment], breakWord && styles.break, truncate2 && styles.truncate, visuallyHidden2 && styles.visuallyHidden, transform && styles[utilities_css.variationName("transform", transform)], whiteSpace && styles[utilities_css.variationName("whiteSpace", whiteSpace)], fontVariantNumeric && styles[utilities_css.variationName("fontVariantNumeric", fontVariantNumeric)]);
|
|
102
|
-
const style = __spreadValues({}, utilities_css.getComponentThemeToken("text", "color", "color", utilities_css.backwardsCompatibleColorToken(color)));
|
|
103
|
-
return React.createElement(Component, {
|
|
104
|
-
className,
|
|
105
|
-
style,
|
|
106
|
-
id: id ? id : void 0
|
|
107
|
-
}, children);
|
|
108
|
-
}
|
|
109
|
-
function cleanVariant(variant) {
|
|
110
|
-
return variant.replace(/_/, "-");
|
|
111
|
-
}
|
|
112
|
-
exports.Text = Text;
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __spreadValues = (a, b) => {
|
|
7
|
-
for (var prop in b || (b = {}))
|
|
8
|
-
if (__hasOwnProp.call(b, prop))
|
|
9
|
-
__defNormalProp(a, prop, b[prop]);
|
|
10
|
-
if (__getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
-
if (__propIsEnum.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
}
|
|
15
|
-
return a;
|
|
16
|
-
};
|
|
17
|
-
import React__default from "react";
|
|
18
|
-
import { classNames, variationName, getComponentThemeToken, backwardsCompatibleColorToken } from "../utilities/css.mjs";
|
|
19
|
-
const Text$1 = "_Text_hj77l_4";
|
|
20
|
-
const heading1 = "_heading1_hj77l_12";
|
|
21
|
-
const heading2 = "_heading2_hj77l_29";
|
|
22
|
-
const heading3 = "_heading3_hj77l_46";
|
|
23
|
-
const heading4 = "_heading4_hj77l_63";
|
|
24
|
-
const heading5 = "_heading5_hj77l_71";
|
|
25
|
-
const subtitle1 = "_subtitle1_hj77l_79";
|
|
26
|
-
const subtitle2 = "_subtitle2_hj77l_87";
|
|
27
|
-
const body1 = "_body1_hj77l_95";
|
|
28
|
-
const body2 = "_body2_hj77l_103";
|
|
29
|
-
const caption = "_caption_hj77l_111";
|
|
30
|
-
const caption2 = "_caption2_hj77l_119";
|
|
31
|
-
const caption3 = "_caption3_hj77l_127";
|
|
32
|
-
const overline = "_overline_hj77l_135";
|
|
33
|
-
const overline2 = "_overline2_hj77l_143";
|
|
34
|
-
const button = "_button_hj77l_151";
|
|
35
|
-
const normal = "_normal_hj77l_167";
|
|
36
|
-
const medium = "_medium_hj77l_171";
|
|
37
|
-
const semibold = "_semibold_hj77l_175";
|
|
38
|
-
const bold = "_bold_hj77l_179";
|
|
39
|
-
const truncate = "_truncate_hj77l_183";
|
|
40
|
-
const block = "_block_hj77l_189";
|
|
41
|
-
const visuallyHidden = "_visuallyHidden_hj77l_193";
|
|
42
|
-
const start = "_start_hj77l_206";
|
|
43
|
-
const center = "_center_hj77l_210";
|
|
44
|
-
const end = "_end_hj77l_214";
|
|
45
|
-
const justify = "_justify_hj77l_218";
|
|
46
|
-
const numeric = "_numeric_hj77l_226";
|
|
47
|
-
const transformNone = "_transformNone_hj77l_230";
|
|
48
|
-
const transformCapitalize = "_transformCapitalize_hj77l_234";
|
|
49
|
-
const transformUppercase = "_transformUppercase_hj77l_238";
|
|
50
|
-
const transformLowercase = "_transformLowercase_hj77l_242";
|
|
51
|
-
const whiteSpaceNormal = "_whiteSpaceNormal_hj77l_246";
|
|
52
|
-
const whiteSpacePre = "_whiteSpacePre_hj77l_250";
|
|
53
|
-
const whiteSpaceNowrap = "_whiteSpaceNowrap_hj77l_254";
|
|
54
|
-
const fontVariantNumericNormal = "_fontVariantNumericNormal_hj77l_270";
|
|
55
|
-
const styles = {
|
|
56
|
-
Text: Text$1,
|
|
57
|
-
heading1,
|
|
58
|
-
heading2,
|
|
59
|
-
heading3,
|
|
60
|
-
heading4,
|
|
61
|
-
heading5,
|
|
62
|
-
subtitle1,
|
|
63
|
-
subtitle2,
|
|
64
|
-
body1,
|
|
65
|
-
body2,
|
|
66
|
-
caption,
|
|
67
|
-
caption2,
|
|
68
|
-
caption3,
|
|
69
|
-
overline,
|
|
70
|
-
overline2,
|
|
71
|
-
button,
|
|
72
|
-
"small-button": "_small-button_hj77l_159",
|
|
73
|
-
normal,
|
|
74
|
-
medium,
|
|
75
|
-
semibold,
|
|
76
|
-
bold,
|
|
77
|
-
truncate,
|
|
78
|
-
block,
|
|
79
|
-
visuallyHidden,
|
|
80
|
-
start,
|
|
81
|
-
center,
|
|
82
|
-
end,
|
|
83
|
-
justify,
|
|
84
|
-
"break": "_break_hj77l_222",
|
|
85
|
-
numeric,
|
|
86
|
-
transformNone,
|
|
87
|
-
transformCapitalize,
|
|
88
|
-
transformUppercase,
|
|
89
|
-
transformLowercase,
|
|
90
|
-
whiteSpaceNormal,
|
|
91
|
-
whiteSpacePre,
|
|
92
|
-
whiteSpaceNowrap,
|
|
93
|
-
"whiteSpacePre-wrap": "_whiteSpacePre-wrap_hj77l_258",
|
|
94
|
-
"whiteSpaceBreak-spaces": "_whiteSpaceBreak-spaces_hj77l_262",
|
|
95
|
-
"whiteSpacePre-line": "_whiteSpacePre-line_hj77l_266",
|
|
96
|
-
fontVariantNumericNormal,
|
|
97
|
-
"fontVariantNumericTabular-nums": "_fontVariantNumericTabular-nums_hj77l_274"
|
|
98
|
-
};
|
|
99
|
-
function Text({ alignment, as: Component = "span", breakWord = false, children, color, fontVariantNumeric, id, transform = "none", truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight, whiteSpace }) {
|
|
100
|
-
const className = classNames(styles.Text, variant && styles[cleanVariant(variant)], weight && styles[weight], (alignment || truncate2) && styles.block, alignment && styles[alignment], breakWord && styles.break, truncate2 && styles.truncate, visuallyHidden2 && styles.visuallyHidden, transform && styles[variationName("transform", transform)], whiteSpace && styles[variationName("whiteSpace", whiteSpace)], fontVariantNumeric && styles[variationName("fontVariantNumeric", fontVariantNumeric)]);
|
|
101
|
-
const style = __spreadValues({}, getComponentThemeToken("text", "color", "color", backwardsCompatibleColorToken(color)));
|
|
102
|
-
return React__default.createElement(Component, {
|
|
103
|
-
className,
|
|
104
|
-
style,
|
|
105
|
-
id: id ? id : void 0
|
|
106
|
-
}, children);
|
|
107
|
-
}
|
|
108
|
-
function cleanVariant(variant) {
|
|
109
|
-
return variant.replace(/_/, "-");
|
|
110
|
-
}
|
|
111
|
-
export {
|
|
112
|
-
Text as T
|
|
113
|
-
};
|