@bitrise/bitkit 10.36.0 → 10.36.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 (26) hide show
  1. package/package.json +1 -1
  2. package/src/Components/Toggle/Toggle.theme.ts +1 -0
  3. package/src/Foundations/Colors/Colors.ts +20 -1
  4. package/src/Foundations/Colors/Palette.tsx +2 -2
  5. package/src/Foundations/Sizes/Sizes.ts +3 -1
  6. package/src/index.ts +4 -2
  7. package/src/tsconfig.tsbuildinfo +1 -1
  8. package/src/Old/Base/Base.css +0 -337
  9. package/src/Old/Base/Base.tsx +0 -199
  10. package/src/Old/Flex/Flex.css +0 -105
  11. package/src/Old/Flex/Flex.tsx +0 -92
  12. package/src/Old/Placement/Placement.css +0 -100
  13. package/src/Old/Placement/Placement.tsx +0 -74
  14. package/src/Old/Placement/PlacementArea.tsx +0 -49
  15. package/src/Old/Placement/PlacementArrow.tsx +0 -20
  16. package/src/Old/Placement/PlacementArrowPropsContext.ts +0 -9
  17. package/src/Old/Placement/PlacementManager.tsx +0 -24
  18. package/src/Old/Placement/PlacementManagerContext.ts +0 -9
  19. package/src/Old/Placement/PlacementPopper.tsx +0 -173
  20. package/src/Old/Placement/PlacementReference.tsx +0 -19
  21. package/src/Old/hooks/index.ts +0 -2
  22. package/src/Old/hooks/useEventListener.ts +0 -45
  23. package/src/Old/hooks/useSyncedStateAndProps.ts +0 -14
  24. package/src/Old/variables.css +0 -210
  25. package/src/Old/variables.ts +0 -320
  26. package/src/old.ts +0 -16
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit",
3
3
  "description": "Bitrise React component library",
4
- "version": "10.36.0",
4
+ "version": "10.36.2",
5
5
  "repository": "git@github.com:bitrise-io/bitkit.git",
6
6
  "main": "src/index.ts",
7
7
  "license": "UNLICENSED",
package/src/Components/Toggle/Toggle.theme.ts CHANGED
@@ -14,6 +14,7 @@ const ToggleTheme: ComponentStyleConfig = {
14
14
  backgroundColor: 'neutral.50',
15
15
  borderRadius: '12',
16
16
  transition: '100ms',
17
+ isolation: 'isolate',
17
18
  _disabled: {
18
19
  backgroundColor: 'neutral.93',
19
20
  cursor: 'not-allowed',
package/src/Foundations/Colors/Colors.ts CHANGED
@@ -125,7 +125,26 @@ const colors = {
125
125
  },
126
126
  };
127
127
 
128
- export type Colors = typeof colors;
128
+ export type TypeColors =
129
+ | `${'neutral' | 'purple' | 'red' | 'orange' | 'yellow' | 'green' | 'turquoise' | 'purple' | 'blue'}.${
130
+ | '10'
131
+ | '20'
132
+ | '30'
133
+ | '40'
134
+ | '50'
135
+ | '60'
136
+ | '70'
137
+ | '80'
138
+ | '90'
139
+ | '93'
140
+ | '95'
141
+ | '100'}`
142
+ | 'brand.primary'
143
+ | 'text.body'
144
+ | 'text.secondary'
145
+ | 'text.link'
146
+ | 'text.linkHover'
147
+ | 'separator.primary';
129
148
 
130
149
  export type ColorScheme = 'blue' | 'red' | 'green' | 'yellow' | 'purple' | 'neutral';
131
150
 
package/src/Foundations/Colors/Palette.tsx CHANGED
@@ -5,10 +5,10 @@ import Card from '../../Components/Card/Card';
5
5
  import Divider from '../../Components/Divider/Divider';
6
6
  import Provider from '../../Components/Provider/Provider';
7
7
  import Text from '../../Components/Text/Text';
8
- import colors, { Colors } from './Colors';
8
+ import colors from './Colors';
9
9
 
10
10
  const paletteKeys = ['neutral', 'purple', 'red', 'orange', 'yellow', 'green', 'turquoise', 'blue'] as Array<
11
- keyof Colors
11
+ keyof typeof colors
12
12
  >;
13
13
 
14
14
  const getTextColorFromShade = (backgroundColor: string, darkColor = 'text.body', lightColor = 'neutral.100') => {
package/src/Foundations/Sizes/Sizes.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  const sizes = {
2
+ '0': '0',
2
3
  '4': '0.25rem',
3
4
  '8': '0.5rem',
4
5
  '12': '0.75rem',
5
6
  '16': '1rem',
7
+ '20': '1.25rem',
6
8
  '24': '1.5rem',
7
9
  '32': '2rem',
8
10
  '40': '2.5rem',
@@ -12,5 +14,5 @@ const sizes = {
12
14
  '128': '8rem',
13
15
  };
14
16
 
15
- export type Sizes = typeof sizes;
17
+ export type TypeSizes = keyof typeof sizes;
16
18
  export default sizes;
package/src/index.ts CHANGED
@@ -1,13 +1,15 @@
1
- export * from './old';
2
1
  export * from './types/chakra';
3
2
  export * from './utils/chakra';
4
3
  export * from './hooks';
5
4
 
5
+ export { default as theme } from './theme';
6
+ export type { TypeColors } from './Foundations/Colors/Colors';
7
+ export type { TypeSizes } from './Foundations/Sizes/Sizes';
8
+
6
9
  export type { LinkProps } from './Components/Link/Link';
7
10
  export { default as Link } from './Components/Link/Link';
8
11
 
9
12
  export { default as Provider } from './Components/Provider/Provider';
10
- export { default as theme } from './theme';
11
13
 
12
14
  export type { OverflowMenuProps } from './Components/OverflowMenu/OverflowMenu';
13
15
  export { default as OverflowMenu } from './Components/OverflowMenu/OverflowMenu';