@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.
Files changed (207) hide show
  1. package/.eslintrc.js +2 -1
  2. package/.storybook/main.js +35 -0
  3. package/.storybook/manager.js +6 -0
  4. package/.storybook/preview.tsx +20 -0
  5. package/.storybook/theme.js +7 -0
  6. package/CHANGELOG.md +14 -44
  7. package/package.json +37 -19
  8. package/release.config.js +1 -1
  9. package/site/components/CodeBlock/CodeBlock.css +2 -2
  10. package/site/components/Documentation/Documentation.tsx +56 -53
  11. package/site/components/Root/Root.tsx +1 -1
  12. package/site/index.html +1 -1
  13. package/src/Components/Provider/Provider.tsx +9 -0
  14. package/src/Components/Text/Text.stories.tsx +20 -0
  15. package/src/Components/Text/Text.theme.ts +38 -0
  16. package/src/Components/Text/Text.tsx +72 -0
  17. package/src/Foundations/Colors/Colors.examples.tsx +13 -0
  18. package/src/Foundations/Colors/Colors.stories.mdx +8 -0
  19. package/src/Foundations/Colors/Colors.ts +128 -0
  20. package/src/Foundations/Radii/Radii.examples.tsx +17 -0
  21. package/src/Foundations/Radii/Radii.stories.mdx +8 -0
  22. package/src/Foundations/Radii/Radii.theme.ts +9 -0
  23. package/src/Foundations/Shadows/Shadows.examples.tsx +17 -0
  24. package/src/Foundations/Shadows/Shadows.stories.mdx +8 -0
  25. package/src/Foundations/Shadows/Shadows.ts +9 -0
  26. package/src/Foundations/Sizes/Sizes.examples.tsx +17 -0
  27. package/src/Foundations/Sizes/Sizes.stories.mdx +8 -0
  28. package/src/Foundations/Sizes/Sizes.ts +14 -0
  29. package/src/Foundations/Typography/Typography.examples.tsx +50 -0
  30. package/src/Foundations/Typography/Typography.stories.mdx +14 -0
  31. package/src/Foundations/Typography/Typography.ts +32 -0
  32. package/src/Icon/tsx/IconsAddOns.tsx +5 -4
  33. package/src/Icon/tsx/IconsAddOnsColorTuorqouise.tsx +8 -8
  34. package/src/Icon/tsx/IconsAddOnsColorViolet.tsx +7 -5
  35. package/src/Icon/tsx/IconsAddOnsWhite.tsx +7 -5
  36. package/src/Icon/tsx/IconsApp.tsx +4 -3
  37. package/src/Icon/tsx/IconsArrowBack.tsx +5 -4
  38. package/src/Icon/tsx/IconsArrowDown.tsx +9 -7
  39. package/src/Icon/tsx/IconsArrowForward.tsx +5 -7
  40. package/src/Icon/tsx/IconsArrowQuit.tsx +5 -4
  41. package/src/Icon/tsx/IconsArrowUp.tsx +5 -4
  42. package/src/Icon/tsx/IconsBackArrow.tsx +3 -8
  43. package/src/Icon/tsx/IconsBell.tsx +5 -7
  44. package/src/Icon/tsx/IconsBitbot.tsx +5 -7
  45. package/src/Icon/tsx/IconsBitbotFailed.tsx +6 -5
  46. package/src/Icon/tsx/IconsBitbucket.tsx +10 -14
  47. package/src/Icon/tsx/IconsBitbucketFill.tsx +5 -4
  48. package/src/Icon/tsx/IconsBitriseCertified.tsx +9 -7
  49. package/src/Icon/tsx/IconsBook.tsx +5 -7
  50. package/src/Icon/tsx/IconsBranchBranch.tsx +5 -7
  51. package/src/Icon/tsx/IconsBranchCommit.tsx +5 -4
  52. package/src/Icon/tsx/IconsBranchPull.tsx +5 -7
  53. package/src/Icon/tsx/IconsBranchPush.tsx +9 -7
  54. package/src/Icon/tsx/IconsBranchTag.tsx +5 -7
  55. package/src/Icon/tsx/IconsBug.tsx +4 -3
  56. package/src/Icon/tsx/IconsBuild.tsx +5 -4
  57. package/src/Icon/tsx/IconsBuildstatusAborted.tsx +5 -7
  58. package/src/Icon/tsx/IconsBuildstatusAbortedSolid.tsx +7 -8
  59. package/src/Icon/tsx/IconsBuildstatusFailed.tsx +5 -7
  60. package/src/Icon/tsx/IconsBuildstatusFailedSolid.tsx +7 -8
  61. package/src/Icon/tsx/IconsBuildstatusLoading.tsx +1 -1
  62. package/src/Icon/tsx/IconsBuildstatusLoadingAnimated.tsx +20 -42
  63. package/src/Icon/tsx/IconsBuildstatusLoadingeeehh.tsx +3 -7
  64. package/src/Icon/tsx/IconsBuildstatusLoadingeeehhWhite.tsx +3 -7
  65. package/src/Icon/tsx/IconsBuildstatusNeverbuilt.tsx +6 -7
  66. package/src/Icon/tsx/IconsBuildstatusSuccessful.tsx +6 -10
  67. package/src/Icon/tsx/IconsBuildstatusSuccessfulSolid.tsx +7 -8
  68. package/src/Icon/tsx/IconsCalendar.tsx +5 -7
  69. package/src/Icon/tsx/IconsChain.tsx +5 -7
  70. package/src/Icon/tsx/IconsChangePlan.tsx +5 -4
  71. package/src/Icon/tsx/IconsChat.tsx +5 -4
  72. package/src/Icon/tsx/IconsChatMessage.tsx +5 -7
  73. package/src/Icon/tsx/IconsChevronDown.tsx +3 -8
  74. package/src/Icon/tsx/IconsChevronLeft.tsx +5 -7
  75. package/src/Icon/tsx/IconsChevronRight.tsx +5 -7
  76. package/src/Icon/tsx/IconsChevronUp.tsx +6 -5
  77. package/src/Icon/tsx/IconsClock.tsx +5 -7
  78. package/src/Icon/tsx/IconsCloseSmall.tsx +5 -7
  79. package/src/Icon/tsx/IconsCode.tsx +5 -7
  80. package/src/Icon/tsx/IconsCoffee.tsx +5 -7
  81. package/src/Icon/tsx/IconsConsole.tsx +4 -3
  82. package/src/Icon/tsx/IconsCredit.tsx +11 -9
  83. package/src/Icon/tsx/IconsCreditcard.tsx +7 -8
  84. package/src/Icon/tsx/IconsCrown.tsx +9 -7
  85. package/src/Icon/tsx/IconsDeleteNope.tsx +6 -5
  86. package/src/Icon/tsx/IconsDeployment.tsx +5 -4
  87. package/src/Icon/tsx/IconsDoc.tsx +4 -3
  88. package/src/Icon/tsx/IconsDollars.tsx +5 -7
  89. package/src/Icon/tsx/IconsDownload.tsx +5 -7
  90. package/src/Icon/tsx/IconsDropdownArrows.tsx +5 -7
  91. package/src/Icon/tsx/IconsDudes.tsx +5 -4
  92. package/src/Icon/tsx/IconsDuplicate.tsx +5 -4
  93. package/src/Icon/tsx/IconsEnterprise.tsx +9 -7
  94. package/src/Icon/tsx/IconsErrorGeneral.tsx +7 -8
  95. package/src/Icon/tsx/IconsFileDoc.tsx +5 -7
  96. package/src/Icon/tsx/IconsFilePdf.tsx +5 -7
  97. package/src/Icon/tsx/IconsFilePlist.tsx +5 -7
  98. package/src/Icon/tsx/IconsFileZip.tsx +5 -7
  99. package/src/Icon/tsx/IconsFilter.tsx +5 -7
  100. package/src/Icon/tsx/IconsFlag.tsx +3 -8
  101. package/src/Icon/tsx/IconsFolder.tsx +5 -7
  102. package/src/Icon/tsx/IconsFullscreen.tsx +5 -4
  103. package/src/Icon/tsx/IconsFullscreenExit.tsx +5 -4
  104. package/src/Icon/tsx/IconsGauge.tsx +7 -8
  105. package/src/Icon/tsx/IconsGithub.tsx +5 -4
  106. package/src/Icon/tsx/IconsGitlab.tsx +6 -5
  107. package/src/Icon/tsx/IconsGitlabFill.tsx +5 -4
  108. package/src/Icon/tsx/IconsGlobe.tsx +5 -7
  109. package/src/Icon/tsx/IconsGroup.tsx +5 -4
  110. package/src/Icon/tsx/IconsHeart.tsx +5 -4
  111. package/src/Icon/tsx/IconsHidePassword.tsx +9 -7
  112. package/src/Icon/tsx/IconsHistory.tsx +5 -6
  113. package/src/Icon/tsx/IconsImage.tsx +5 -4
  114. package/src/Icon/tsx/IconsInfo.tsx +5 -4
  115. package/src/Icon/tsx/IconsIntegrations.tsx +5 -4
  116. package/src/Icon/tsx/IconsInteraction.tsx +5 -4
  117. package/src/Icon/tsx/IconsInvoice.tsx +5 -7
  118. package/src/Icon/tsx/IconsJapanese.tsx +6 -5
  119. package/src/Icon/tsx/IconsKey.tsx +5 -4
  120. package/src/Icon/tsx/IconsLaptop.tsx +3 -8
  121. package/src/Icon/tsx/IconsLaptops.tsx +4 -3
  122. package/src/Icon/tsx/IconsLightbulb.tsx +5 -7
  123. package/src/Icon/tsx/IconsLock.tsx +5 -7
  124. package/src/Icon/tsx/IconsLogin.tsx +5 -7
  125. package/src/Icon/tsx/IconsLogout.tsx +5 -7
  126. package/src/Icon/tsx/IconsMagnifier.tsx +5 -7
  127. package/src/Icon/tsx/IconsMail.tsx +5 -7
  128. package/src/Icon/tsx/IconsMenuGrid.tsx +5 -7
  129. package/src/Icon/tsx/IconsMenuHamburger.tsx +3 -8
  130. package/src/Icon/tsx/IconsMessage.tsx +5 -7
  131. package/src/Icon/tsx/IconsMinusClose.tsx +1 -1
  132. package/src/Icon/tsx/IconsMinusRemove.tsx +5 -7
  133. package/src/Icon/tsx/IconsMobile.tsx +5 -7
  134. package/src/Icon/tsx/IconsMonitoring.tsx +5 -4
  135. package/src/Icon/tsx/IconsMore.tsx +5 -7
  136. package/src/Icon/tsx/IconsNoTie.tsx +5 -4
  137. package/src/Icon/tsx/IconsNumero.tsx +5 -7
  138. package/src/Icon/tsx/IconsOpenInBrowser.tsx +5 -7
  139. package/src/Icon/tsx/IconsOverview.tsx +5 -4
  140. package/src/Icon/tsx/IconsOwner.tsx +9 -7
  141. package/src/Icon/tsx/IconsPause.tsx +5 -4
  142. package/src/Icon/tsx/IconsPencil.tsx +7 -8
  143. package/src/Icon/tsx/IconsPercent.tsx +5 -4
  144. package/src/Icon/tsx/IconsPerson.tsx +5 -4
  145. package/src/Icon/tsx/IconsPlatformsAndroid.tsx +5 -7
  146. package/src/Icon/tsx/IconsPlatformsApple.tsx +5 -7
  147. package/src/Icon/tsx/IconsPlatformsCordova.tsx +5 -4
  148. package/src/Icon/tsx/IconsPlatformsFastlane.tsx +5 -4
  149. package/src/Icon/tsx/IconsPlatformsFlutter.tsx +5 -4
  150. package/src/Icon/tsx/IconsPlatformsGo.tsx +4 -3
  151. package/src/Icon/tsx/IconsPlatformsIonic.tsx +5 -4
  152. package/src/Icon/tsx/IconsPlatformsMacos.tsx +5 -4
  153. package/src/Icon/tsx/IconsPlatformsNodejs.tsx +4 -3
  154. package/src/Icon/tsx/IconsPlatformsOther.tsx +11 -9
  155. package/src/Icon/tsx/IconsPlatformsReact.tsx +5 -4
  156. package/src/Icon/tsx/IconsPlatformsXamarin.tsx +5 -4
  157. package/src/Icon/tsx/IconsPlay.tsx +5 -7
  158. package/src/Icon/tsx/IconsPlusAdd.tsx +5 -7
  159. package/src/Icon/tsx/IconsPlusOpen.tsx +2 -5
  160. package/src/Icon/tsx/IconsPower.tsx +2 -4
  161. package/src/Icon/tsx/IconsRefresh.tsx +4 -3
  162. package/src/Icon/tsx/IconsRequest.tsx +5 -4
  163. package/src/Icon/tsx/IconsResponsiveness.tsx +5 -4
  164. package/src/Icon/tsx/IconsSave.tsx +5 -4
  165. package/src/Icon/tsx/IconsSecurityShield.tsx +5 -7
  166. package/src/Icon/tsx/IconsSettings.tsx +5 -7
  167. package/src/Icon/tsx/IconsShip.tsx +5 -4
  168. package/src/Icon/tsx/IconsShowPassword.tsx +5 -7
  169. package/src/Icon/tsx/IconsShuffle.tsx +5 -7
  170. package/src/Icon/tsx/IconsStability.tsx +4 -3
  171. package/src/Icon/tsx/IconsStack.tsx +5 -7
  172. package/src/Icon/tsx/IconsStatus.tsx +5 -7
  173. package/src/Icon/tsx/IconsStepThirdParty.tsx +7 -8
  174. package/src/Icon/tsx/IconsStepUpgrade.tsx +2 -5
  175. package/src/Icon/tsx/IconsStepUpgradeCircle.tsx +2 -2
  176. package/src/Icon/tsx/IconsStepVersionOk.tsx +3 -5
  177. package/src/Icon/tsx/IconsSteps.tsx +5 -4
  178. package/src/Icon/tsx/IconsStepsColorTuorqouise.tsx +3 -7
  179. package/src/Icon/tsx/IconsStepsColorViolet.tsx +3 -7
  180. package/src/Icon/tsx/IconsStepsWhite.tsx +3 -7
  181. package/src/Icon/tsx/IconsStopwatch.tsx +5 -7
  182. package/src/Icon/tsx/IconsSupport.tsx +5 -7
  183. package/src/Icon/tsx/IconsSwitch.tsx +1 -1
  184. package/src/Icon/tsx/IconsTestFailed.tsx +5 -4
  185. package/src/Icon/tsx/IconsTestInconclusive.tsx +5 -4
  186. package/src/Icon/tsx/IconsTestInfo.tsx +5 -4
  187. package/src/Icon/tsx/IconsTestSkipped.tsx +5 -4
  188. package/src/Icon/tsx/IconsTestSuccess.tsx +5 -4
  189. package/src/Icon/tsx/IconsTestWarning.tsx +5 -4
  190. package/src/Icon/tsx/IconsTick.tsx +3 -8
  191. package/src/Icon/tsx/IconsTime.tsx +5 -7
  192. package/src/Icon/tsx/IconsTrace.tsx +5 -4
  193. package/src/Icon/tsx/IconsTrash.tsx +5 -7
  194. package/src/Icon/tsx/IconsTrigger.tsx +5 -7
  195. package/src/Icon/tsx/IconsTwitter.tsx +5 -7
  196. package/src/Icon/tsx/IconsValidateShield.tsx +5 -7
  197. package/src/Icon/tsx/IconsWarning.tsx +5 -7
  198. package/src/Icon/tsx/IconsWebUi.tsx +7 -8
  199. package/src/Icon/tsx/IconsWindow.tsx +5 -7
  200. package/src/Icon/tsx/IconsWorkflow.tsx +5 -7
  201. package/src/Icon/tsx/IconsWorkflowFlow.tsx +5 -7
  202. package/src/Icon/tsx/IconsWow.tsx +4 -3
  203. package/src/Icon/tsx/index.ts +1 -0
  204. package/src/index.ts +1 -2
  205. package/src/theme.ts +39 -0
  206. package/tsconfig.json +5 -2
  207. 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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <defs>
7
7
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <defs>
7
7
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <defs>
7
7
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <defs>
7
7
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <defs>
7
7
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <defs>
7
7
  <path
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"/>
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 { ...props } fill="none" viewBox="0 0 24 24">
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
- d="M15.988 10V8H11v5h2v-1.544l2.523 2.567 1.415-1.414L14.373 10h1.615Z"
8
- fill="currentColor"/>
9
- <path
10
- clipRule="evenodd"
11
- d="M18 4H6a2 2 0 0 0-2 2v11h16V6a2 2 0 0 0-2-2Zm0 2v9H6V6h12Z"
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <defs>
7
7
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <defs>
7
7
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <defs>
7
7
  <path
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"/>
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 { ...props } viewBox="0 0 24 24">
5
+ <svg {...props} viewBox="0 0 24 24">
6
6
  <defs>
7
7
  <path
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"/>
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>
@@ -518,6 +518,7 @@ export const IconList: TypeIconName[] = [
518
518
  ];
519
519
 
520
520
  export const IconMap: {
521
+ // eslint-disable-next-line @bitrise/ban-react-fc
521
522
  [key in TypeIconName]: React.FC<React.SVGProps<SVGSVGElement>>;
522
523
  } = {
523
524
  AddOnsColorTuorqouise,
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
- }