@bitrise/bitkit 7.14.1 → 7.15.0-alpha.1
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/CHANGELOG.md +7 -0
- package/README.md +2 -0
- package/lib/cjs/AddonBeam/AddonBeam.js +1 -1
- package/lib/cjs/AddonBeam/AddonBeam.js.map +1 -1
- package/lib/cjs/AddonFooter/AddonFooter.js +2 -2
- package/lib/cjs/AddonFooter/AddonFooter.js.map +1 -1
- package/lib/cjs/Avatar/Avatar.js +1 -1
- package/lib/cjs/Avatar/Avatar.js.map +1 -1
- package/lib/cjs/Badge/Badge.css +1 -0
- package/lib/cjs/Badge/Badge.d.ts.map +1 -1
- package/lib/cjs/Badge/Badge.js +1 -1
- package/lib/cjs/Badge/Badge.js.map +1 -1
- package/lib/cjs/Button/Button.css +3 -3
- package/lib/cjs/Button/ColorButton.css +3 -3
- package/lib/cjs/DatePicker/DatePickerMonth.js +1 -1
- package/lib/cjs/DatePicker/DatePickerMonth.js.map +1 -1
- package/lib/cjs/Input/InputInlineHelp.js +1 -1
- package/lib/cjs/Input/InputInlineHelp.js.map +1 -1
- package/lib/cjs/Input/InputLabel.js +1 -1
- package/lib/cjs/Input/InputLabel.js.map +1 -1
- package/lib/cjs/Modal/ModalTitle.js +1 -1
- package/lib/cjs/Modal/ModalTitle.js.map +1 -1
- package/lib/cjs/Progress/ProgressBitbot.js +1 -1
- package/lib/cjs/Progress/ProgressBitbot.js.map +1 -1
- package/lib/cjs/Status/Status404.js +2 -2
- package/lib/cjs/Status/Status404.js.map +1 -1
- package/lib/cjs/Status/Status500.js +3 -3
- package/lib/cjs/Status/Status500.js.map +1 -1
- package/lib/cjs/Text/Text.css +0 -19
- package/lib/cjs/Text/Text.d.ts +2 -8
- package/lib/cjs/Text/Text.d.ts.map +1 -1
- package/lib/cjs/Text/Text.js +3 -17
- package/lib/cjs/Text/Text.js.map +1 -1
- package/lib/cjs/Text/TextSizes.css +39 -0
- package/lib/cjs/Tooltip/Tooltip.js +1 -1
- package/lib/cjs/Tooltip/Tooltip.js.map +1 -1
- package/lib/cjs/index.d.ts +1 -1
- package/lib/cjs/index.d.ts.map +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/root.css +2 -2
- package/lib/cjs/tsconfig.tsbuildinfo +19 -19
- package/lib/cjs/variables.css +16 -16
- package/lib/cjs/variables.d.ts +16 -16
- package/lib/cjs/variables.d.ts.map +1 -1
- package/lib/cjs/variables.js +16 -16
- package/lib/cjs/variables.js.map +1 -1
- package/lib/esn/AddonBeam/AddonBeam.js +1 -1
- package/lib/esn/AddonBeam/AddonBeam.js.map +1 -1
- package/lib/esn/AddonFooter/AddonFooter.js +2 -2
- package/lib/esn/AddonFooter/AddonFooter.js.map +1 -1
- package/lib/esn/Avatar/Avatar.js +1 -1
- package/lib/esn/Avatar/Avatar.js.map +1 -1
- package/lib/esn/Badge/Badge.css +1 -0
- package/lib/esn/Badge/Badge.d.ts.map +1 -1
- package/lib/esn/Badge/Badge.js +1 -1
- package/lib/esn/Badge/Badge.js.map +1 -1
- package/lib/esn/Button/Button.css +3 -3
- package/lib/esn/Button/ColorButton.css +3 -3
- package/lib/esn/DatePicker/DatePickerMonth.js +1 -1
- package/lib/esn/DatePicker/DatePickerMonth.js.map +1 -1
- package/lib/esn/Input/InputInlineHelp.js +1 -1
- package/lib/esn/Input/InputInlineHelp.js.map +1 -1
- package/lib/esn/Input/InputLabel.js +1 -1
- package/lib/esn/Input/InputLabel.js.map +1 -1
- package/lib/esn/Modal/ModalTitle.js +1 -1
- package/lib/esn/Modal/ModalTitle.js.map +1 -1
- package/lib/esn/Progress/ProgressBitbot.js +1 -1
- package/lib/esn/Progress/ProgressBitbot.js.map +1 -1
- package/lib/esn/Status/Status404.js +2 -2
- package/lib/esn/Status/Status404.js.map +1 -1
- package/lib/esn/Status/Status500.js +3 -3
- package/lib/esn/Status/Status500.js.map +1 -1
- package/lib/esn/Text/Text.css +0 -19
- package/lib/esn/Text/Text.d.ts +2 -8
- package/lib/esn/Text/Text.d.ts.map +1 -1
- package/lib/esn/Text/Text.js +3 -17
- package/lib/esn/Text/Text.js.map +1 -1
- package/lib/esn/Text/TextSizes.css +39 -0
- package/lib/esn/Tooltip/Tooltip.js +1 -1
- package/lib/esn/Tooltip/Tooltip.js.map +1 -1
- package/lib/esn/index.d.ts +1 -1
- package/lib/esn/index.d.ts.map +1 -1
- package/lib/esn/index.js.map +1 -1
- package/lib/esn/root.css +2 -2
- package/lib/esn/tsconfig.tsbuildinfo +19 -19
- package/lib/esn/variables.css +16 -16
- package/lib/esn/variables.d.ts +16 -16
- package/lib/esn/variables.d.ts.map +1 -1
- package/lib/esn/variables.js +16 -16
- package/lib/esn/variables.js.map +1 -1
- package/package.json +1 -1
- package/site/components/CodeBlock/CodeBlock.css +2 -2
- package/site/components/Documentation/ComponentDocumentationPage.tsx +7 -7
- package/site/components/Documentation/Components/SectionCards.tsx +10 -10
- package/site/components/Documentation/Components/SectionDropdowns.tsx +1 -1
- package/site/components/Documentation/Components/SectionExpand.tsx +6 -6
- package/site/components/Documentation/Components/SectionFlex.tsx +1 -1
- package/site/components/Documentation/Components/SectionGrid.tsx +1 -1
- package/site/components/Documentation/Components/SectionIcons.tsx +1 -1
- package/site/components/Documentation/Components/SectionModals.tsx +3 -3
- package/site/components/Documentation/Components/SectionSidebar.tsx +1 -1
- package/site/components/Documentation/Components/SectionStatusSandbox404.tsx +1 -1
- package/site/components/Documentation/Components/SectionText.tsx +6 -6
- package/site/components/Documentation/Materials/SectionColors.tsx +6 -6
- package/site/components/Documentation/Materials/SectionIcons.tsx +2 -2
- package/site/components/Documentation/Materials/SectionTypography.tsx +39 -83
- package/site/components/Page/PageTitle.tsx +1 -1
- package/site/components/PropsTable/PropsTable.tsx +1 -1
- package/site/components/PropsTable/PropsTableCellUnion.tsx +1 -1
- package/site/components/PropsTable/PropsTableRow.tsx +3 -3
- package/site/components/Root/Root.tsx +5 -4
- package/site/components/Section/SectionSubTitle.tsx +1 -1
- package/site/components/Section/SectionTitle.tsx +1 -1
- package/site/components/Window/Window.tsx +1 -1
- package/src/AddonBeam/AddonBeam.tsx +1 -1
- package/src/AddonFooter/AddonFooter.tsx +2 -2
- package/src/Avatar/Avatar.tsx +1 -1
- package/src/Badge/Badge.css +1 -0
- package/src/Badge/Badge.tsx +2 -1
- package/src/Button/Button.css +3 -3
- package/src/Button/ColorButton.css +3 -3
- package/src/DatePicker/DatePickerMonth.tsx +1 -1
- package/src/Input/InputInlineHelp.tsx +1 -1
- package/src/Input/InputLabel.tsx +1 -1
- package/src/Modal/ModalTitle.tsx +1 -1
- package/src/Progress/ProgressBitbot.tsx +1 -1
- package/src/Status/Status404.tsx +2 -2
- package/src/Status/Status500.tsx +3 -3
- package/src/Text/Text.css +0 -19
- package/src/Text/Text.tsx +4 -27
- package/src/Text/TextSizes.css +39 -0
- package/src/Tooltip/Tooltip.tsx +1 -1
- package/src/index.ts +1 -1
- package/src/root.css +2 -2
- package/src/variables.css +16 -16
- package/src/variables.ts +17 -17
- package/lib/cjs/Text/TextConfigurations.css +0 -56
- package/lib/esn/Text/TextConfigurations.css +0 -56
- package/src/Text/TextConfigurations.css +0 -56
package/lib/esn/variables.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variables.js","sourceRoot":"","sources":["../../src/variables.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"variables.js","sourceRoot":"","sources":["../../src/variables.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -7,9 +7,9 @@ pre[class*='language-'] {
|
|
|
7
7
|
pre[class*='language-'],
|
|
8
8
|
code[class*='language-'] {
|
|
9
9
|
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
10
|
-
font-size: var(--font-size--
|
|
10
|
+
font-size: var(--font-size--2);
|
|
11
11
|
text-align: left;
|
|
12
|
-
line-height: var(--line-height--
|
|
12
|
+
line-height: var(--line-height--2);
|
|
13
13
|
white-space: pre;
|
|
14
14
|
word-spacing: normal;
|
|
15
15
|
hyphens: none;
|
|
@@ -43,7 +43,7 @@ const ComponentDocumentation: React.FC<Props> = (props: Props) => {
|
|
|
43
43
|
|
|
44
44
|
return (
|
|
45
45
|
<Flex>
|
|
46
|
-
<Text margin="x6" size="
|
|
46
|
+
<Text margin="x6" size="8" weight="bold">{ key }</Text>
|
|
47
47
|
|
|
48
48
|
{ information && (
|
|
49
49
|
<Notification icon="Info" type="inform">
|
|
@@ -52,14 +52,14 @@ const ComponentDocumentation: React.FC<Props> = (props: Props) => {
|
|
|
52
52
|
) }
|
|
53
53
|
|
|
54
54
|
<Base margin="x16">
|
|
55
|
-
<Text margin="x2" size="
|
|
55
|
+
<Text margin="x2" size="4" weight="bold">Components summary</Text>
|
|
56
56
|
|
|
57
57
|
{ components.map(({ description, displayName }) => (
|
|
58
58
|
<Base key={ displayName } margin="x4">
|
|
59
59
|
<Link Component={ RouterLink } color="grape-3" to={ `#${displayName}` }>{ displayName }</Link>
|
|
60
|
-
{ description && <Text
|
|
60
|
+
{ description && <Text size="2">{ description }</Text> }
|
|
61
61
|
{ !!componentsFilteredProps[displayName].length && (
|
|
62
|
-
<Text
|
|
62
|
+
<Text margin="x1" size="2">Props: { componentsFilteredProps[displayName].map(([propName], index, { length }) =>
|
|
63
63
|
<Link Component={ RouterLink } color="gray-5" key={ propName } to={ `#${displayName}-${propName}` }>
|
|
64
64
|
{ propName + (index + 1 === length ? '' : ' / ') }
|
|
65
65
|
</Link>
|
|
@@ -72,20 +72,20 @@ const ComponentDocumentation: React.FC<Props> = (props: Props) => {
|
|
|
72
72
|
|
|
73
73
|
{ Showcase && (
|
|
74
74
|
<Base margin="x16">
|
|
75
|
-
<Text margin="x2" size="
|
|
75
|
+
<Text margin="x2" size="4" weight="bold">Showcase</Text>
|
|
76
76
|
<Showcase />
|
|
77
77
|
</Base>
|
|
78
78
|
) }
|
|
79
79
|
|
|
80
80
|
<Base margin="x16">
|
|
81
|
-
<Text margin="x2" size="
|
|
81
|
+
<Text margin="x2" size="4" weight="bold">Components API</Text>
|
|
82
82
|
|
|
83
83
|
{ components.map(({ composes, description, displayName }) => (
|
|
84
84
|
<Base id={ displayName } key={ displayName } margin="x8">
|
|
85
85
|
<Flex direction="horizontal">
|
|
86
86
|
<Flex grow initial="none">
|
|
87
87
|
<Text>{ `<${displayName}>` }</Text>
|
|
88
|
-
{ description && <Text
|
|
88
|
+
{ description && <Text size="2">{ description }</Text> }
|
|
89
89
|
</Flex>
|
|
90
90
|
|
|
91
91
|
{ composes && composes.length && (
|
|
@@ -39,7 +39,7 @@ const SectionCards = () => {
|
|
|
39
39
|
</Flex>
|
|
40
40
|
|
|
41
41
|
<Flex>
|
|
42
|
-
<Text size="
|
|
42
|
+
<Text size="2" textColor="grape-5" uppercase weight="bold">Unelevated</Text>
|
|
43
43
|
</Flex>
|
|
44
44
|
</Flex>
|
|
45
45
|
</CardContent>
|
|
@@ -53,7 +53,7 @@ const SectionCards = () => {
|
|
|
53
53
|
</Flex>
|
|
54
54
|
|
|
55
55
|
<Flex>
|
|
56
|
-
<Text size="
|
|
56
|
+
<Text size="2" textColor="grape-5" uppercase weight="bold">Elevation x2</Text>
|
|
57
57
|
</Flex>
|
|
58
58
|
</Flex>
|
|
59
59
|
</CardContent>
|
|
@@ -67,7 +67,7 @@ const SectionCards = () => {
|
|
|
67
67
|
</Flex>
|
|
68
68
|
|
|
69
69
|
<Flex>
|
|
70
|
-
<Text size="
|
|
70
|
+
<Text size="2" textColor="grape-5" uppercase weight="bold">Elevation x3</Text>
|
|
71
71
|
</Flex>
|
|
72
72
|
</Flex>
|
|
73
73
|
</CardContent>
|
|
@@ -93,7 +93,7 @@ const SectionCards = () => {
|
|
|
93
93
|
</Flex>
|
|
94
94
|
|
|
95
95
|
<Flex>
|
|
96
|
-
<Text size="
|
|
96
|
+
<Text size="2" textColor="grape-5" uppercase weight="bold">Vertically Divided Content</Text>
|
|
97
97
|
</Flex>
|
|
98
98
|
</Flex>
|
|
99
99
|
</CardContent>
|
|
@@ -101,7 +101,7 @@ const SectionCards = () => {
|
|
|
101
101
|
<CardDivider />
|
|
102
102
|
|
|
103
103
|
<CardContent grow padding="x6">
|
|
104
|
-
<Text align="end" size="
|
|
104
|
+
<Text align="end" size="2" textColor="gray-5" uppercase>Showing 1 / 1 Apps</Text>
|
|
105
105
|
</CardContent>
|
|
106
106
|
</Card>
|
|
107
107
|
|
|
@@ -113,8 +113,8 @@ const SectionCards = () => {
|
|
|
113
113
|
</Flex>
|
|
114
114
|
|
|
115
115
|
<Flex>
|
|
116
|
-
<Text size="
|
|
117
|
-
<Text size="
|
|
116
|
+
<Text size="1" textColor="gray-4" uppercase weight="bold">Horizontal Divided Content</Text>
|
|
117
|
+
<Text size="2" textColor="gray-5" uppercase weight="bold">Horizontal Divided Content</Text>
|
|
118
118
|
</Flex>
|
|
119
119
|
</Flex>
|
|
120
120
|
</CardContent>
|
|
@@ -204,7 +204,7 @@ const HorizontalDividedComponent = () => (
|
|
|
204
204
|
|
|
205
205
|
<Card direction="horizontal" margin="x4">
|
|
206
206
|
<CardContent grow padding="x6">
|
|
207
|
-
<Text size="
|
|
207
|
+
<Text size="2" textColor="gray-5" uppercase weight="bold">Primary</Text>
|
|
208
208
|
</CardContent>
|
|
209
209
|
|
|
210
210
|
<CardDivider />
|
|
@@ -216,7 +216,7 @@ const HorizontalDividedComponent = () => (
|
|
|
216
216
|
|
|
217
217
|
<Card direction="horizontal" margin="x4">
|
|
218
218
|
<CardContent grow padding="x6">
|
|
219
|
-
<Text size="
|
|
219
|
+
<Text size="2" textColor="gray-5" uppercase weight="bold">Secondary</Text>
|
|
220
220
|
</CardContent>
|
|
221
221
|
|
|
222
222
|
<CardDivider />
|
|
@@ -228,7 +228,7 @@ const HorizontalDividedComponent = () => (
|
|
|
228
228
|
|
|
229
229
|
<Card direction="horizontal" margin="x4">
|
|
230
230
|
<CardContent grow padding="x6">
|
|
231
|
-
<Text size="
|
|
231
|
+
<Text size="2" textColor="gray-5" uppercase weight="bold">Tertiary</Text>
|
|
232
232
|
</CardContent>
|
|
233
233
|
|
|
234
234
|
<CardDivider />
|
|
@@ -17,7 +17,7 @@ const SectionDot = () => {
|
|
|
17
17
|
<SectionSubTitle>Basic example</SectionSubTitle>
|
|
18
18
|
<Card direction="vertical" elevation="x2">
|
|
19
19
|
<CardContent grow padding="x6">
|
|
20
|
-
<Text align="middle"
|
|
20
|
+
<Text align="middle" margin="x4" size="4" weight="bold">
|
|
21
21
|
I must protest your unauthorised presence...
|
|
22
22
|
</Text>
|
|
23
23
|
|
|
@@ -40,7 +40,7 @@ const SectionDot = () => {
|
|
|
40
40
|
<CardDivider />
|
|
41
41
|
|
|
42
42
|
<CardContent grow padding="x6">
|
|
43
|
-
<Text align="middle"
|
|
43
|
+
<Text align="middle" size="4" weight="bold">
|
|
44
44
|
... on this bridge!
|
|
45
45
|
</Text>
|
|
46
46
|
</CardContent>
|
|
@@ -68,7 +68,7 @@ const SectionDot = () => {
|
|
|
68
68
|
<SectionSubTitle>With some content visible</SectionSubTitle>
|
|
69
69
|
<Card direction="vertical" elevation="x2">
|
|
70
70
|
<CardContent grow padding="x6">
|
|
71
|
-
<Text align="middle"
|
|
71
|
+
<Text align="middle" margin="x4" size="4" weight="bold">
|
|
72
72
|
I must protest your unauthorised presence...
|
|
73
73
|
</Text>
|
|
74
74
|
|
|
@@ -92,15 +92,15 @@ const SectionDot = () => {
|
|
|
92
92
|
|
|
93
93
|
<CardContent grow padding="x6">
|
|
94
94
|
<Flex direction="vertical" gap="x4">
|
|
95
|
-
<Text align="middle"
|
|
95
|
+
<Text align="middle" size="3">
|
|
96
96
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit corporis adipisci obcaecati aspernatur nam, dolor sapiente
|
|
97
97
|
accusantium possimus tempora eaque atque. Delectus, iure doloribus. At veniam suscipit totam! Esse, quae?
|
|
98
98
|
</Text>
|
|
99
|
-
<Text align="middle"
|
|
99
|
+
<Text align="middle" size="3">
|
|
100
100
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem laboriosam asperiores tenetur nulla obcaecati
|
|
101
101
|
praesentium nostrum quis dignissimos fuga eaque cupiditate rem, quod possimus delectus animi alias aliquam iusto adipisci?
|
|
102
102
|
</Text>
|
|
103
|
-
<Text align="middle"
|
|
103
|
+
<Text align="middle" size="3">
|
|
104
104
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis earum fugit voluptas dolorum necessitatibus dicta iure
|
|
105
105
|
molestiae consequatur tenetur a, ratione sapiente eius obcaecati cum nobis id quis veritatis eos.
|
|
106
106
|
</Text>
|
|
@@ -128,7 +128,7 @@ const SectionGrid = () => {
|
|
|
128
128
|
</Flex>
|
|
129
129
|
|
|
130
130
|
<Flex>
|
|
131
|
-
<Text
|
|
131
|
+
<Text size="1">
|
|
132
132
|
I must protest your unauthorised presence on this bridge!
|
|
133
133
|
{ key % 2 ? ' I must protest your unauthorised presence on this bridge!' : undefined }
|
|
134
134
|
</Text>
|
|
@@ -99,10 +99,10 @@ const SectionModals = () => {
|
|
|
99
99
|
</Flex>
|
|
100
100
|
|
|
101
101
|
<Flex>
|
|
102
|
-
<Text letterSpacing="x3" size="
|
|
102
|
+
<Text letterSpacing="x3" size="4" textColor="grape-4" weight="bold">
|
|
103
103
|
Modals may have complex headers
|
|
104
104
|
</Text>
|
|
105
|
-
<Text size="
|
|
105
|
+
<Text size="1" textColor="gray-7" uppercase>Even a subtitle fits in here!</Text>
|
|
106
106
|
</Flex>
|
|
107
107
|
</Flex>
|
|
108
108
|
</ModalHeader>
|
|
@@ -121,7 +121,7 @@ const SectionModals = () => {
|
|
|
121
121
|
backgroundColor="white"
|
|
122
122
|
onClose={ () => handleCloseModal('modalWithProgressVisible') } visible={ state.modalWithProgressVisible } width="600px">
|
|
123
123
|
<ModalHeader alignChildrenVertical="middle" minHeight="4.5rem" paddingVertical="x0" withSeparator>
|
|
124
|
-
<Text
|
|
124
|
+
<Text bold size="5" textColor="grape-4" weight="bold">
|
|
125
125
|
Modal Header
|
|
126
126
|
</Text>
|
|
127
127
|
|
|
@@ -28,7 +28,7 @@ const SectionSidebar = () => {
|
|
|
28
28
|
height="30rem"
|
|
29
29
|
initial="none"
|
|
30
30
|
key={ theme }>
|
|
31
|
-
<Text
|
|
31
|
+
<Text margin="x3" size="2">{ theme }</Text>
|
|
32
32
|
<Sidebar theme={ theme }>
|
|
33
33
|
<SidebarMenu active={ active === '1' }>
|
|
34
34
|
<SidebarMenuItem
|
|
@@ -15,7 +15,7 @@ const SectionStatus404Example = () => {
|
|
|
15
15
|
<Status404 />
|
|
16
16
|
|
|
17
17
|
<Base paddingHorizontal="x6">
|
|
18
|
-
<Text align="middle"
|
|
18
|
+
<Text align="middle" margin="x8" size="4" weight="bold">
|
|
19
19
|
Do you prefer the deep unkown, or looking for something else?
|
|
20
20
|
</Text>
|
|
21
21
|
|
|
@@ -6,8 +6,8 @@ import Section from '../../Section/Section';
|
|
|
6
6
|
const SectionText = () => {
|
|
7
7
|
return (
|
|
8
8
|
<Section paddingVertical="x8">
|
|
9
|
-
<Text align="middle"
|
|
10
|
-
<Text align="middle"
|
|
9
|
+
<Text align="middle" margin="x2" size="6" weight="bold">The spectacle before us was indeed sublime.</Text>
|
|
10
|
+
<Text align="middle" margin="x2" size="3">
|
|
11
11
|
Apparently we had reached a great height in the atmosphere,
|
|
12
12
|
for the sky was a dead black, and the stars had ceased to twinkle.
|
|
13
13
|
By the same illusion which lifts the horizon of the sea to the
|
|
@@ -17,14 +17,14 @@ const SectionText = () => {
|
|
|
17
17
|
Looking down into the dark gulf below, I could see a ruddy light
|
|
18
18
|
streaming through a rift in the clouds.
|
|
19
19
|
</Text>
|
|
20
|
-
<Text align="middle"
|
|
20
|
+
<Text align="middle" margin="x4" size="6" uppercase weight="bold">Bitbot</Text>
|
|
21
21
|
|
|
22
22
|
<CodeBlock title="Text Usage Example">{
|
|
23
23
|
`const Component = () => (
|
|
24
24
|
<React.Fragment>
|
|
25
|
-
<Text align="middle"
|
|
26
|
-
<Text align="middle"
|
|
27
|
-
<Text align="middle"
|
|
25
|
+
<Text align="middle" margin="x2" size="6" weight="bold">...</Text>
|
|
26
|
+
<Text align="middle" margin="x2" size="7">...</Text>
|
|
27
|
+
<Text align="middle" margin="x4" size="6" weight="bold">...</Text>
|
|
28
28
|
</React.Fragment>
|
|
29
29
|
);`
|
|
30
30
|
}</CodeBlock>
|
|
@@ -86,7 +86,7 @@ const SectionColors = () => {
|
|
|
86
86
|
|
|
87
87
|
return (
|
|
88
88
|
<Flex>
|
|
89
|
-
<Text margin="x12" size="
|
|
89
|
+
<Text margin="x12" size="8" weight="bold">Colors</Text>
|
|
90
90
|
|
|
91
91
|
<Card elevation="x2">
|
|
92
92
|
<CardContent padding="x6">
|
|
@@ -125,14 +125,14 @@ const SectionColors = () => {
|
|
|
125
125
|
padding="x6"
|
|
126
126
|
textColor={ isActiveColorDark ? 'gray-1' : 'grape-5' }>
|
|
127
127
|
<Flex grow>
|
|
128
|
-
<Text letterSpacing="x2" size="
|
|
129
|
-
<Text size="
|
|
130
|
-
<Text size="
|
|
128
|
+
<Text letterSpacing="x2" size="2" uppercase>{ activeColor.replace('-', ' ') }</Text>
|
|
129
|
+
<Text size="2"><code>{ variables.colorMap[activeColor] }</code></Text>
|
|
130
|
+
<Text size="2"><code>rgb({ variables.rgbMap[activeColor].join(', ') })</code></Text>
|
|
131
131
|
</Flex>
|
|
132
132
|
|
|
133
133
|
<Flex>
|
|
134
|
-
<Text size="
|
|
135
|
-
<Text size="
|
|
134
|
+
<Text size="2"><code>var(--color-{ activeColor.replace('-', '--') })</code></Text>
|
|
135
|
+
<Text size="2"><code>variables.color{ activeColor.charAt(0).toUpperCase() + activeColor.slice(1).replace('-', '') }</code></Text>
|
|
136
136
|
</Flex>
|
|
137
137
|
</Flex>
|
|
138
138
|
</Flex>
|
|
@@ -34,7 +34,7 @@ const SectionIcons = () => {
|
|
|
34
34
|
|
|
35
35
|
return (
|
|
36
36
|
<Flex>
|
|
37
|
-
<Text margin="x6" size="
|
|
37
|
+
<Text margin="x6" size="8" weight="bold">Icons</Text>
|
|
38
38
|
|
|
39
39
|
<Text>
|
|
40
40
|
All of the Icons below can be achieved with the
|
|
@@ -76,7 +76,7 @@ const SectionIcons = () => {
|
|
|
76
76
|
padding="x2"
|
|
77
77
|
title={ name }>
|
|
78
78
|
<Icon name={ name } />
|
|
79
|
-
<Text ellipsis margin="x1" size="
|
|
79
|
+
<Text ellipsis margin="x1" size="1">{ name }</Text>
|
|
80
80
|
</Flex>
|
|
81
81
|
)) }
|
|
82
82
|
</Grid>
|
|
@@ -10,111 +10,70 @@ import {
|
|
|
10
10
|
Icon,
|
|
11
11
|
Link,
|
|
12
12
|
Text,
|
|
13
|
-
TypeTextConfig,
|
|
14
|
-
TypeTextLetterSpacing,
|
|
15
13
|
TypeTextSize,
|
|
16
|
-
TypeTextWeight,
|
|
17
14
|
} from '@bitrise/bitkit';
|
|
18
15
|
import CodeBlock from '../../CodeBlock/CodeBlock';
|
|
19
16
|
|
|
20
17
|
const { useState } = React;
|
|
21
18
|
|
|
22
19
|
const configurations: {
|
|
23
|
-
config: TypeTextConfig;
|
|
24
20
|
fontSizePx: number;
|
|
25
|
-
letterSpacing?: TypeTextLetterSpacing;
|
|
26
|
-
letterSpacingPx?: number;
|
|
27
21
|
lineHeightPx: number;
|
|
28
22
|
size: TypeTextSize;
|
|
29
23
|
uppercase?: boolean;
|
|
30
|
-
weight: TypeTextWeight;
|
|
31
24
|
}[] = [{
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
letterSpacingPx: variables.letterSpacingX3Px,
|
|
36
|
-
lineHeightPx: variables.lineHeightX8Px,
|
|
37
|
-
size: 'x8',
|
|
38
|
-
weight: 'bold',
|
|
25
|
+
fontSizePx: variables.fontSize1Px,
|
|
26
|
+
lineHeightPx: variables.lineHeight1Px,
|
|
27
|
+
size: '1',
|
|
39
28
|
}, {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
size: 'x7',
|
|
44
|
-
weight: 'bold',
|
|
29
|
+
fontSizePx: variables.fontSize2Px,
|
|
30
|
+
lineHeightPx: variables.lineHeight2Px,
|
|
31
|
+
size: '2',
|
|
45
32
|
}, {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
letterSpacingPx: variables.letterSpacingX2Px,
|
|
50
|
-
lineHeightPx: variables.lineHeightX6Px,
|
|
51
|
-
size: 'x6',
|
|
52
|
-
weight: 'bold',
|
|
33
|
+
fontSizePx: variables.fontSize3Px,
|
|
34
|
+
lineHeightPx: variables.lineHeight3Px,
|
|
35
|
+
size: '3',
|
|
53
36
|
}, {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
letterSpacingPx: variables.letterSpacingX1Px,
|
|
58
|
-
lineHeightPx: variables.lineHeightX5Px,
|
|
59
|
-
size: 'x5',
|
|
60
|
-
weight: 'bold',
|
|
37
|
+
fontSizePx: variables.fontSize4Px,
|
|
38
|
+
lineHeightPx: variables.lineHeight4Px,
|
|
39
|
+
size: '4',
|
|
61
40
|
}, {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
size: 'x4',
|
|
66
|
-
weight: 'bold',
|
|
41
|
+
fontSizePx: variables.fontSize5Px,
|
|
42
|
+
lineHeightPx: variables.lineHeight5Px,
|
|
43
|
+
size: '5',
|
|
67
44
|
}, {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
letterSpacingPx: variables.letterSpacingX4Px,
|
|
72
|
-
lineHeightPx: variables.lineHeightX2Px,
|
|
73
|
-
size: 'x2',
|
|
74
|
-
uppercase: true,
|
|
75
|
-
weight: 'medium',
|
|
45
|
+
fontSizePx: variables.fontSize6Px,
|
|
46
|
+
lineHeightPx: variables.lineHeight6Px,
|
|
47
|
+
size: '6',
|
|
76
48
|
}, {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
size: 'x3',
|
|
81
|
-
weight: 'medium',
|
|
49
|
+
fontSizePx: variables.fontSize7Px,
|
|
50
|
+
lineHeightPx: variables.lineHeight7Px,
|
|
51
|
+
size: '7',
|
|
82
52
|
}, {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
size: 'x2',
|
|
87
|
-
weight: 'medium',
|
|
88
|
-
}, {
|
|
89
|
-
config: '9',
|
|
90
|
-
fontSizePx: variables.fontSizeX1Px,
|
|
91
|
-
letterSpacing: 'x5',
|
|
92
|
-
letterSpacingPx: variables.letterSpacingX5Px,
|
|
93
|
-
lineHeightPx: variables.lineHeightX1Px,
|
|
94
|
-
size: 'x1',
|
|
95
|
-
uppercase: true,
|
|
96
|
-
weight: 'medium',
|
|
53
|
+
fontSizePx: variables.fontSize8Px,
|
|
54
|
+
lineHeightPx: variables.lineHeight8Px,
|
|
55
|
+
size: '8',
|
|
97
56
|
}];
|
|
98
57
|
|
|
99
58
|
const SectionTypography = () => {
|
|
100
|
-
const [expanded, setExpanded] = useState<{ [key in
|
|
59
|
+
const [expanded, setExpanded] = useState<{ [key in TypeTextSize]?: boolean }>({});
|
|
101
60
|
|
|
102
61
|
return (
|
|
103
62
|
<Flex>
|
|
104
|
-
<Text margin="x6" size="
|
|
63
|
+
<Text Component="h2" margin="x6" size="8" weight="bold">Typography</Text>
|
|
105
64
|
|
|
106
|
-
<Text>
|
|
65
|
+
<Text Component="p">
|
|
107
66
|
You can mix and match to get any text you like, but below shows the
|
|
108
67
|
best combinations to use from the design guide. All of these examples can
|
|
109
68
|
be achieved with the <Link Component={ RouterLink } color="grape-3" to="/documentation/components/text">Text component</Link>.
|
|
110
69
|
</Text>
|
|
111
70
|
|
|
112
71
|
<CodeBlock title="Text component example">{
|
|
113
|
-
`<Text letterSpacing="x5" size="
|
|
72
|
+
`<Text letterSpacing="x5" size="1" uppercase weight="medium">
|
|
114
73
|
I must protest your unauthorised presence on this bridge!
|
|
115
74
|
</Text>
|
|
116
75
|
|
|
117
|
-
<Text
|
|
76
|
+
<Text size="8">
|
|
118
77
|
I must protest your unauthorised presence on this bridge!
|
|
119
78
|
</Text>`
|
|
120
79
|
}</CodeBlock>
|
|
@@ -123,44 +82,41 @@ const SectionTypography = () => {
|
|
|
123
82
|
<Card
|
|
124
83
|
direction="vertical"
|
|
125
84
|
elevation="x2"
|
|
126
|
-
key={ config.
|
|
85
|
+
key={ config.size }
|
|
127
86
|
margin="x6"
|
|
128
87
|
onClick={ () => {} }>
|
|
129
88
|
<Link
|
|
130
89
|
color="grape-5"
|
|
131
|
-
onClick={ () => setExpanded({ ...expanded, [config.
|
|
90
|
+
onClick={ () => setExpanded({ ...expanded, [config.size]: !expanded[config.size] }) }>
|
|
132
91
|
<CardContent paddingHorizontal="x6" paddingVertical="x4">
|
|
133
92
|
<Flex alignChildrenVertical="middle" direction="horizontal" gap="x6">
|
|
134
93
|
<Flex grow initial="none">
|
|
135
|
-
<Text margin="x1" weight="bold">
|
|
136
|
-
<Text margin="x1" size="
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
<Text margin="x1" size="x2">
|
|
141
|
-
Font size: { config.fontSizePx }px / Line height: { config.lineHeightPx }px { config.letterSpacingPx && `/ Letter Spacing: ${config.letterSpacingPx}px` }
|
|
94
|
+
<Text Component="h3" margin="x1" weight="bold">Size { config.size }</Text>
|
|
95
|
+
<Text Component="p" margin="x1" size="2">
|
|
96
|
+
Font size: { config.fontSizePx }px <Text emphasis inline textColor="gray-5">({ config.fontSizePx / 16 }rem)</Text><br />
|
|
97
|
+
Line height: { config.lineHeightPx }px <Text emphasis inline textColor="gray-5">({ config.lineHeightPx / 16 }rem)</Text>
|
|
142
98
|
</Text>
|
|
143
99
|
</Flex>
|
|
144
100
|
|
|
145
101
|
<Flex>
|
|
146
|
-
<Text
|
|
102
|
+
<Text size={ config.size } textColor="gray-3">
|
|
147
103
|
Aa
|
|
148
104
|
</Text>
|
|
149
105
|
</Flex>
|
|
150
106
|
|
|
151
107
|
<Flex>
|
|
152
108
|
<Icon
|
|
153
|
-
name={ expanded[config.
|
|
109
|
+
name={ expanded[config.size] ? 'ChevronDown' : 'ChevronRight' } />
|
|
154
110
|
</Flex>
|
|
155
111
|
</Flex>
|
|
156
112
|
</CardContent>
|
|
157
113
|
</Link>
|
|
158
114
|
|
|
159
|
-
<Expand expanded={ !!expanded[config.
|
|
115
|
+
<Expand expanded={ !!expanded[config.size] }>
|
|
160
116
|
<CardDivider />
|
|
161
117
|
|
|
162
118
|
<CardContent padding="x6">
|
|
163
|
-
<Text
|
|
119
|
+
<Text size={ config.size } textColor="gray-7">
|
|
164
120
|
I must protest your unauthorised presence on this bridge!
|
|
165
121
|
</Text>
|
|
166
122
|
</CardContent>
|
|
@@ -15,7 +15,7 @@ const PropsTable: React.SFC<Props> = ({ composes, displayName, props = {}, ...re
|
|
|
15
15
|
|
|
16
16
|
if (Object.keys(props).length === 0) {
|
|
17
17
|
return (
|
|
18
|
-
<Text margin="x1" size="
|
|
18
|
+
<Text margin="x1" size="2" textColor="gray-5">
|
|
19
19
|
This component has no props to
|
|
20
20
|
show { composes && composes.length && `, however it extends ${composes.join(', ')}` }.
|
|
21
21
|
</Text>
|