@ovotech/element-native 4.4.9 → 5.0.0-canary-bcb1788-338
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/Accordion/Accordion.d.ts +1 -1
- package/dist/components/Accordion/Accordion.js +11 -9
- package/dist/components/Accordion/Icon.d.ts +2 -1
- package/dist/components/Accordion/Icon.js +9 -6
- package/dist/components/Accordion/styles.d.ts +1520 -1525
- package/dist/components/Accordion/styles.js +17 -11
- package/dist/components/Accordion/types.d.ts +2 -1
- package/dist/components/ActionCard/ActionCard.d.ts +2 -2
- package/dist/components/ActionCard/ActionCard.js +21 -21
- package/dist/components/ActionCard/CloseIconShape.js +2 -2
- package/dist/components/ActionCard/IndicatorIconShape.js +2 -2
- package/dist/components/ActionList/ActionList.d.ts +9 -3
- package/dist/components/ActionList/ActionList.js +7 -6
- package/dist/components/ActionList/styled.d.ts +5116 -3430
- package/dist/components/ActionList/styled.js +36 -19
- package/dist/components/Badge/Badge.d.ts +511 -508
- package/dist/components/Badge/Badge.js +24 -34
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Card/Card.d.ts +9 -1
- package/dist/components/Card/Card.js +5 -6
- package/dist/components/Checkbox/Checkbox.js +13 -13
- package/dist/components/DataTable/styles.d.ts +6527 -6553
- package/dist/components/DataTable/styles.js +27 -27
- package/dist/components/DateField/DateField.d.ts +5 -4
- package/dist/components/DateField/DateField.js +20 -10
- package/dist/components/Disclosure/Disclosure.js +6 -6
- package/dist/components/Divider/Divider.js +3 -3
- package/dist/components/Em/Em.d.ts +493 -495
- package/dist/components/Em/Em.js +1 -1
- package/dist/components/ErrorText/ErrorText.d.ts +493 -495
- package/dist/components/ErrorText/ErrorText.js +6 -4
- package/dist/components/Field/Field.js +1 -1
- package/dist/components/Grid/Col.d.ts +493 -495
- package/dist/components/Grid/Col.js +10 -16
- package/dist/components/Grid/Row.d.ts +493 -495
- package/dist/components/Grid/Row.js +7 -6
- package/dist/components/HintText/HintText.d.ts +493 -495
- package/dist/components/HintText/HintText.js +6 -4
- package/dist/components/Icon/Icon.d.ts +1 -3
- package/dist/components/Icon/Icon.js +3 -5
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.js +16 -11
- package/dist/components/LabelText/LabelText.d.ts +493 -495
- package/dist/components/LabelText/LabelText.js +7 -4
- package/dist/components/LineThrough/LineThrough.d.ts +493 -495
- package/dist/components/List/styled.d.ts +2017 -2025
- package/dist/components/List/styled.js +11 -11
- package/dist/components/Margin/Margin.d.ts +493 -495
- package/dist/components/Margin/Margin.js +4 -2
- package/dist/components/NavHeader/NavHeader.d.ts +7 -1
- package/dist/components/NavHeader/NavHeader.js +2 -12
- package/dist/components/NavHeader/NavHeader.styles.d.ts +3489 -4636
- package/dist/components/NavHeader/NavHeader.styles.js +22 -32
- package/dist/components/Notification/Notification.d.ts +987 -991
- package/dist/components/Notification/Notification.js +18 -18
- package/dist/components/P/P.d.ts +7 -3
- package/dist/components/P/P.js +4 -2
- package/dist/components/PasswordInput/PasswordInput.styled.d.ts +493 -495
- package/dist/components/PasswordInput/PasswordInput.styled.js +2 -2
- package/dist/components/ProductCarousel/NavigationDots.js +4 -4
- package/dist/components/ProductCarousel/ProductCarousel.js +4 -4
- package/dist/components/Radio/Radio.js +11 -11
- package/dist/components/RadioCard/RadioCard.d.ts +0 -1
- package/dist/components/RadioCard/RadioCard.js +15 -15
- package/dist/components/SegmentedControls/SegmentedControls.js +5 -5
- package/dist/components/SegmentedControls/components/SegmentButton.js +4 -4
- package/dist/components/SelectField/Select.d.ts +493 -495
- package/dist/components/SelectField/Select.js +22 -24
- package/dist/components/SkeletonCircle/SkeletonCircle.d.ts +2 -2
- package/dist/components/SkeletonCircle/SkeletonCircle.js +6 -6
- package/dist/components/SkeletonHeading/SkeletonHeading.js +4 -4
- package/dist/components/SkeletonText/SkeletonText.js +4 -4
- package/dist/components/Spinner/Spinner.js +2 -2
- package/dist/components/Stack/Stack.js +4 -2
- package/dist/components/Strong/Strong.d.ts +493 -495
- package/dist/components/Strong/Strong.js +2 -2
- package/dist/components/SubLabelText/SubLabelText.d.ts +493 -495
- package/dist/components/SubLabelText/SubLabelText.js +4 -4
- package/dist/components/Tabs/Tab.js +8 -13
- package/dist/components/Tabs/TabList.d.ts +1 -2
- package/dist/components/Tabs/TabList.js +3 -6
- package/dist/components/Tabs/TabPanel.js +2 -2
- package/dist/components/Tabs/Tabs.d.ts +1 -2
- package/dist/components/Tabs/Tabs.js +4 -7
- package/dist/components/TextareaInput/TextareaInput.js +2 -2
- package/dist/components/Toast/Toast.js +16 -24
- package/dist/components/Toggle/Toggle.js +5 -9
- package/dist/components/Toggle/styles.d.ts +2023 -2031
- package/dist/components/Toggle/styles.js +10 -8
- package/dist/components/index.d.ts +6 -20
- package/dist/components/index.js +6 -20
- package/dist/esm/components/Accordion/Accordion.js +10 -8
- package/dist/esm/components/Accordion/Icon.js +9 -6
- package/dist/esm/components/Accordion/styles.js +17 -11
- package/dist/esm/components/ActionCard/ActionCard.js +22 -22
- package/dist/esm/components/ActionCard/CloseIconShape.js +2 -2
- package/dist/esm/components/ActionCard/IndicatorIconShape.js +2 -2
- package/dist/esm/components/ActionList/ActionList.js +9 -8
- package/dist/esm/components/ActionList/styled.js +35 -18
- package/dist/esm/components/Badge/Badge.js +25 -35
- package/dist/esm/components/Card/Card.js +5 -6
- package/dist/esm/components/Checkbox/Checkbox.js +13 -13
- package/dist/esm/components/DataTable/styles.js +27 -27
- package/dist/esm/components/DateField/DateField.js +20 -10
- package/dist/esm/components/Disclosure/Disclosure.js +6 -6
- package/dist/esm/components/Divider/Divider.js +3 -3
- package/dist/esm/components/Em/Em.js +1 -1
- package/dist/esm/components/ErrorText/ErrorText.js +6 -4
- package/dist/esm/components/Field/Field.js +1 -1
- package/dist/esm/components/Grid/Col.js +10 -16
- package/dist/esm/components/Grid/Row.js +7 -6
- package/dist/esm/components/HintText/HintText.js +6 -4
- package/dist/esm/components/Icon/Icon.js +3 -5
- package/dist/esm/components/Input/Input.js +16 -11
- package/dist/esm/components/LabelText/LabelText.js +7 -4
- package/dist/esm/components/List/styled.js +11 -11
- package/dist/esm/components/Margin/Margin.js +4 -2
- package/dist/esm/components/NavHeader/NavHeader.js +3 -13
- package/dist/esm/components/NavHeader/NavHeader.styles.js +21 -31
- package/dist/esm/components/Notification/Notification.js +18 -18
- package/dist/esm/components/P/P.js +4 -2
- package/dist/esm/components/PasswordInput/PasswordInput.styled.js +2 -2
- package/dist/esm/components/ProductCarousel/NavigationDots.js +4 -4
- package/dist/esm/components/ProductCarousel/ProductCarousel.js +4 -4
- package/dist/esm/components/Radio/Radio.js +11 -11
- package/dist/esm/components/RadioCard/RadioCard.js +15 -15
- package/dist/esm/components/SegmentedControls/SegmentedControls.js +5 -5
- package/dist/esm/components/SegmentedControls/components/SegmentButton.js +4 -4
- package/dist/esm/components/SelectField/Select.js +23 -25
- package/dist/esm/components/SkeletonCircle/SkeletonCircle.js +6 -6
- package/dist/esm/components/SkeletonHeading/SkeletonHeading.js +3 -3
- package/dist/esm/components/SkeletonText/SkeletonText.js +4 -4
- package/dist/esm/components/Spinner/Spinner.js +2 -2
- package/dist/esm/components/Stack/Stack.js +4 -2
- package/dist/esm/components/Strong/Strong.js +2 -2
- package/dist/esm/components/SubLabelText/SubLabelText.js +4 -4
- package/dist/esm/components/Tabs/Tab.js +8 -13
- package/dist/esm/components/Tabs/TabList.js +3 -6
- package/dist/esm/components/Tabs/TabPanel.js +2 -2
- package/dist/esm/components/Tabs/Tabs.js +4 -7
- package/dist/esm/components/TextareaInput/TextareaInput.js +2 -2
- package/dist/esm/components/Toast/Toast.js +16 -24
- package/dist/esm/components/Toggle/Toggle.js +5 -9
- package/dist/esm/components/Toggle/styles.js +10 -8
- package/dist/esm/components/index.js +6 -20
- package/dist/esm/hooks/use-breakpoint.js +1 -1
- package/dist/esm/providers/IconsProvider.js +1 -1
- package/dist/esm/providers/index.js +3 -1
- package/dist/hooks/use-breakpoint.js +1 -1
- package/dist/providers/IconsProvider.d.ts +1 -1
- package/dist/providers/index.d.ts +3 -1
- package/dist/providers/index.js +3 -1
- package/dist/styled.native.d.ts +3012 -3023
- package/package.json +3 -3
- package/dist/components/CTAButton/CTAButton.d.ts +0 -20
- package/dist/components/CTAButton/CTAButton.js +0 -119
- package/dist/components/CTAButton/index.d.ts +0 -1
- package/dist/components/CTAButton/index.js +0 -8
- package/dist/components/CTALink/CTALink.d.ts +0 -11
- package/dist/components/CTALink/CTALink.js +0 -23
- package/dist/components/CTALink/index.d.ts +0 -1
- package/dist/components/CTALink/index.js +0 -7
- package/dist/components/DescriptionList/DescriptionList.d.ts +0 -10
- package/dist/components/DescriptionList/DescriptionList.js +0 -44
- package/dist/components/DescriptionList/index.d.ts +0 -1
- package/dist/components/DescriptionList/index.js +0 -6
- package/dist/components/DescriptionList/styled.d.ts +0 -570
- package/dist/components/DescriptionList/styled.js +0 -86
- package/dist/components/Display0/Display0.d.ts +0 -5
- package/dist/components/Display0/Display0.js +0 -73
- package/dist/components/Display0/index.d.ts +0 -1
- package/dist/components/Display0/index.js +0 -5
- package/dist/components/Display1/Display1.d.ts +0 -5
- package/dist/components/Display1/Display1.js +0 -73
- package/dist/components/Display1/index.d.ts +0 -1
- package/dist/components/Display1/index.js +0 -5
- package/dist/components/Display2/Display2.d.ts +0 -5
- package/dist/components/Display2/Display2.js +0 -73
- package/dist/components/Display2/index.d.ts +0 -1
- package/dist/components/Display2/index.js +0 -5
- package/dist/components/Display3/Display3.d.ts +0 -5
- package/dist/components/Display3/Display3.js +0 -73
- package/dist/components/Display3/index.d.ts +0 -1
- package/dist/components/Display3/index.js +0 -5
- package/dist/components/ErrorSummaryNotification/ErrorSummaryNotification.d.ts +0 -18
- package/dist/components/ErrorSummaryNotification/ErrorSummaryNotification.js +0 -52
- package/dist/components/ErrorSummaryNotification/index.d.ts +0 -1
- package/dist/components/ErrorSummaryNotification/index.js +0 -5
- package/dist/components/FilterSelect/FilterSelect.d.ts +0 -17
- package/dist/components/FilterSelect/FilterSelect.js +0 -88
- package/dist/components/FilterSelect/index.d.ts +0 -1
- package/dist/components/FilterSelect/index.js +0 -5
- package/dist/components/Heading1/Heading1.d.ts +0 -5
- package/dist/components/Heading1/Heading1.js +0 -73
- package/dist/components/Heading1/index.d.ts +0 -1
- package/dist/components/Heading1/index.js +0 -5
- package/dist/components/Heading2/Heading2.d.ts +0 -5
- package/dist/components/Heading2/Heading2.js +0 -73
- package/dist/components/Heading2/index.d.ts +0 -1
- package/dist/components/Heading2/index.js +0 -5
- package/dist/components/Heading3/Heading3.d.ts +0 -5
- package/dist/components/Heading3/Heading3.js +0 -73
- package/dist/components/Heading3/index.d.ts +0 -1
- package/dist/components/Heading3/index.js +0 -5
- package/dist/components/Heading4/Heading4.d.ts +0 -5
- package/dist/components/Heading4/Heading4.js +0 -73
- package/dist/components/Heading4/index.d.ts +0 -1
- package/dist/components/Heading4/index.js +0 -5
- package/dist/components/Label/Label.d.ts +0 -7
- package/dist/components/Label/Label.js +0 -51
- package/dist/components/Label/index.d.ts +0 -1
- package/dist/components/Label/index.js +0 -5
- package/dist/components/Lead/Lead.d.ts +0 -7
- package/dist/components/Lead/Lead.js +0 -53
- package/dist/components/Lead/index.d.ts +0 -1
- package/dist/components/Lead/index.js +0 -5
- package/dist/components/NavHeader/IconButton.d.ts +0 -15
- package/dist/components/NavHeader/IconButton.js +0 -21
- package/dist/components/SkeletonCTA/SkeletonCTA.d.ts +0 -6
- package/dist/components/SkeletonCTA/SkeletonCTA.js +0 -42
- package/dist/components/SkeletonCTA/index.d.ts +0 -1
- package/dist/components/SkeletonCTA/index.js +0 -5
- package/dist/components/Small/Small.d.ts +0 -576
- package/dist/components/Small/Small.js +0 -39
- package/dist/components/Small/index.d.ts +0 -1
- package/dist/components/Small/index.js +0 -5
- package/dist/components/TextGroup/TextGroup.d.ts +0 -3
- package/dist/components/TextGroup/TextGroup.js +0 -43
- package/dist/components/TextGroup/index.d.ts +0 -1
- package/dist/components/TextGroup/index.js +0 -5
- package/dist/components/TextLink/TextLink.d.ts +0 -8
- package/dist/components/TextLink/TextLink.js +0 -75
- package/dist/components/TextLink/index.d.ts +0 -1
- package/dist/components/TextLink/index.js +0 -5
- package/dist/esm/components/CTAButton/CTAButton.js +0 -90
- package/dist/esm/components/CTAButton/index.js +0 -1
- package/dist/esm/components/CTALink/CTALink.js +0 -18
- package/dist/esm/components/CTALink/index.js +0 -1
- package/dist/esm/components/DescriptionList/DescriptionList.js +0 -40
- package/dist/esm/components/DescriptionList/index.js +0 -1
- package/dist/esm/components/DescriptionList/styled.js +0 -58
- package/dist/esm/components/Display0/Display0.js +0 -46
- package/dist/esm/components/Display0/index.js +0 -1
- package/dist/esm/components/Display1/Display1.js +0 -46
- package/dist/esm/components/Display1/index.js +0 -1
- package/dist/esm/components/Display2/Display2.js +0 -46
- package/dist/esm/components/Display2/index.js +0 -1
- package/dist/esm/components/Display3/Display3.js +0 -46
- package/dist/esm/components/Display3/index.js +0 -1
- package/dist/esm/components/ErrorSummaryNotification/ErrorSummaryNotification.js +0 -49
- package/dist/esm/components/ErrorSummaryNotification/index.js +0 -1
- package/dist/esm/components/FilterSelect/FilterSelect.js +0 -61
- package/dist/esm/components/FilterSelect/index.js +0 -1
- package/dist/esm/components/Heading1/Heading1.js +0 -46
- package/dist/esm/components/Heading1/index.js +0 -1
- package/dist/esm/components/Heading2/Heading2.js +0 -46
- package/dist/esm/components/Heading2/index.js +0 -1
- package/dist/esm/components/Heading3/Heading3.js +0 -46
- package/dist/esm/components/Heading3/index.js +0 -1
- package/dist/esm/components/Heading4/Heading4.js +0 -46
- package/dist/esm/components/Heading4/index.js +0 -1
- package/dist/esm/components/Label/Label.js +0 -25
- package/dist/esm/components/Label/index.js +0 -1
- package/dist/esm/components/Lead/Lead.js +0 -27
- package/dist/esm/components/Lead/index.js +0 -1
- package/dist/esm/components/NavHeader/IconButton.js +0 -17
- package/dist/esm/components/SkeletonCTA/SkeletonCTA.js +0 -35
- package/dist/esm/components/SkeletonCTA/index.js +0 -1
- package/dist/esm/components/Small/Small.js +0 -13
- package/dist/esm/components/Small/index.js +0 -1
- package/dist/esm/components/TextGroup/TextGroup.js +0 -39
- package/dist/esm/components/TextGroup/index.js +0 -1
- package/dist/esm/components/TextLink/TextLink.js +0 -49
- package/dist/esm/components/TextLink/index.js +0 -1
- package/dist/esm/providers/types.js +0 -1
- package/dist/providers/types.d.ts +0 -5
- package/dist/providers/types.js +0 -2
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
-
var t = {};
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
-
t[p[i]] = s[p[i]];
|
|
24
|
-
}
|
|
25
|
-
return t;
|
|
26
|
-
};
|
|
27
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
28
|
-
import { pxToNumber, numToPx } from '@ovotech/element-core';
|
|
29
|
-
import { useBreakpoint } from '../../hooks';
|
|
30
|
-
import styled, { css } from '../../styled.native';
|
|
31
|
-
var calculateLetterSpacing = function (fontSize, letterSpacing) {
|
|
32
|
-
return numToPx(pxToNumber(fontSize) * letterSpacing);
|
|
33
|
-
};
|
|
34
|
-
var StyledHeading1 = styled.Text(function (_a) {
|
|
35
|
-
var _b = _a.theme, core = _b.core, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
|
|
36
|
-
var fontSize = component.heading1.fontSize[smallAndUp ? 'large' : 'small'];
|
|
37
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), component.heading1.fontFamily, numToPx(fontSize), numToPx(component.heading1.lineHeight[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.extraCompressed), inverted
|
|
38
|
-
? semantic.inverted.message.link
|
|
39
|
-
: semantic.message.branded);
|
|
40
|
-
});
|
|
41
|
-
export var Heading1 = function (_a) {
|
|
42
|
-
var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
|
|
43
|
-
var breakpoints = useBreakpoint();
|
|
44
|
-
return (_jsx(StyledHeading1, __assign({ accessible: true, accessibilityRole: accessibilityRole }, breakpoints, rest)));
|
|
45
|
-
};
|
|
46
|
-
var templateObject_1;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Heading1 } from './Heading1';
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
-
var t = {};
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
-
t[p[i]] = s[p[i]];
|
|
24
|
-
}
|
|
25
|
-
return t;
|
|
26
|
-
};
|
|
27
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
28
|
-
import { pxToNumber, numToPx } from '@ovotech/element-core';
|
|
29
|
-
import { useBreakpoint } from '../../hooks';
|
|
30
|
-
import styled, { css } from '../../styled.native';
|
|
31
|
-
var calculateLetterSpacing = function (fontSize, letterSpacing) {
|
|
32
|
-
return numToPx(pxToNumber(fontSize) * letterSpacing);
|
|
33
|
-
};
|
|
34
|
-
var StyledHeading2 = styled.Text(function (_a) {
|
|
35
|
-
var _b = _a.theme, core = _b.core, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
|
|
36
|
-
var fontSize = component.heading2.fontSize[smallAndUp ? 'large' : 'small'];
|
|
37
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), component.heading2.fontFamily, numToPx(fontSize), numToPx(component.heading2.lineHeight[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.extraCompressed), inverted
|
|
38
|
-
? semantic.inverted.message.link
|
|
39
|
-
: semantic.message.branded);
|
|
40
|
-
});
|
|
41
|
-
export var Heading2 = function (_a) {
|
|
42
|
-
var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
|
|
43
|
-
var breakpoints = useBreakpoint();
|
|
44
|
-
return (_jsx(StyledHeading2, __assign({ accessible: true, accessibilityRole: accessibilityRole }, breakpoints, rest)));
|
|
45
|
-
};
|
|
46
|
-
var templateObject_1;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Heading2 } from './Heading2';
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
-
var t = {};
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
-
t[p[i]] = s[p[i]];
|
|
24
|
-
}
|
|
25
|
-
return t;
|
|
26
|
-
};
|
|
27
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
28
|
-
import { pxToNumber, numToPx } from '@ovotech/element-core';
|
|
29
|
-
import { useBreakpoint } from '../../hooks';
|
|
30
|
-
import styled, { css } from '../../styled.native';
|
|
31
|
-
var calculateLetterSpacing = function (fontSize, letterSpacing) {
|
|
32
|
-
return numToPx(pxToNumber(fontSize) * letterSpacing);
|
|
33
|
-
};
|
|
34
|
-
var StyledHeading3 = styled.Text(function (_a) {
|
|
35
|
-
var _b = _a.theme, core = _b.core, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
|
|
36
|
-
var fontSize = component.heading3.fontSize[smallAndUp ? 'large' : 'small'];
|
|
37
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), component.heading3.fontFamily, numToPx(fontSize), numToPx(component.heading3.lineHeight[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.compressed), inverted
|
|
38
|
-
? semantic.inverted.message.link
|
|
39
|
-
: semantic.message.branded);
|
|
40
|
-
});
|
|
41
|
-
export var Heading3 = function (_a) {
|
|
42
|
-
var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
|
|
43
|
-
var breakpoints = useBreakpoint();
|
|
44
|
-
return (_jsx(StyledHeading3, __assign({ accessible: true, accessibilityRole: accessibilityRole }, breakpoints, rest)));
|
|
45
|
-
};
|
|
46
|
-
var templateObject_1;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Heading3 } from './Heading3';
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
-
var t = {};
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
-
t[p[i]] = s[p[i]];
|
|
24
|
-
}
|
|
25
|
-
return t;
|
|
26
|
-
};
|
|
27
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
28
|
-
import { pxToNumber, numToPx } from '@ovotech/element-core';
|
|
29
|
-
import { useBreakpoint } from '../../hooks';
|
|
30
|
-
import styled, { css } from '../../styled.native';
|
|
31
|
-
var calculateLetterSpacing = function (fontSize, letterSpacing) {
|
|
32
|
-
return numToPx(pxToNumber(fontSize) * letterSpacing);
|
|
33
|
-
};
|
|
34
|
-
var StyledHeading4 = styled.Text(function (_a) {
|
|
35
|
-
var _b = _a.theme, core = _b.core, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
|
|
36
|
-
var fontSize = component.heading4.fontSize[smallAndUp ? 'large' : 'small'];
|
|
37
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), component.heading4.fontFamily, numToPx(fontSize), numToPx(component.heading4.lineHeight[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.compressed), inverted
|
|
38
|
-
? semantic.inverted.message.link
|
|
39
|
-
: semantic.message.branded);
|
|
40
|
-
});
|
|
41
|
-
export var Heading4 = function (_a) {
|
|
42
|
-
var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
|
|
43
|
-
var breakpoints = useBreakpoint();
|
|
44
|
-
return (_jsx(StyledHeading4, __assign({ accessible: true, accessibilityRole: accessibilityRole }, breakpoints, rest)));
|
|
45
|
-
};
|
|
46
|
-
var templateObject_1;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Heading4 } from './Heading4';
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
-
import { numToPx } from '@ovotech/element-core';
|
|
18
|
-
import { forwardRef } from 'react';
|
|
19
|
-
import styled, { css } from '../../styled.native';
|
|
20
|
-
var StyledLabel = styled.Text(function (_a) {
|
|
21
|
-
var _b = _a.theme, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
|
|
22
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n "])), component.label.fontFamily, numToPx(component.label.fontSize[smallAndUp ? 'large' : 'small']), numToPx(component.label.lineHeight[smallAndUp ? 'large' : 'small']), inverted ? semantic.inverted.message.base : semantic.message.base);
|
|
23
|
-
});
|
|
24
|
-
export var Label = forwardRef(function (props, ref) { return (_jsx(StyledLabel, __assign({}, props, { ref: ref }))); });
|
|
25
|
-
var templateObject_1;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Label } from './Label';
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
-
import { numToPx } from '@ovotech/element-core';
|
|
18
|
-
import { forwardRef } from 'react';
|
|
19
|
-
import styled, { css } from '../../styled.native';
|
|
20
|
-
var StyledLead = styled.Text(function (_a) {
|
|
21
|
-
var _b = _a.theme, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
|
|
22
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n "])), component.lead.fontFamily, numToPx(component.lead.fontSize[smallAndUp ? 'large' : 'small']), numToPx(component.lead.lineHeight[smallAndUp ? 'large' : 'small']), inverted
|
|
23
|
-
? semantic.inverted.message.link
|
|
24
|
-
: semantic.message.branded);
|
|
25
|
-
});
|
|
26
|
-
export var Lead = forwardRef(function (props, ref) { return (_jsx(StyledLead, __assign({}, props, { ref: ref }))); });
|
|
27
|
-
var templateObject_1;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Lead } from './Lead';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Pressable } from 'react-native';
|
|
3
|
-
import { useTheme } from '../../styled.native';
|
|
4
|
-
import { Icon } from '../Icon';
|
|
5
|
-
import { StyledIconButtonL, StyledIconButtonS } from './NavHeader.styles';
|
|
6
|
-
export var IconButton = function (_a) {
|
|
7
|
-
var size = _a.size, animation = _a.animation, rightActionConfig = _a.rightActionConfig;
|
|
8
|
-
var ButtonStyled = size === 'small' ? StyledIconButtonS : StyledIconButtonL;
|
|
9
|
-
var theme = useTheme();
|
|
10
|
-
if (!rightActionConfig || !(rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.iconName)) {
|
|
11
|
-
return null;
|
|
12
|
-
}
|
|
13
|
-
return (_jsx(Pressable, { hitSlop: theme.core.space[2], pressRetentionOffset: theme.core.space[2], onPress: rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.onActionPress, accessibilityRole: "button", accessibilityLabel: rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.accessibilityLabel, accessibilityHint: rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.accessibilityHint, children: function (_a) {
|
|
14
|
-
var pressed = _a.pressed;
|
|
15
|
-
return (_jsx(ButtonStyled, { entering: animation, "$pressed": pressed, children: _jsx(Icon, { name: rightActionConfig.iconName, size: size === 'small' ? 16 : 18, color: theme.semantic.inverted.message.base }) }));
|
|
16
|
-
} }));
|
|
17
|
-
};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
-
import { numToPx } from '@ovotech/element-core';
|
|
25
|
-
import styled from '../../styled.native';
|
|
26
|
-
import { P } from '../P';
|
|
27
|
-
import { SkeletonAnimation } from '../SkeletonAnimation';
|
|
28
|
-
var StyledSkeletonCTA = styled.View(function (_a) {
|
|
29
|
-
var core = _a.theme.core, size = _a.size;
|
|
30
|
-
return "\n background-color: ".concat(core.color.neutral.light, ";\n width: ").concat(size, ";\n height: ").concat(numToPx(core.space[12]), ";\n ");
|
|
31
|
-
});
|
|
32
|
-
export var SkeletonCTA = function (_a) {
|
|
33
|
-
var _b = _a.size, size = _b === void 0 ? '250px' : _b, rest = __rest(_a, ["size"]);
|
|
34
|
-
return (_jsx(SkeletonAnimation, { children: _jsx(StyledSkeletonCTA, __assign({ as: P, size: size }, rest)) }));
|
|
35
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SkeletonCTA } from './SkeletonCTA';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { numToPx } from '@ovotech/element-core';
|
|
6
|
-
import styled, { css } from '../../styled.native';
|
|
7
|
-
import { styledComponentWithBreakpoints } from '../../utils';
|
|
8
|
-
var StyledSmall = styled.Text(function (_a) {
|
|
9
|
-
var core = _a.theme.core, smallAndUp = _a.smallAndUp;
|
|
10
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n "])), numToPx(core.fontSize.small[smallAndUp ? 'large' : 'small']), numToPx(core.lineHeight.small[smallAndUp ? 'large' : 'small']));
|
|
11
|
-
});
|
|
12
|
-
export var Small = styledComponentWithBreakpoints(StyledSmall);
|
|
13
|
-
var templateObject_1;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Small } from './Small';
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
-
import { Children, cloneElement, isValidElement, } from 'react';
|
|
25
|
-
import { View } from 'react-native';
|
|
26
|
-
import { getValidChildren } from '../../utils';
|
|
27
|
-
export var TextGroup = function (_a) {
|
|
28
|
-
var children = _a.children, rest = __rest(_a, ["children"]);
|
|
29
|
-
var validChildren = getValidChildren(children);
|
|
30
|
-
return (_jsx(View, __assign({}, rest, { children: Children.map(validChildren, function (child, index) {
|
|
31
|
-
if (!isValidElement(child)) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
var style = __assign(__assign(__assign({}, child.props.style), (index === 0 ? { marginTop: 0 } : {})), { marginBottom: 0 });
|
|
35
|
-
return cloneElement(child, {
|
|
36
|
-
style: style,
|
|
37
|
-
});
|
|
38
|
-
}) })));
|
|
39
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TextGroup } from './TextGroup';
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
-
var t = {};
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
-
t[p[i]] = s[p[i]];
|
|
24
|
-
}
|
|
25
|
-
return t;
|
|
26
|
-
};
|
|
27
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
28
|
-
import { forwardRef } from 'react';
|
|
29
|
-
import { Text } from 'react-native';
|
|
30
|
-
import styled, { css } from '../../styled.native';
|
|
31
|
-
import { getText } from '../../utils/utils';
|
|
32
|
-
import { Icon } from '../Icon';
|
|
33
|
-
var StyledText = styled.Text(function (_a) {
|
|
34
|
-
var _b = _a.theme, core = _b.core, semantic = _b.semantic;
|
|
35
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n color: ", ";\n text-decoration: underline;\n text-decoration-color: ", ";\n "], ["\n font-family: ", ";\n color: ", ";\n text-decoration: underline;\n text-decoration-color: ", ";\n "])), core.fontFamily.body.native, semantic.message.link, semantic.message.link);
|
|
36
|
-
});
|
|
37
|
-
var StyledIcon = styled(Icon)(function (_a) {
|
|
38
|
-
var semantic = _a.theme.semantic;
|
|
39
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), semantic.message.branded);
|
|
40
|
-
});
|
|
41
|
-
var TextLink = forwardRef(function (_a, ref) {
|
|
42
|
-
var children = _a.children, _b = _a.opensInNewWindow, opensInNewWindow = _b === void 0 ? false : _b, accessibilityLabel = _a.accessibilityLabel, rest = __rest(_a, ["children", "opensInNewWindow", "accessibilityLabel"]);
|
|
43
|
-
var updatedAccessibilityLabel = opensInNewWindow
|
|
44
|
-
? "".concat(accessibilityLabel ? accessibilityLabel : getText(children), " (opens in new window)")
|
|
45
|
-
: accessibilityLabel;
|
|
46
|
-
return (_jsxs(Text, __assign({}, rest, { accessibilityLabel: updatedAccessibilityLabel, ref: ref, children: [_jsx(StyledText, { children: children }), opensInNewWindow && (_jsxs(_Fragment, { children: ["\u00A0", _jsx(StyledIcon, { size: 12, name: "new-window" })] }))] })));
|
|
47
|
-
});
|
|
48
|
-
export { TextLink };
|
|
49
|
-
var templateObject_1, templateObject_2;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TextLink } from './TextLink';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'react';
|
|
2
|
-
import { SvgProps } from 'react-native-svg';
|
|
3
|
-
export type IconName = 'address' | 'advice' | 'archive' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'award' | 'battery' | 'cal-book' | 'cal' | 'caret-arrow-down' | 'caret-arrow-left' | 'caret-arrow-right' | 'caret-arrow-up' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'chart-filled' | 'chart' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left-small-first' | 'chevron-left-small' | 'chevron-left' | 'chevron-right-small-last' | 'chevron-right-small' | 'chevron-right' | 'chevron-up' | 'circle' | 'close-circle' | 'cross' | 'doc' | 'dollar' | 'download' | 'eco-home' | 'eco' | 'edit' | 'electric-car' | 'electric-home' | 'electricity' | 'energy-advice' | 'equals' | 'euro' | 'gas' | 'globe-address' | 'help-filled' | 'help' | 'hide' | 'home-filled' | 'home' | 'hydro-power' | 'info' | 'link' | 'logo' | 'mail-open' | 'mail' | 'menu' | 'message-filled' | 'message' | 'minus' | 'mobile' | 'new-window' | 'payment-card-filled' | 'payment-card' | 'phone' | 'plus' | 'pound' | 'pricing-filled' | 'pricing' | 'search' | 'security' | 'shop-filled' | 'shop' | 'show' | 'smart-home' | 'smart-meter' | 'solar' | 'star-filled' | 'star' | 'sun' | 'torch' | 'trees' | 'tune' | 'user-filled' | 'user' | 'wallet' | 'warm-home' | 'warning' | 'web-address' | 'wind-power';
|
|
4
|
-
export type IconNameExtended = IconName | (string & {});
|
|
5
|
-
export type IconsType = Record<string, FunctionComponent<SvgProps>>;
|
package/dist/providers/types.js
DELETED