@bitrise/bitkit 9.6.1 → 9.7.0-alpha-chakra.1

package/src/{Button → Old/Button}/Button.css

@@ -37,21 +37,21 @@
   padding: var(--Button--padding-small-vertical) var(--Button--padding-small-horizontal);
   border-width: var(--Button--border-small);
   border-radius: var(--size--x1);
-  font-size: var(--font-size--2);
+  font-size: var(--fontSizes-2);
 }
 
 .Button--size-medium {
   padding: var(--Button--padding-medium-vertical) var(--Button--padding-medium-horizontal);
   border-width: var(--Button--border-medium);
   border-radius: var(--size--x1);
-  font-size: var(--font-size--3);
+  font-size: var(--fontSizes-3);
 }
 
 .Button--size-large {
   padding: var(--Button--padding-large-vertical) var(--Button--padding-large-horizontal);
   border-width: var(--Button--border-large);
   border-radius: 0.375rem;
-  font-size: var(--font-size--4);
+  font-size: var(--fontSizes-4);
 }
 
 .Button--borderless {

package/src/{Button → Old/Button}/ColorButton.css

@@ -21,21 +21,21 @@
   padding: var(--Button--padding-small-vertical) var(--Button--padding-small-horizontal);
   border-width: var(--Button--border-small);
   border-radius: var(--size--x1);
-  font-size: var(--font-size--2);
+  font-size: var(--fontSizes-2);
 }
 
 .ColorButton--size-medium {
   padding: var(--Button--padding-medium-vertical) var(--Button--padding-medium-horizontal);
   border-width: var(--Button--border-medium);
   border-radius: var(--size--x1);
-  font-size: var(--font-size--3);
+  font-size: var(--fontSizes-3);
 }
 
 .ColorButton--size-large {
   padding: var(--Button--padding-large-vertical) var(--Button--padding-large-horizontal);
   border-width: var(--Button--border-large);
   border-radius: 0.375rem;
-  font-size: var(--font-size--4);
+  font-size: var(--fontSizes-4);
 }
 
 .ColorButton--color-blue {

package/src/{DatePicker → Old/DatePicker}/DatePicker.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { DateTime } from 'luxon';
 import { ReferenceChildrenProps } from 'react-popper';
-import dataAtIds from '../dataAtIds.json';
 import { useMediaQuery, useSyncedStateAndProps } from '../hooks';
 import Button from '../Button/Button';
 import Buttons from '../Button/Buttons';
@@ -149,7 +148,6 @@ const DatePicker: React.FunctionComponent<Props> = (props: Props) => {
             <PlacementArea direction="horizontal">
               <PlacementArea paddingHorizontal="x8">
                 <DatePickerMonth
-                  data-bitkit-at-id={dataAtIds.DatePickerMonthLeft}
                   dateSelectableFrom={dateSelectableFrom}
                   dateSelectableTo={dateSelectableTo}
                   dateSelectedFrom={dateSelectedFrom}
@@ -164,7 +162,6 @@ const DatePicker: React.FunctionComponent<Props> = (props: Props) => {
               {match('56rem') && (
                 <PlacementArea paddingHorizontal="x8">
                   <DatePickerMonth
-                    data-bitkit-at-id={dataAtIds.DatePickerMonthRight}
                     dateSelectableFrom={dateSelectableFrom}
                     dateSelectableTo={dateSelectableTo}
                     dateSelectedFrom={dateSelectedFrom}
@@ -183,7 +180,7 @@ const DatePicker: React.FunctionComponent<Props> = (props: Props) => {
                 Cancel
               </Button>
 
-              <Button data-bitkit-at-id={dataAtIds.DatePickerApply} level="primary" onClick={handleApply} size="small">
+              <Button level="primary" onClick={handleApply} size="small">
                 Apply
               </Button>
             </Buttons>

package/src/{DatePicker → Old/DatePicker}/DatePickerDay.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import classnames from 'classnames';
 import { DateTime } from 'luxon';
-import dataAtIds from '../dataAtIds.json';
 import Flex, { Props as FlexProps } from '../Flex/Flex';
 
 interface Props extends FlexProps {
@@ -58,7 +57,6 @@ const DatePickerDay: React.FunctionComponent<Props> = (props: Props) => {
       {...rest}
       alignChildren="middle"
       className={classes}
-      data-bitkit-at-id={isSelectable ? dataAtIds.DatePickerDay : undefined}
       direction="horizontal"
       onClick={isSelectable ? () => onSelect(date) : undefined}
     >