@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.
Files changed (139) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +2 -0
  3. package/lib/cjs/AddonBeam/AddonBeam.js +1 -1
  4. package/lib/cjs/AddonBeam/AddonBeam.js.map +1 -1
  5. package/lib/cjs/AddonFooter/AddonFooter.js +2 -2
  6. package/lib/cjs/AddonFooter/AddonFooter.js.map +1 -1
  7. package/lib/cjs/Avatar/Avatar.js +1 -1
  8. package/lib/cjs/Avatar/Avatar.js.map +1 -1
  9. package/lib/cjs/Badge/Badge.css +1 -0
  10. package/lib/cjs/Badge/Badge.d.ts.map +1 -1
  11. package/lib/cjs/Badge/Badge.js +1 -1
  12. package/lib/cjs/Badge/Badge.js.map +1 -1
  13. package/lib/cjs/Button/Button.css +3 -3
  14. package/lib/cjs/Button/ColorButton.css +3 -3
  15. package/lib/cjs/DatePicker/DatePickerMonth.js +1 -1
  16. package/lib/cjs/DatePicker/DatePickerMonth.js.map +1 -1
  17. package/lib/cjs/Input/InputInlineHelp.js +1 -1
  18. package/lib/cjs/Input/InputInlineHelp.js.map +1 -1
  19. package/lib/cjs/Input/InputLabel.js +1 -1
  20. package/lib/cjs/Input/InputLabel.js.map +1 -1
  21. package/lib/cjs/Modal/ModalTitle.js +1 -1
  22. package/lib/cjs/Modal/ModalTitle.js.map +1 -1
  23. package/lib/cjs/Progress/ProgressBitbot.js +1 -1
  24. package/lib/cjs/Progress/ProgressBitbot.js.map +1 -1
  25. package/lib/cjs/Status/Status404.js +2 -2
  26. package/lib/cjs/Status/Status404.js.map +1 -1
  27. package/lib/cjs/Status/Status500.js +3 -3
  28. package/lib/cjs/Status/Status500.js.map +1 -1
  29. package/lib/cjs/Text/Text.css +0 -19
  30. package/lib/cjs/Text/Text.d.ts +2 -8
  31. package/lib/cjs/Text/Text.d.ts.map +1 -1
  32. package/lib/cjs/Text/Text.js +3 -17
  33. package/lib/cjs/Text/Text.js.map +1 -1
  34. package/lib/cjs/Text/TextSizes.css +39 -0
  35. package/lib/cjs/Tooltip/Tooltip.js +1 -1
  36. package/lib/cjs/Tooltip/Tooltip.js.map +1 -1
  37. package/lib/cjs/index.d.ts +1 -1
  38. package/lib/cjs/index.d.ts.map +1 -1
  39. package/lib/cjs/index.js.map +1 -1
  40. package/lib/cjs/root.css +2 -2
  41. package/lib/cjs/tsconfig.tsbuildinfo +19 -19
  42. package/lib/cjs/variables.css +16 -16
  43. package/lib/cjs/variables.d.ts +16 -16
  44. package/lib/cjs/variables.d.ts.map +1 -1
  45. package/lib/cjs/variables.js +16 -16
  46. package/lib/cjs/variables.js.map +1 -1
  47. package/lib/esn/AddonBeam/AddonBeam.js +1 -1
  48. package/lib/esn/AddonBeam/AddonBeam.js.map +1 -1
  49. package/lib/esn/AddonFooter/AddonFooter.js +2 -2
  50. package/lib/esn/AddonFooter/AddonFooter.js.map +1 -1
  51. package/lib/esn/Avatar/Avatar.js +1 -1
  52. package/lib/esn/Avatar/Avatar.js.map +1 -1
  53. package/lib/esn/Badge/Badge.css +1 -0
  54. package/lib/esn/Badge/Badge.d.ts.map +1 -1
  55. package/lib/esn/Badge/Badge.js +1 -1
  56. package/lib/esn/Badge/Badge.js.map +1 -1
  57. package/lib/esn/Button/Button.css +3 -3
  58. package/lib/esn/Button/ColorButton.css +3 -3
  59. package/lib/esn/DatePicker/DatePickerMonth.js +1 -1
  60. package/lib/esn/DatePicker/DatePickerMonth.js.map +1 -1
  61. package/lib/esn/Input/InputInlineHelp.js +1 -1
  62. package/lib/esn/Input/InputInlineHelp.js.map +1 -1
  63. package/lib/esn/Input/InputLabel.js +1 -1
  64. package/lib/esn/Input/InputLabel.js.map +1 -1
  65. package/lib/esn/Modal/ModalTitle.js +1 -1
  66. package/lib/esn/Modal/ModalTitle.js.map +1 -1
  67. package/lib/esn/Progress/ProgressBitbot.js +1 -1
  68. package/lib/esn/Progress/ProgressBitbot.js.map +1 -1
  69. package/lib/esn/Status/Status404.js +2 -2
  70. package/lib/esn/Status/Status404.js.map +1 -1
  71. package/lib/esn/Status/Status500.js +3 -3
  72. package/lib/esn/Status/Status500.js.map +1 -1
  73. package/lib/esn/Text/Text.css +0 -19
  74. package/lib/esn/Text/Text.d.ts +2 -8
  75. package/lib/esn/Text/Text.d.ts.map +1 -1
  76. package/lib/esn/Text/Text.js +3 -17
  77. package/lib/esn/Text/Text.js.map +1 -1
  78. package/lib/esn/Text/TextSizes.css +39 -0
  79. package/lib/esn/Tooltip/Tooltip.js +1 -1
  80. package/lib/esn/Tooltip/Tooltip.js.map +1 -1
  81. package/lib/esn/index.d.ts +1 -1
  82. package/lib/esn/index.d.ts.map +1 -1
  83. package/lib/esn/index.js.map +1 -1
  84. package/lib/esn/root.css +2 -2
  85. package/lib/esn/tsconfig.tsbuildinfo +19 -19
  86. package/lib/esn/variables.css +16 -16
  87. package/lib/esn/variables.d.ts +16 -16
  88. package/lib/esn/variables.d.ts.map +1 -1
  89. package/lib/esn/variables.js +16 -16
  90. package/lib/esn/variables.js.map +1 -1
  91. package/package.json +1 -1
  92. package/site/components/CodeBlock/CodeBlock.css +2 -2
  93. package/site/components/Documentation/ComponentDocumentationPage.tsx +7 -7
  94. package/site/components/Documentation/Components/SectionCards.tsx +10 -10
  95. package/site/components/Documentation/Components/SectionDropdowns.tsx +1 -1
  96. package/site/components/Documentation/Components/SectionExpand.tsx +6 -6
  97. package/site/components/Documentation/Components/SectionFlex.tsx +1 -1
  98. package/site/components/Documentation/Components/SectionGrid.tsx +1 -1
  99. package/site/components/Documentation/Components/SectionIcons.tsx +1 -1
  100. package/site/components/Documentation/Components/SectionModals.tsx +3 -3
  101. package/site/components/Documentation/Components/SectionSidebar.tsx +1 -1
  102. package/site/components/Documentation/Components/SectionStatusSandbox404.tsx +1 -1
  103. package/site/components/Documentation/Components/SectionText.tsx +6 -6
  104. package/site/components/Documentation/Materials/SectionColors.tsx +6 -6
  105. package/site/components/Documentation/Materials/SectionIcons.tsx +2 -2
  106. package/site/components/Documentation/Materials/SectionTypography.tsx +39 -83
  107. package/site/components/Page/PageTitle.tsx +1 -1
  108. package/site/components/PropsTable/PropsTable.tsx +1 -1
  109. package/site/components/PropsTable/PropsTableCellUnion.tsx +1 -1
  110. package/site/components/PropsTable/PropsTableRow.tsx +3 -3
  111. package/site/components/Root/Root.tsx +5 -4
  112. package/site/components/Section/SectionSubTitle.tsx +1 -1
  113. package/site/components/Section/SectionTitle.tsx +1 -1
  114. package/site/components/Window/Window.tsx +1 -1
  115. package/src/AddonBeam/AddonBeam.tsx +1 -1
  116. package/src/AddonFooter/AddonFooter.tsx +2 -2
  117. package/src/Avatar/Avatar.tsx +1 -1
  118. package/src/Badge/Badge.css +1 -0
  119. package/src/Badge/Badge.tsx +2 -1
  120. package/src/Button/Button.css +3 -3
  121. package/src/Button/ColorButton.css +3 -3
  122. package/src/DatePicker/DatePickerMonth.tsx +1 -1
  123. package/src/Input/InputInlineHelp.tsx +1 -1
  124. package/src/Input/InputLabel.tsx +1 -1
  125. package/src/Modal/ModalTitle.tsx +1 -1
  126. package/src/Progress/ProgressBitbot.tsx +1 -1
  127. package/src/Status/Status404.tsx +2 -2
  128. package/src/Status/Status500.tsx +3 -3
  129. package/src/Text/Text.css +0 -19
  130. package/src/Text/Text.tsx +4 -27
  131. package/src/Text/TextSizes.css +39 -0
  132. package/src/Tooltip/Tooltip.tsx +1 -1
  133. package/src/index.ts +1 -1
  134. package/src/root.css +2 -2
  135. package/src/variables.css +16 -16
  136. package/src/variables.ts +17 -17
  137. package/lib/cjs/Text/TextConfigurations.css +0 -56
  138. package/lib/esn/Text/TextConfigurations.css +0 -56
  139. package/src/Text/TextConfigurations.css +0 -56
@@ -1 +1 @@
1
- {"version":3,"file":"variables.js","sourceRoot":"","sources":["../../src/variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AAEpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AAEpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AAErC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC;AACnC,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC;AACnC,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC;AACnC,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC;AACnC,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC;AAEnC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AAEtC,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AAErC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;AACxC,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;AACxC,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;AACxC,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;AACxC,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AAEtC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACrC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAE1C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACrC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AACpC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;IAEnB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IAEpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IAEpB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IAEtB,UAAU,EAAE,aAAa;IAEzB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IAExB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IAExB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IAEtB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IAEpB,YAAY,EAAE,cAAc;IAC5B,YAAY,EAAE,cAAc;IAC5B,YAAY,EAAE,cAAc;IAC5B,YAAY,EAAE,cAAc;IAC5B,YAAY,EAAE,cAAc;IAE5B,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IAEjB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAElB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAElB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IAEpB,UAAU,EAAE,WAAW;IAEvB,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,OAAO;IAEhB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IAEtB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IAEtB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IAEpB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAElB,YAAY,EAAE,YAAY;IAC1B,YAAY,EAAE,YAAY;IAC1B,YAAY,EAAE,YAAY;IAC1B,YAAY,EAAE,YAAY;IAC1B,YAAY,EAAE,YAAY;IAE1B,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,CAAC;AACzB,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,CAAC;AACzB,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,CAAC;AACzB,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,CAAC;AACzB,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,CAAC;AACzB,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAE/B,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AACrC,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AACrC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAErC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAC1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAC1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC"}
1
+ {"version":3,"file":"variables.js","sourceRoot":"","sources":["../../src/variables.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit",
3
3
  "description": "Bitrise React component library",
4
- "version": "7.14.1",
4
+ "version": "7.15.0-alpha.1",
5
5
  "repository": "git@github.com:bitrise-io/bitkit.git",
6
6
  "main": "lib/cjs/index.js",
7
7
  "esnext": "lib/esn/index.js",
@@ -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--x2);
10
+ font-size: var(--font-size--2);
11
11
  text-align: left;
12
- line-height: var(--line-height--x2);
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="x7" weight="bold">{ key }</Text>
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="x4" weight="bold">Components summary</Text>
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 config="8">{ description }</Text> }
60
+ { description && <Text size="2">{ description }</Text> }
61
61
  { !!componentsFilteredProps[displayName].length && (
62
- <Text config="8" margin="x1">Props: { componentsFilteredProps[displayName].map(([propName], index, { length }) =>
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="x4" weight="bold">Showcase</Text>
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="x4" weight="bold">Components API</Text>
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 config="8">{ 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="x2" textColor="grape-5" uppercase weight="bold">Unelevated</Text>
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="x2" textColor="grape-5" uppercase weight="bold">Elevation x2</Text>
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="x2" textColor="grape-5" uppercase weight="bold">Elevation x3</Text>
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="x2" textColor="grape-5" uppercase weight="bold">Vertically Divided Content</Text>
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="x2" textColor="gray-5" uppercase>Showing 1 / 1 Apps</Text>
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="x1" textColor="gray-4" uppercase weight="bold">Horizontal Divided Content</Text>
117
- <Text size="x2" textColor="gray-5" uppercase weight="bold">Horizontal Divided Content</Text>
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="x2" textColor="gray-5" uppercase weight="bold">Primary</Text>
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="x2" textColor="gray-5" uppercase weight="bold">Secondary</Text>
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="x2" textColor="gray-5" uppercase weight="bold">Tertiary</Text>
231
+ <Text size="2" textColor="gray-5" uppercase weight="bold">Tertiary</Text>
232
232
  </CardContent>
233
233
 
234
234
  <CardDivider />
@@ -270,7 +270,7 @@ const SectionDropdown = () => {
270
270
  </Flex>
271
271
 
272
272
  <Visibility Component={ Flex }>
273
- <Text size="x2">
273
+ <Text size="2">
274
274
  { selectedItems[item.value] ? '- Remove' : '+ Add' }
275
275
  </Text>
276
276
  </Visibility>
@@ -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" config="5" margin="x4">
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" config="5">
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" config="5" margin="x4">
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" config="7">
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" config="7">
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" config="7">
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>
@@ -14,7 +14,7 @@ const SectionBase = () => {
14
14
  </Flex>
15
15
 
16
16
  <Flex>
17
- <Text size="x3">Bitkit</Text>
17
+ <Text size="3">Bitkit</Text>
18
18
  </Flex>
19
19
  </Flex>
20
20
 
@@ -128,7 +128,7 @@ const SectionGrid = () => {
128
128
  </Flex>
129
129
 
130
130
  <Flex>
131
- <Text config="8">
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>
@@ -16,7 +16,7 @@ const SectionIcons = () => {
16
16
  padding="x2"
17
17
  title={ name }>
18
18
  <Icon name={ name } />
19
- <Text ellipsis margin="x1" size="x1">{ name }</Text>
19
+ <Text ellipsis margin="x1" size="1">{ name }</Text>
20
20
  </Flex>
21
21
  )) }
22
22
  </Grid>
@@ -99,10 +99,10 @@ const SectionModals = () => {
99
99
  </Flex>
100
100
 
101
101
  <Flex>
102
- <Text letterSpacing="x3" size="x4" textColor="grape-4" weight="bold">
102
+ <Text letterSpacing="x3" size="4" textColor="grape-4" weight="bold">
103
103
  Modals may have complex headers
104
104
  </Text>
105
- <Text size="x1" textColor="gray-7" uppercase>Even a subtitle fits in here!</Text>
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 config="5" textColor="grape-4">
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 config="6" margin="x3">{ theme }</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" config="5" margin="x8">
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" config="3" margin="x2">The spectacle before us was indeed sublime.</Text>
10
- <Text align="middle" config="7" margin="x2">
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" config="6" margin="x4" weight="bold">Bitbot</Text>
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" config="3" margin="x2">...</Text>
26
- <Text align="middle" config="7" margin="x2">...</Text>
27
- <Text align="middle" config="6" margin="x4" weight="bold">...</Text>
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="x7" weight="bold">Colors</Text>
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="x2" uppercase>{ activeColor.replace('-', ' ') }</Text>
129
- <Text size="x2"><code>{ variables.colorMap[activeColor] }</code></Text>
130
- <Text size="x2"><code>rgb({ variables.rgbMap[activeColor].join(', ') })</code></Text>
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="x2"><code>var(--color-{ activeColor.replace('-', '--') })</code></Text>
135
- <Text size="x2"><code>variables.color{ activeColor.charAt(0).toUpperCase() + activeColor.slice(1).replace('-', '') }</code></Text>
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="x7" weight="bold">Icons</Text>
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="x1">{ name }</Text>
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
- config: '1',
33
- fontSizePx: variables.fontSizeX8Px,
34
- letterSpacing: 'x3',
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
- config: '2',
41
- fontSizePx: variables.fontSizeX7Px,
42
- lineHeightPx: variables.lineHeightX7Px,
43
- size: 'x7',
44
- weight: 'bold',
29
+ fontSizePx: variables.fontSize2Px,
30
+ lineHeightPx: variables.lineHeight2Px,
31
+ size: '2',
45
32
  }, {
46
- config: '3',
47
- fontSizePx: variables.fontSizeX6Px,
48
- letterSpacing: 'x2',
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
- config: '4',
55
- fontSizePx: variables.fontSizeX5Px,
56
- letterSpacing: 'x1',
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
- config: '5',
63
- fontSizePx: variables.fontSizeX4Px,
64
- lineHeightPx: variables.lineHeightX4Px,
65
- size: 'x4',
66
- weight: 'bold',
41
+ fontSizePx: variables.fontSize5Px,
42
+ lineHeightPx: variables.lineHeight5Px,
43
+ size: '5',
67
44
  }, {
68
- config: '6',
69
- fontSizePx: variables.fontSizeX2Px,
70
- letterSpacing: 'x4',
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
- config: '7',
78
- fontSizePx: variables.fontSizeX3Px,
79
- lineHeightPx: variables.lineHeightX3Px,
80
- size: 'x3',
81
- weight: 'medium',
49
+ fontSizePx: variables.fontSize7Px,
50
+ lineHeightPx: variables.lineHeight7Px,
51
+ size: '7',
82
52
  }, {
83
- config: '8',
84
- fontSizePx: variables.fontSizeX2Px,
85
- lineHeightPx: variables.lineHeightX2Px,
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 TypeTextConfig]?: boolean }>({});
59
+ const [expanded, setExpanded] = useState<{ [key in TypeTextSize]?: boolean }>({});
101
60
 
102
61
  return (
103
62
  <Flex>
104
- <Text margin="x6" size="x7" weight="bold">Typography</Text>
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="x1" uppercase weight="medium">
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 config="9">
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.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.config]: !expanded[config.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">Configuration { config.config }</Text>
136
- <Text margin="x1" size="x2">
137
- Size: { config.size } / Weight: { config.weight } { config.letterSpacing && `/ Letter Spacing: ${config.letterSpacing}` } { config.uppercase && '/ Uppercase' }
138
- </Text>
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 config={ config.config } textColor="gray-3">
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.config] ? 'ChevronDown' : 'ChevronRight' } />
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.config] }>
115
+ <Expand expanded={ !!expanded[config.size] }>
160
116
  <CardDivider />
161
117
 
162
118
  <CardContent padding="x6">
163
- <Text config={ config.config } textColor="gray-7">
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>
@@ -5,7 +5,7 @@ const PageTitle: React.SFC<TextProps> = (props: TextProps) => {
5
5
  return (
6
6
  <Text { ...props }
7
7
  margin="x6"
8
- size="x6"
8
+ size="6"
9
9
  textColor="grape-5"
10
10
  weight="bold" />
11
11
  );
@@ -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="x2" textColor="gray-5">
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>