@bitrise/bitkit 9.5.0-alpha-15.2 → 9.5.0-alpha-15-2.2
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/.eslintrc.js +2 -1
- package/.storybook/main.js +35 -0
- package/.storybook/manager.js +6 -0
- package/.storybook/preview.tsx +20 -0
- package/.storybook/theme.js +7 -0
- package/CHANGELOG.md +14 -44
- package/package.json +37 -19
- package/release.config.js +1 -1
- package/site/components/CodeBlock/CodeBlock.css +2 -2
- package/site/components/Documentation/Documentation.tsx +56 -53
- package/site/components/Root/Root.tsx +1 -1
- package/site/index.html +1 -1
- package/src/Components/Provider/Provider.tsx +9 -0
- package/src/Components/Text/Text.stories.tsx +20 -0
- package/src/Components/Text/Text.theme.ts +38 -0
- package/src/Components/Text/Text.tsx +72 -0
- package/src/Foundations/Colors/Colors.examples.tsx +13 -0
- package/src/Foundations/Colors/Colors.stories.mdx +8 -0
- package/src/Foundations/Colors/Colors.ts +128 -0
- package/src/Foundations/Radii/Radii.examples.tsx +17 -0
- package/src/Foundations/Radii/Radii.stories.mdx +8 -0
- package/src/Foundations/Radii/Radii.theme.ts +9 -0
- package/src/Foundations/Shadows/Shadows.examples.tsx +17 -0
- package/src/Foundations/Shadows/Shadows.stories.mdx +8 -0
- package/src/Foundations/Shadows/Shadows.ts +9 -0
- package/src/Foundations/Sizes/Sizes.examples.tsx +17 -0
- package/src/Foundations/Sizes/Sizes.stories.mdx +8 -0
- package/src/Foundations/Sizes/Sizes.ts +14 -0
- package/src/Foundations/Typography/Typography.examples.tsx +50 -0
- package/src/Foundations/Typography/Typography.stories.mdx +14 -0
- package/src/Foundations/Typography/Typography.ts +32 -0
- package/src/Icon/tsx/IconsAddOns.tsx +5 -4
- package/src/Icon/tsx/IconsAddOnsColorTuorqouise.tsx +8 -8
- package/src/Icon/tsx/IconsAddOnsColorViolet.tsx +7 -5
- package/src/Icon/tsx/IconsAddOnsWhite.tsx +7 -5
- package/src/Icon/tsx/IconsApp.tsx +4 -3
- package/src/Icon/tsx/IconsArrowBack.tsx +5 -4
- package/src/Icon/tsx/IconsArrowDown.tsx +9 -7
- package/src/Icon/tsx/IconsArrowForward.tsx +5 -7
- package/src/Icon/tsx/IconsArrowQuit.tsx +5 -4
- package/src/Icon/tsx/IconsArrowUp.tsx +5 -4
- package/src/Icon/tsx/IconsBackArrow.tsx +3 -8
- package/src/Icon/tsx/IconsBell.tsx +5 -7
- package/src/Icon/tsx/IconsBitbot.tsx +5 -7
- package/src/Icon/tsx/IconsBitbotFailed.tsx +6 -5
- package/src/Icon/tsx/IconsBitbucket.tsx +10 -14
- package/src/Icon/tsx/IconsBitbucketFill.tsx +5 -4
- package/src/Icon/tsx/IconsBitriseCertified.tsx +9 -7
- package/src/Icon/tsx/IconsBook.tsx +5 -7
- package/src/Icon/tsx/IconsBranchBranch.tsx +5 -7
- package/src/Icon/tsx/IconsBranchCommit.tsx +5 -4
- package/src/Icon/tsx/IconsBranchPull.tsx +5 -7
- package/src/Icon/tsx/IconsBranchPush.tsx +9 -7
- package/src/Icon/tsx/IconsBranchTag.tsx +5 -7
- package/src/Icon/tsx/IconsBug.tsx +4 -3
- package/src/Icon/tsx/IconsBuild.tsx +5 -4
- package/src/Icon/tsx/IconsBuildstatusAborted.tsx +5 -7
- package/src/Icon/tsx/IconsBuildstatusAbortedSolid.tsx +7 -8
- package/src/Icon/tsx/IconsBuildstatusFailed.tsx +5 -7
- package/src/Icon/tsx/IconsBuildstatusFailedSolid.tsx +7 -8
- package/src/Icon/tsx/IconsBuildstatusLoading.tsx +1 -1
- package/src/Icon/tsx/IconsBuildstatusLoadingAnimated.tsx +20 -42
- package/src/Icon/tsx/IconsBuildstatusLoadingeeehh.tsx +3 -7
- package/src/Icon/tsx/IconsBuildstatusLoadingeeehhWhite.tsx +3 -7
- package/src/Icon/tsx/IconsBuildstatusNeverbuilt.tsx +6 -7
- package/src/Icon/tsx/IconsBuildstatusSuccessful.tsx +6 -10
- package/src/Icon/tsx/IconsBuildstatusSuccessfulSolid.tsx +7 -8
- package/src/Icon/tsx/IconsCalendar.tsx +5 -7
- package/src/Icon/tsx/IconsChain.tsx +5 -7
- package/src/Icon/tsx/IconsChangePlan.tsx +5 -4
- package/src/Icon/tsx/IconsChat.tsx +5 -4
- package/src/Icon/tsx/IconsChatMessage.tsx +5 -7
- package/src/Icon/tsx/IconsChevronDown.tsx +3 -8
- package/src/Icon/tsx/IconsChevronLeft.tsx +5 -7
- package/src/Icon/tsx/IconsChevronRight.tsx +5 -7
- package/src/Icon/tsx/IconsChevronUp.tsx +6 -5
- package/src/Icon/tsx/IconsClock.tsx +5 -7
- package/src/Icon/tsx/IconsCloseSmall.tsx +5 -7
- package/src/Icon/tsx/IconsCode.tsx +5 -7
- package/src/Icon/tsx/IconsCoffee.tsx +5 -7
- package/src/Icon/tsx/IconsConsole.tsx +4 -3
- package/src/Icon/tsx/IconsCredit.tsx +11 -9
- package/src/Icon/tsx/IconsCreditcard.tsx +7 -8
- package/src/Icon/tsx/IconsCrown.tsx +9 -7
- package/src/Icon/tsx/IconsDeleteNope.tsx +6 -5
- package/src/Icon/tsx/IconsDeployment.tsx +5 -4
- package/src/Icon/tsx/IconsDoc.tsx +4 -3
- package/src/Icon/tsx/IconsDollars.tsx +5 -7
- package/src/Icon/tsx/IconsDownload.tsx +5 -7
- package/src/Icon/tsx/IconsDropdownArrows.tsx +5 -7
- package/src/Icon/tsx/IconsDudes.tsx +5 -4
- package/src/Icon/tsx/IconsDuplicate.tsx +5 -4
- package/src/Icon/tsx/IconsEnterprise.tsx +9 -7
- package/src/Icon/tsx/IconsErrorGeneral.tsx +7 -8
- package/src/Icon/tsx/IconsFileDoc.tsx +5 -7
- package/src/Icon/tsx/IconsFilePdf.tsx +5 -7
- package/src/Icon/tsx/IconsFilePlist.tsx +5 -7
- package/src/Icon/tsx/IconsFileZip.tsx +5 -7
- package/src/Icon/tsx/IconsFilter.tsx +5 -7
- package/src/Icon/tsx/IconsFlag.tsx +3 -8
- package/src/Icon/tsx/IconsFolder.tsx +5 -7
- package/src/Icon/tsx/IconsFullscreen.tsx +5 -4
- package/src/Icon/tsx/IconsFullscreenExit.tsx +5 -4
- package/src/Icon/tsx/IconsGauge.tsx +7 -8
- package/src/Icon/tsx/IconsGithub.tsx +5 -4
- package/src/Icon/tsx/IconsGitlab.tsx +6 -5
- package/src/Icon/tsx/IconsGitlabFill.tsx +5 -4
- package/src/Icon/tsx/IconsGlobe.tsx +5 -7
- package/src/Icon/tsx/IconsGroup.tsx +5 -4
- package/src/Icon/tsx/IconsHeart.tsx +5 -4
- package/src/Icon/tsx/IconsHidePassword.tsx +9 -7
- package/src/Icon/tsx/IconsHistory.tsx +5 -6
- package/src/Icon/tsx/IconsImage.tsx +5 -4
- package/src/Icon/tsx/IconsInfo.tsx +5 -4
- package/src/Icon/tsx/IconsIntegrations.tsx +5 -4
- package/src/Icon/tsx/IconsInteraction.tsx +5 -4
- package/src/Icon/tsx/IconsInvoice.tsx +5 -7
- package/src/Icon/tsx/IconsJapanese.tsx +6 -5
- package/src/Icon/tsx/IconsKey.tsx +5 -4
- package/src/Icon/tsx/IconsLaptop.tsx +3 -8
- package/src/Icon/tsx/IconsLaptops.tsx +4 -3
- package/src/Icon/tsx/IconsLightbulb.tsx +5 -7
- package/src/Icon/tsx/IconsLock.tsx +5 -7
- package/src/Icon/tsx/IconsLogin.tsx +5 -7
- package/src/Icon/tsx/IconsLogout.tsx +5 -7
- package/src/Icon/tsx/IconsMagnifier.tsx +5 -7
- package/src/Icon/tsx/IconsMail.tsx +5 -7
- package/src/Icon/tsx/IconsMenuGrid.tsx +5 -7
- package/src/Icon/tsx/IconsMenuHamburger.tsx +3 -8
- package/src/Icon/tsx/IconsMessage.tsx +5 -7
- package/src/Icon/tsx/IconsMinusClose.tsx +1 -1
- package/src/Icon/tsx/IconsMinusRemove.tsx +5 -7
- package/src/Icon/tsx/IconsMobile.tsx +5 -7
- package/src/Icon/tsx/IconsMonitoring.tsx +5 -4
- package/src/Icon/tsx/IconsMore.tsx +5 -7
- package/src/Icon/tsx/IconsNoTie.tsx +5 -4
- package/src/Icon/tsx/IconsNumero.tsx +5 -7
- package/src/Icon/tsx/IconsOpenInBrowser.tsx +5 -7
- package/src/Icon/tsx/IconsOverview.tsx +5 -4
- package/src/Icon/tsx/IconsOwner.tsx +9 -7
- package/src/Icon/tsx/IconsPause.tsx +5 -4
- package/src/Icon/tsx/IconsPencil.tsx +7 -8
- package/src/Icon/tsx/IconsPercent.tsx +5 -4
- package/src/Icon/tsx/IconsPerson.tsx +5 -4
- package/src/Icon/tsx/IconsPlatformsAndroid.tsx +5 -7
- package/src/Icon/tsx/IconsPlatformsApple.tsx +5 -7
- package/src/Icon/tsx/IconsPlatformsCordova.tsx +5 -4
- package/src/Icon/tsx/IconsPlatformsFastlane.tsx +5 -4
- package/src/Icon/tsx/IconsPlatformsFlutter.tsx +5 -4
- package/src/Icon/tsx/IconsPlatformsGo.tsx +4 -3
- package/src/Icon/tsx/IconsPlatformsIonic.tsx +5 -4
- package/src/Icon/tsx/IconsPlatformsMacos.tsx +5 -4
- package/src/Icon/tsx/IconsPlatformsNodejs.tsx +4 -3
- package/src/Icon/tsx/IconsPlatformsOther.tsx +11 -9
- package/src/Icon/tsx/IconsPlatformsReact.tsx +5 -4
- package/src/Icon/tsx/IconsPlatformsXamarin.tsx +5 -4
- package/src/Icon/tsx/IconsPlay.tsx +5 -7
- package/src/Icon/tsx/IconsPlusAdd.tsx +5 -7
- package/src/Icon/tsx/IconsPlusOpen.tsx +2 -5
- package/src/Icon/tsx/IconsPower.tsx +2 -4
- package/src/Icon/tsx/IconsRefresh.tsx +4 -3
- package/src/Icon/tsx/IconsRequest.tsx +5 -4
- package/src/Icon/tsx/IconsResponsiveness.tsx +5 -4
- package/src/Icon/tsx/IconsSave.tsx +5 -4
- package/src/Icon/tsx/IconsSecurityShield.tsx +5 -7
- package/src/Icon/tsx/IconsSettings.tsx +5 -7
- package/src/Icon/tsx/IconsShip.tsx +5 -4
- package/src/Icon/tsx/IconsShowPassword.tsx +5 -7
- package/src/Icon/tsx/IconsShuffle.tsx +5 -7
- package/src/Icon/tsx/IconsStability.tsx +4 -3
- package/src/Icon/tsx/IconsStack.tsx +5 -7
- package/src/Icon/tsx/IconsStatus.tsx +5 -7
- package/src/Icon/tsx/IconsStepThirdParty.tsx +7 -8
- package/src/Icon/tsx/IconsStepUpgrade.tsx +2 -5
- package/src/Icon/tsx/IconsStepUpgradeCircle.tsx +2 -2
- package/src/Icon/tsx/IconsStepVersionOk.tsx +3 -5
- package/src/Icon/tsx/IconsSteps.tsx +5 -4
- package/src/Icon/tsx/IconsStepsColorTuorqouise.tsx +3 -7
- package/src/Icon/tsx/IconsStepsColorViolet.tsx +3 -7
- package/src/Icon/tsx/IconsStepsWhite.tsx +3 -7
- package/src/Icon/tsx/IconsStopwatch.tsx +5 -7
- package/src/Icon/tsx/IconsSupport.tsx +5 -7
- package/src/Icon/tsx/IconsSwitch.tsx +1 -1
- package/src/Icon/tsx/IconsTestFailed.tsx +5 -4
- package/src/Icon/tsx/IconsTestInconclusive.tsx +5 -4
- package/src/Icon/tsx/IconsTestInfo.tsx +5 -4
- package/src/Icon/tsx/IconsTestSkipped.tsx +5 -4
- package/src/Icon/tsx/IconsTestSuccess.tsx +5 -4
- package/src/Icon/tsx/IconsTestWarning.tsx +5 -4
- package/src/Icon/tsx/IconsTick.tsx +3 -8
- package/src/Icon/tsx/IconsTime.tsx +5 -7
- package/src/Icon/tsx/IconsTrace.tsx +5 -4
- package/src/Icon/tsx/IconsTrash.tsx +5 -7
- package/src/Icon/tsx/IconsTrigger.tsx +5 -7
- package/src/Icon/tsx/IconsTwitter.tsx +5 -7
- package/src/Icon/tsx/IconsValidateShield.tsx +5 -7
- package/src/Icon/tsx/IconsWarning.tsx +5 -7
- package/src/Icon/tsx/IconsWebUi.tsx +7 -8
- package/src/Icon/tsx/IconsWindow.tsx +5 -7
- package/src/Icon/tsx/IconsWorkflow.tsx +5 -7
- package/src/Icon/tsx/IconsWorkflowFlow.tsx +5 -7
- package/src/Icon/tsx/IconsWow.tsx +4 -3
- package/src/Icon/tsx/index.ts +1 -0
- package/src/index.ts +1 -2
- package/src/theme.ts +39 -0
- package/tsconfig.json +5 -2
- package/src/root.css +0 -59
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsTestInfo = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<path
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM12 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-2.4 3.9L9 10l2.7-.9c.7-.2 1.4.4 1.3 1.1l-.8 5.3 1.5-.5.6 1.9-3 1c-.7.2-1.4-.4-1.3-1.1l.8-5.4-1.2.5z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
fillRule="evenodd"
|
|
10
|
+
/>
|
|
10
11
|
</svg>
|
|
11
12
|
);
|
|
12
13
|
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsTestSkipped = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<path
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM12.585 10 14 8.586l3.419 3.418L14 15.423l-1.414-1.414 2.004-2.005L12.586 10zm-4 0L10 8.586l3.419 3.418L10 15.423l-1.414-1.414 2.004-2.005L8.586 10z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
fillRule="evenodd"
|
|
10
|
+
/>
|
|
10
11
|
</svg>
|
|
11
12
|
);
|
|
12
13
|
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsTestSuccess = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<path
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zm.736 6.648L16.414 11 11 16.408l-3.414-3.413L9 11.58l2 2 4.001-3.994z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
fillRule="evenodd"
|
|
10
|
+
/>
|
|
10
11
|
</svg>
|
|
11
12
|
);
|
|
12
13
|
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsTestWarning = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<path
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM11 6h1.998v7.996H11V6zm0 10h1.998v1.998H11V16z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
fillRule="evenodd"
|
|
10
|
+
/>
|
|
10
11
|
</svg>
|
|
11
12
|
);
|
|
12
13
|
|
|
@@ -2,16 +2,11 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsTick = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
|
-
<path
|
|
8
|
-
d="M10.213 13.915 17.234 7l1.49 1.49L10.212 17 5 11.68l1.49-1.489z"
|
|
9
|
-
id="icons-tick_svg__a"/>
|
|
7
|
+
<path d="M10.213 13.915 17.234 7l1.49 1.49L10.212 17 5 11.68l1.49-1.489z" id="icons-tick_svg__a" />
|
|
10
8
|
</defs>
|
|
11
|
-
<use
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
xlinkHref="#icons-tick_svg__a"/>
|
|
9
|
+
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-tick_svg__a" />
|
|
15
10
|
</svg>
|
|
16
11
|
);
|
|
17
12
|
|
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsTime = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
d="M12 12c-3.7 0-6.9 2.5-7.7 6H2c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2h-2.3c-.8-3.5-4-6-7.7-6zm-5.7 6c.8-2.3 3-4 5.7-4s4.8 1.7 5.7 4H6.3zM19.7 6H22c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2h2.3c.9 3.5 4 6 7.7 6s6.9-2.5 7.7-6zM12 10c-2.6 0-4.8-1.7-5.7-4h11.3c-.8 2.3-3 4-5.6 4z"
|
|
9
|
+
id="icons-time_svg__a"
|
|
10
|
+
/>
|
|
10
11
|
</defs>
|
|
11
|
-
<use
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
xlinkHref="#icons-time_svg__a"/>
|
|
12
|
+
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-time_svg__a" />
|
|
15
13
|
</svg>
|
|
16
14
|
);
|
|
17
15
|
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsTrace = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<path
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
d="M3.859 13.042H.5V11.05h1.572a10.06 10.06 0 0 1 2.86-6.108 9.868 9.868 0 0 1 6.076-2.908V.5h1.978v3.346c-3.088 0-5.374.728-7.303 3.242l5.306-.043a.992.992 0 1 1 0 1.984l-6.428.037c-.616 1.59-.69 2.342-.702 3.976Zm18.106-.007a10.087 10.087 0 0 1-2.822 6.083 9.84 9.84 0 0 1-6.157 2.94l.006 1.534-1.978.007-.012-3.34c3.13-.013 5.392-.703 7.352-3.255h-5.405a.996.996 0 0 1-.992-.992c0-.548.45-.992.992-.992h6.527c.61-1.54.678-2.367.671-3.957l3.34-.012.013 1.978-1.535.006Zm-13.97-1.978h7.894v1.978H7.994v-1.978Z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
fillRule="nonzero"
|
|
10
|
+
/>
|
|
10
11
|
</svg>
|
|
11
12
|
);
|
|
12
13
|
|
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsTrash = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
d="M5 5h14v2H5V5zm11 14H8V8H6v11c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V8h-2v11zM11 2h2v2h-2V2z"
|
|
9
|
+
id="icons-trash_svg__a"
|
|
10
|
+
/>
|
|
10
11
|
</defs>
|
|
11
|
-
<use
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
xlinkHref="#icons-trash_svg__a"/>
|
|
12
|
+
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-trash_svg__a" />
|
|
15
13
|
</svg>
|
|
16
14
|
);
|
|
17
15
|
|
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsTrigger = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
d="M7.133 13h4.469a1.001 1.001 0 0 1 .969 1.243l-.688 2.746 4.984-5.99h-4.468a.998.998 0 0 1-.97-1.242l.688-2.746L7.133 13zm2.713 9a1 1 0 0 1-.97-1.243L10.32 15H5a1 1 0 0 1-.768-1.64l9.154-11a1 1 0 0 1 1.738.883L13.68 9H19a1 1 0 0 1 .769 1.64l-9.155 11a1 1 0 0 1-.768.36z"
|
|
9
|
+
id="icons-trigger_svg__a"
|
|
10
|
+
/>
|
|
10
11
|
</defs>
|
|
11
|
-
<use
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
xlinkHref="#icons-trigger_svg__a"/>
|
|
12
|
+
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-trigger_svg__a" />
|
|
15
13
|
</svg>
|
|
16
14
|
);
|
|
17
15
|
|
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsTwitter = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
d="M8.659 19.619c6.796 0 10.513-5.863 10.513-10.947 0-.167 0-.333-.011-.498a7.698 7.698 0 0 0 1.843-1.991 7.148 7.148 0 0 1-2.122.605 3.838 3.838 0 0 0 1.625-2.128 7.229 7.229 0 0 1-2.347.934c-1.145-1.268-2.965-1.579-4.439-.757-1.474.821-2.235 2.57-1.857 4.266-2.97-.155-5.739-1.616-7.615-4.02-.98 1.758-.48 4.007 1.144 5.136a3.557 3.557 0 0 1-1.677-.481v.048c0 1.832 1.24 3.41 2.964 3.772a3.547 3.547 0 0 1-1.668.066c.484 1.567 1.871 2.641 3.452 2.672a7.229 7.229 0 0 1-4.589 1.65c-.294 0-.587-.019-.88-.055a10.16 10.16 0 0 0 5.664 1.725"
|
|
9
|
+
id="icons-twitter_svg__a"
|
|
10
|
+
/>
|
|
10
11
|
</defs>
|
|
11
|
-
<use
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
xlinkHref="#icons-twitter_svg__a"/>
|
|
12
|
+
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-twitter_svg__a" />
|
|
15
13
|
</svg>
|
|
16
14
|
);
|
|
17
15
|
|
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsValidateShield = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
d="m17.1 8.653-1.4-1.455-5.4 5.614-1.9-2.08-1.4 1.56 3.3 3.43 6.8-7.069zM20 2H4c-1.1 0-2 .936-2 2.08v11.85c0 .728.4 1.456 1 1.768l8 4.99c.3.208.7.312 1 .312.4 0 .7-.104 1-.312l8-4.99c.6-.416 1-1.04 1-1.767V4.079C22 2.936 21.1 2 20 2zm0 13.93-8 4.99-8-4.99V4.08h16v11.85z"
|
|
9
|
+
id="icons-validate-shield_svg__a"
|
|
10
|
+
/>
|
|
10
11
|
</defs>
|
|
11
|
-
<use
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
xlinkHref="#icons-validate-shield_svg__a"/>
|
|
12
|
+
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-validate-shield_svg__a" />
|
|
15
13
|
</svg>
|
|
16
14
|
);
|
|
17
15
|
|
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsWarning = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
d="M21.8 19.102 13.806 3.114a2.002 2.002 0 0 0-2.698-.899c-.3.2-.6.5-.8.9L2.216 19.101c-.5 1-.1 2.199.9 2.698.3.1.599.2.899.2h15.988A2.003 2.003 0 0 0 22 20.002c0-.3-.1-.6-.2-.9zm-17.786.9 7.994-15.988 7.994 15.988H4.014zm6.994-9.993h1.999v4.996h-1.999V10.01zm0 5.996h1.999v1.998h-1.999v-1.998z"
|
|
9
|
+
id="icons-warning_svg__a"
|
|
10
|
+
/>
|
|
10
11
|
</defs>
|
|
11
|
-
<use
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
xlinkHref="#icons-warning_svg__a"/>
|
|
12
|
+
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-warning_svg__a" />
|
|
15
13
|
</svg>
|
|
16
14
|
);
|
|
17
15
|
|
|
@@ -2,15 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsWebUi = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} fill="none" viewBox="0 0 24 24">
|
|
6
|
+
<path d="M15.988 10V8H11v5h2v-1.544l2.523 2.567 1.415-1.414L14.373 10h1.615Z" fill="currentColor" />
|
|
6
7
|
<path
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"/>
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M18 4H6a2 2 0 0 0-2 2v11h16V6a2 2 0 0 0-2-2Zm0 2v9H6V6h12Z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
fillRule="evenodd"
|
|
12
|
+
/>
|
|
14
13
|
<path d="M2 18h20v2H2v-2Z" fill="currentColor" />
|
|
15
14
|
</svg>
|
|
16
15
|
);
|
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsWindow = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
d="M6 8h10v2H6V8zm14-4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V7h16v11zM6 11h12v2H6v-2zm0 3h8v2H6v-2z"
|
|
9
|
+
id="icons-window_svg__a"
|
|
10
|
+
/>
|
|
10
11
|
</defs>
|
|
11
|
-
<use
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
xlinkHref="#icons-window_svg__a"/>
|
|
12
|
+
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-window_svg__a" />
|
|
15
13
|
</svg>
|
|
16
14
|
);
|
|
17
15
|
|
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsWorkflow = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
d="M18.5 8V3h-5V2h-3v1h-5v5h5v1h-5v5h5v1h-5v5h5v2h3v-2h5v-5h-5v-1h5V9h-5V8h5zm-2 9v1h-9v-1h9zm0-6v1h-9v-1h9zm-9-5V5h9v1h-9z"
|
|
9
|
+
id="icons-workflow_svg__a"
|
|
10
|
+
/>
|
|
10
11
|
</defs>
|
|
11
|
-
<use
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
xlinkHref="#icons-workflow_svg__a"/>
|
|
12
|
+
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-workflow_svg__a" />
|
|
15
13
|
</svg>
|
|
16
14
|
);
|
|
17
15
|
|
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsWorkflowFlow = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
d="M14.857 4.857H10C9.524 3.238 8.095 2 6.286 2a3.82 3.82 0 0 0-3.81 3.81 3.82 3.82 0 0 0 3.81 3.809c1.81 0 3.238-1.238 3.714-2.857h4.857c2.667 0 4.762 2.095 4.762 4.762 0 1.714-.857 3.238-2.286 4.095-.571-1.333-1.904-2.19-3.428-2.19-1.81 0-3.238 1.238-3.715 2.857h-.476c-2.666 0-4.762 2.19-4.762 4.762h1.905c0-1.62 1.333-2.858 2.857-2.858h.476c.381 1.62 1.905 2.858 3.715 2.858 2 0 3.619-1.524 3.81-3.524 2.285-1.048 3.809-3.429 3.809-6a6.626 6.626 0 0 0-6.667-6.667zM6.286 7.714A1.91 1.91 0 0 1 4.38 5.81a1.91 1.91 0 0 1 1.905-1.905A1.91 1.91 0 0 1 8.19 5.81a1.91 1.91 0 0 1-1.904 1.904zm7.619 11.429A1.91 1.91 0 0 1 12 17.238a1.91 1.91 0 0 1 1.905-1.905 1.91 1.91 0 0 1 1.905 1.905 1.91 1.91 0 0 1-1.905 1.905z"
|
|
9
|
+
id="icons-workflow-flow_svg__a"
|
|
10
|
+
/>
|
|
10
11
|
</defs>
|
|
11
|
-
<use
|
|
12
|
-
fill="currentColor"
|
|
13
|
-
fillRule="evenodd"
|
|
14
|
-
xlinkHref="#icons-workflow-flow_svg__a"/>
|
|
12
|
+
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-workflow-flow_svg__a" />
|
|
15
13
|
</svg>
|
|
16
14
|
);
|
|
17
15
|
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
const SvgIconsWow = (props: React.SVGProps<SVGSVGElement>) => (
|
|
5
|
-
<svg {
|
|
5
|
+
<svg {...props} viewBox="0 0 24 24">
|
|
6
6
|
<defs>
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
d="M6 12.5H4v-2H2v8h2v1h2v-2h2v-9H6v4zm14-8v4h-2v-2h-2v8h2v1h2v-2h2v-9h-2zm-6 6H9v7h1v1h5v-7h-1v-1zm-1 6h-2v-4h2v4z"
|
|
9
|
+
id="icons-wow_svg__a"
|
|
10
|
+
/>
|
|
10
11
|
</defs>
|
|
11
12
|
<use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-wow_svg__a" />
|
|
12
13
|
</svg>
|
package/src/Icon/tsx/index.ts
CHANGED
package/src/index.ts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import 'normalize.css/normalize.css';
|
|
2
1
|
import './variables.css';
|
|
3
|
-
import './root.css';
|
|
4
2
|
|
|
5
3
|
import * as variables from './variables';
|
|
6
4
|
import * as hooks from './hooks';
|
|
7
5
|
|
|
8
6
|
export { variables };
|
|
9
7
|
export { hooks };
|
|
8
|
+
export { default as Provider } from './Components/Provider/Provider';
|
|
10
9
|
|
|
11
10
|
export type { TypeBorderRadius, TypeSizes, TypeColors } from './Base/Base';
|
|
12
11
|
export type { TypeIconName } from './Icon/Icon';
|
package/src/theme.ts
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { SystemStyleObject } from '@chakra-ui/react';
|
|
2
|
+
|
|
3
|
+
import colors from './Foundations/Colors/Colors';
|
|
4
|
+
import radii from './Foundations/Radii/Radii.theme';
|
|
5
|
+
import shadows from './Foundations/Shadows/Shadows';
|
|
6
|
+
import sizes from './Foundations/Sizes/Sizes';
|
|
7
|
+
import typography from './Foundations/Typography/Typography';
|
|
8
|
+
|
|
9
|
+
import Text from './Components/Text/Text.theme';
|
|
10
|
+
|
|
11
|
+
const theme = {
|
|
12
|
+
config: {
|
|
13
|
+
cssVarPrefix: '',
|
|
14
|
+
},
|
|
15
|
+
colors,
|
|
16
|
+
...typography,
|
|
17
|
+
radii,
|
|
18
|
+
shadows,
|
|
19
|
+
sizes,
|
|
20
|
+
spacing: sizes,
|
|
21
|
+
styles: {
|
|
22
|
+
global: {
|
|
23
|
+
body: {
|
|
24
|
+
color: 'text.body',
|
|
25
|
+
fontFamily: 'body',
|
|
26
|
+
fontSize: '3',
|
|
27
|
+
lineHeight: '3',
|
|
28
|
+
},
|
|
29
|
+
'pre, code, kbd, samp': {
|
|
30
|
+
fontFamily: 'mono',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
components: {
|
|
35
|
+
Text,
|
|
36
|
+
},
|
|
37
|
+
} as SystemStyleObject;
|
|
38
|
+
|
|
39
|
+
export default theme;
|
package/tsconfig.json
CHANGED
|
@@ -7,14 +7,17 @@
|
|
|
7
7
|
"declarationMap": true,
|
|
8
8
|
"esModuleInterop": true,
|
|
9
9
|
"forceConsistentCasingInFileNames": true,
|
|
10
|
-
"jsx": "react",
|
|
10
|
+
"jsx": "react-jsx",
|
|
11
11
|
"module": "commonjs",
|
|
12
12
|
"moduleResolution": "node",
|
|
13
13
|
"paths": {
|
|
14
14
|
"*": ["@types/*"],
|
|
15
|
-
"@bitrise/bitkit": ["src"]
|
|
15
|
+
"@bitrise/bitkit": ["src"],
|
|
16
|
+
"@/*": ["src/*"]
|
|
16
17
|
},
|
|
17
18
|
"resolveJsonModule": true,
|
|
19
|
+
// https://github.com/chakra-ui/chakra-ui/issues/2955
|
|
20
|
+
"skipLibCheck": true,
|
|
18
21
|
"sourceMap": true,
|
|
19
22
|
"strict": true,
|
|
20
23
|
"target": "es5"
|
package/src/root.css
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
/* stylelint-disable selector-max-universal, selector-max-id, selector-max-type */
|
|
2
|
-
|
|
3
|
-
*,
|
|
4
|
-
*::before,
|
|
5
|
-
*::after {
|
|
6
|
-
box-sizing: inherit;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
html {
|
|
10
|
-
min-height: 100%;
|
|
11
|
-
box-sizing: border-box;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
body:not(.bitrise-legacy) {
|
|
15
|
-
color: var(--color-grape--5);
|
|
16
|
-
font-family: var(--font-family);
|
|
17
|
-
font-size: var(--font-size--3);
|
|
18
|
-
-webkit-font-smoothing: antialiased;
|
|
19
|
-
-moz-osx-font-smoothing: grayscale;
|
|
20
|
-
line-height: var(--line-height--3);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
canvas {
|
|
24
|
-
display: block;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
svg:not(:root) {
|
|
28
|
-
overflow: visible;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
a {
|
|
32
|
-
color: inherit;
|
|
33
|
-
text-decoration: none;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
p,
|
|
37
|
-
h1,
|
|
38
|
-
h2,
|
|
39
|
-
h3,
|
|
40
|
-
h4,
|
|
41
|
-
h5,
|
|
42
|
-
h6 {
|
|
43
|
-
margin: unset;
|
|
44
|
-
font-weight: unset;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
button {
|
|
48
|
-
font-size: inherit;
|
|
49
|
-
font-weight: inherit;
|
|
50
|
-
|
|
51
|
-
&:hover { cursor: pointer; }
|
|
52
|
-
&:focus { outline: 0; }
|
|
53
|
-
|
|
54
|
-
&[disabled],
|
|
55
|
-
&[disabled]:hover,
|
|
56
|
-
&[disabled]:active {
|
|
57
|
-
cursor: default;
|
|
58
|
-
}
|
|
59
|
-
}
|