@skyscanner/backpack-web 0.1.0 → 0.4.0

package/bpk-component-close-button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-close-button",
-  "version": "3.1.5",
+  "version": "3.1.8",
   "description": "Backpack close button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.5",
-    "bpk-mixins": "^28.1.0",
+    "bpk-component-icon": "^9.2.8",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.3"
+    "bpk-storybook-utils": "^1.1.6"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-close-button/src/BpkCloseButton.js

@@ -20,8 +20,9 @@
 
 import PropTypes from 'prop-types';
 import React, { type StatelessFunctionalComponent } from 'react';
-import CloseIcon from 'bpk-component-icon/sm/close';
-import { cssModules } from 'bpk-react-utils';
+
+import CloseIcon from '../../bpk-component-icon/sm/close';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCloseButton.module.scss';
 

package/bpk-component-code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-code",
-  "version": "3.1.4",
+  "version": "3.1.7",
   "description": "Backpack code component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },

package/bpk-component-code/src/BpkCode.js

@@ -19,7 +19,8 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCode.module.scss';
 

package/bpk-component-code/src/BpkCodeBlock.js

@@ -19,7 +19,8 @@
 
 import React, { type Node } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCodeBlock.module.scss';
 

package/bpk-component-content-container/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-content-container",
-  "version": "4.1.4",
+  "version": "5.0.1",
   "description": "Backpack content container component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },

package/bpk-component-content-container/src/BpkContentContainer.js

@@ -18,7 +18,8 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkContentContainer.module.scss';
 

package/bpk-component-datatable/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datatable",
-  "version": "4.1.5",
+  "version": "4.1.8",
   "description": "Backpack datatable component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.5",
-    "bpk-mixins": "^28.1.0",
+    "bpk-component-icon": "^9.2.8",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "lodash": "^4.17.20",
     "prop-types": "^15.7.2",
@@ -25,6 +25,6 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0"
+    "@skyscanner/bpk-foundations-web": "^7.0.0"
   }
 }

package/bpk-component-datatable/src/BpkDataTable.js

@@ -20,9 +20,10 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { Table, AutoSizer } from 'react-virtualized';
-import { cssModules } from 'bpk-react-utils';
 import _omit from 'lodash/omit';
 
+import { cssModules } from '../../bpk-react-utils';
+
 import STYLES from './BpkDataTable.module.scss';
 import BpkDataTableColumn from './BpkDataTableColumn';
 import hasChildrenOfType from './hasChildrenOfType';

package/bpk-component-datatable/src/BpkDataTableColumn.js

@@ -19,7 +19,8 @@
 
 import React, { type Element } from 'react';
 import { Column } from 'react-virtualized';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import bpkHeaderRenderer from './bpkHeaderRenderer';
 import STYLES from './BpkDataTableColumn.module.scss';

package/bpk-component-datatable/src/bpkHeaderRenderer.js

@@ -19,10 +19,11 @@
 
 import React from 'react';
 import { SortDirection } from 'react-virtualized';
-import { cssModules } from 'bpk-react-utils';
-import BpkSmallArrowDownIcon from 'bpk-component-icon/sm/arrow-down';
-import BpkSmallArrowUpIcon from 'bpk-component-icon/sm/arrow-up';
-import { withRtlSupport } from 'bpk-component-icon';
+
+import { cssModules } from '../../bpk-react-utils';
+import BpkSmallArrowDownIcon from '../../bpk-component-icon/sm/arrow-down';
+import BpkSmallArrowUpIcon from '../../bpk-component-icon/sm/arrow-up';
+import { withRtlSupport } from '../../bpk-component-icon';
 
 import { hasClassName } from './utils';
 import STYLES from './BpkDataTableColumn.module.scss';

package/bpk-component-datepicker/index.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { CALENDAR_SELECTION_TYPE } from 'bpk-component-calendar';
+import { CALENDAR_SELECTION_TYPE } from '../bpk-component-calendar';
 
 import BpkDatepicker from './src/BpkDatepicker';
 import themeAttributes from './src/themeAttributes';

package/bpk-component-datepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datepicker",
-  "version": "15.2.7",
+  "version": "15.2.12",
   "description": "Backpack datepicker component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,12 +14,12 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-breakpoint": "^3.1.4",
-    "bpk-component-calendar": "^11.1.7",
-    "bpk-component-input": "^6.1.5",
-    "bpk-component-modal": "^3.1.5",
-    "bpk-component-popover": "^4.1.5",
-    "bpk-mixins": "^28.1.0",
+    "bpk-component-breakpoint": "^3.1.7",
+    "bpk-component-calendar": "^11.1.12",
+    "bpk-component-input": "^6.1.10",
+    "bpk-component-modal": "^3.1.9",
+    "bpk-component-popover": "^4.1.10",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
@@ -27,7 +27,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-storybook-utils": "^1.1.3"
+    "@skyscanner/bpk-foundations-web": "^7.0.0",
+    "bpk-storybook-utils": "^1.1.6"
   }
 }

package/bpk-component-datepicker/src/BpkDatepicker.js

@@ -16,13 +16,14 @@
  * limitations under the License.
  */
 
-import BpkInput, { withOpenEvents } from 'bpk-component-input';
-import BpkModal from 'bpk-component-modal';
-import BpkPopover from 'bpk-component-popover';
-import { cssModules, deprecated } from 'bpk-react-utils';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import BpkBreakpoint, { BREAKPOINTS } from 'bpk-component-breakpoint';
+
+import BpkInput, { withOpenEvents } from '../../bpk-component-input';
+import BpkModal from '../../bpk-component-modal';
+import BpkPopover from '../../bpk-component-popover';
+import { cssModules, deprecated } from '../../bpk-react-utils';
+import BpkBreakpoint, { BREAKPOINTS } from '../../bpk-component-breakpoint';
 import {
   composeCalendar,
   BpkCalendarGridHeader,
@@ -33,7 +34,7 @@ import {
   CALENDAR_SELECTION_TYPE,
   DateUtils,
   BpkCalendarNav,
-} from 'bpk-component-calendar';
+} from '../../bpk-component-calendar';
 
 import STYLES from './BpkDatepicker.module.scss';
 

package/bpk-component-datepicker/src/themeAttributes.js

@@ -16,9 +16,9 @@
  * limitations under the License.
  */
 
-import { themeAttributes as calendarAttributes } from 'bpk-component-calendar';
-import { themeAttributes as modalAttributes } from 'bpk-component-modal';
-import { themeAttributes as popoverAttributes } from 'bpk-component-popover';
+import { themeAttributes as calendarAttributes } from '../../bpk-component-calendar';
+import { themeAttributes as modalAttributes } from '../../bpk-component-modal';
+import { themeAttributes as popoverAttributes } from '../../bpk-component-popover';
 
 export default [
   ...calendarAttributes,

package/bpk-component-description-list/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-description-list",
-  "version": "3.1.4",
+  "version": "3.1.7",
   "description": "Backpack description list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },

package/bpk-component-description-list/src/ComponentFactory.js

@@ -18,7 +18,8 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkDescriptionList.module.scss';
 

package/bpk-component-dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-dialog",
-  "version": "4.1.5",
+  "version": "4.1.8",
   "description": "Backpack dialog component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,19 +14,19 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-close-button": "^3.1.5",
-    "bpk-component-flare": "^2.1.5",
-    "bpk-mixins": "^28.1.0",
+    "bpk-component-close-button": "^3.1.8",
+    "bpk-component-flare": "^2.1.8",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
-    "bpk-scrim-utils": "^5.1.3",
+    "bpk-scrim-utils": "^5.1.6",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.1.0",
-    "bpk-component-icon": "^9.2.5",
-    "bpk-component-text": "^6.1.5"
+    "bpk-component-button": "^6.2.2",
+    "bpk-component-icon": "^9.2.8",
+    "bpk-component-text": "^7.0.1"
   }
 }

package/bpk-component-dialog/src/BpkDialog.js

@@ -19,8 +19,9 @@
 /* @flow strict */
 
 import React from 'react';
-import { cssModules, Portal } from 'bpk-react-utils';
-import BpkCloseButton from 'bpk-component-close-button';
+
+import { cssModules, Portal } from '../../bpk-react-utils';
+import BpkCloseButton from '../../bpk-component-close-button';
 
 import BpkDialogInner from './BpkDialogInner';
 import { type Props, propTypes, defaultProps } from './common-types';

package/bpk-component-dialog/src/BpkDialogInner.js

@@ -19,9 +19,10 @@
 /* @flow strict */
 
 import React from 'react';
-import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
-import { withScrim } from 'bpk-scrim-utils';
-import { BpkContentBubble } from 'bpk-component-flare';
+
+import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
+import { withScrim } from '../../bpk-scrim-utils';
+import { BpkContentBubble } from '../../bpk-component-flare';
 
 import {
   type DialogInnerProps as Props,

package/bpk-component-drawer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-drawer",
-  "version": "4.1.5",
+  "version": "4.1.8",
   "description": "Backpack drawer component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-component-close-button": "^3.1.5",
-    "bpk-component-icon": "^9.2.5",
-    "bpk-component-link": "^3.1.4",
-    "bpk-mixins": "^28.1.0",
+    "@skyscanner/bpk-foundations-web": "^7.0.0",
+    "bpk-component-close-button": "^3.1.8",
+    "bpk-component-icon": "^9.2.8",
+    "bpk-component-link": "^3.1.7",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
-    "bpk-scrim-utils": "^5.1.3",
+    "bpk-scrim-utils": "^5.1.6",
     "prop-types": "^15.7.2",
     "react-transition-group": "^2.5.3"
   },
@@ -28,7 +28,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.1.0",
-    "bpk-component-text": "^6.1.5"
+    "bpk-component-button": "^6.2.2",
+    "bpk-component-text": "^7.0.1"
   }
 }

package/bpk-component-drawer/src/BpkDrawer.js

@@ -20,8 +20,9 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { Portal, cssModules } from 'bpk-react-utils';
-import { withScrim } from 'bpk-scrim-utils';
+
+import { Portal, cssModules } from '../../bpk-react-utils';
+import { withScrim } from '../../bpk-scrim-utils';
 
 import BpkDrawerContent from './BpkDrawerContent';
 import STYLES from './BpkDrawer.module.scss';

package/bpk-component-drawer/src/BpkDrawerContent.js

@@ -22,9 +22,10 @@ import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
 import Transition from 'react-transition-group/Transition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import { cssModules } from 'bpk-react-utils';
-import { BpkButtonLink } from 'bpk-component-link';
-import BpkCloseButton from 'bpk-component-close-button';
+
+import { cssModules } from '../../bpk-react-utils';
+import { BpkButtonLink } from '../../bpk-component-link';
+import BpkCloseButton from '../../bpk-component-close-button';
 
 import STYLES from './BpkDrawerContent.module.scss';
 

package/bpk-component-drawer/src/themeAttributes.js

@@ -18,6 +18,6 @@
 
 /* @flow strict */
 
-import { themeAttributes as linkAttributes } from 'bpk-component-link';
+import { themeAttributes as linkAttributes } from '../../bpk-component-link';
 
 export default [...linkAttributes];

package/bpk-component-fieldset/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-fieldset",
-  "version": "4.1.7",
+  "version": "4.1.12",
   "description": "Backpack fieldset component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-form-validation": "^4.2.5",
-    "bpk-component-label": "^5.1.4",
-    "bpk-mixins": "^28.1.0",
+    "bpk-component-form-validation": "^4.2.10",
+    "bpk-component-label": "^5.1.7",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
@@ -24,13 +24,13 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-autosuggest": "^6.1.5",
-    "bpk-component-button": "^6.1.0",
-    "bpk-component-calendar": "^11.1.7",
-    "bpk-component-checkbox": "^4.1.5",
-    "bpk-component-datepicker": "^15.2.7",
-    "bpk-component-input": "^6.1.5",
-    "bpk-component-select": "^5.1.4",
-    "bpk-component-textarea": "^4.2.4"
+    "bpk-component-autosuggest": "^6.1.10",
+    "bpk-component-button": "^6.2.2",
+    "bpk-component-calendar": "^11.1.12",
+    "bpk-component-checkbox": "^4.1.9",
+    "bpk-component-datepicker": "^15.2.12",
+    "bpk-component-input": "^6.1.10",
+    "bpk-component-select": "^5.1.7",
+    "bpk-component-textarea": "^4.2.7"
   }
 }

package/bpk-component-fieldset/src/BpkFieldset.js

@@ -19,9 +19,10 @@
 
 import PropTypes from 'prop-types';
 import React, { cloneElement, type Element } from 'react';
-import BpkLabel from 'bpk-component-label';
-import BpkFormValidation from 'bpk-component-form-validation';
-import { cssModules } from 'bpk-react-utils';
+
+import BpkLabel from '../../bpk-component-label';
+import BpkFormValidation from '../../bpk-component-form-validation';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkFieldset.module.scss';
 

package/bpk-component-flare/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-flare",
-  "version": "2.1.5",
+  "version": "2.1.8",
   "description": "Backpack FlareBar and ContentBubble component.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,9 +17,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-label": "^5.1.4",
-    "bpk-component-text": "^6.1.5",
-    "bpk-mixins": "^28.1.0",
+    "bpk-component-label": "^5.1.7",
+    "bpk-component-text": "^7.0.1",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },

package/bpk-component-flare/src/BpkContentBubble.js

@@ -18,7 +18,8 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import BpkFlareBar from './BpkFlareBar';
 import STYLES from './bpk-content-bubble.module.scss';

package/bpk-component-flare/src/BpkFlareBar.js

@@ -18,7 +18,8 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './bpk-flare-bar.module.scss';
 import Pointer from './__generated__/js/pointer';

package/bpk-component-form-validation/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-form-validation",
-  "version": "4.2.5",
+  "version": "4.2.10",
   "description": "Backpack form-validation component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-animate-height": "^4.1.4",
-    "bpk-mixins": "^28.1.0",
+    "bpk-animate-height": "^4.1.7",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
@@ -23,12 +23,12 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-component-button": "^6.1.0",
-    "bpk-component-checkbox": "^4.1.5",
-    "bpk-component-icon": "^9.2.5",
-    "bpk-component-input": "^6.1.5",
-    "bpk-component-select": "^5.1.4",
-    "bpk-component-textarea": "^4.2.4"
+    "@skyscanner/bpk-foundations-web": "^7.0.0",
+    "bpk-component-button": "^6.2.2",
+    "bpk-component-checkbox": "^4.1.9",
+    "bpk-component-icon": "^9.2.8",
+    "bpk-component-input": "^6.1.10",
+    "bpk-component-select": "^5.1.7",
+    "bpk-component-textarea": "^4.2.7"
   }
 }

package/bpk-component-form-validation/src/BpkFormValidation.js

@@ -18,15 +18,16 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import AnimateHeight from 'bpk-animate-height';
-import { cssModules } from 'bpk-react-utils';
-import BpkSmallExclamationIcon from 'bpk-component-icon/sm/exclamation-circle';
-import { withAlignment } from 'bpk-component-icon';
 import {
   lineHeightSm,
   iconSizeSm,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
+import AnimateHeight from '../../bpk-animate-height';
+import { cssModules } from '../../bpk-react-utils';
+import BpkSmallExclamationIcon from '../../bpk-component-icon/sm/exclamation-circle';
+import { withAlignment } from '../../bpk-component-icon';
+
 import STYLES from './BpkFormValidation.module.scss';
 
 const getClassName = cssModules(STYLES);

package/bpk-component-graphic-promotion/README.md

@@ -17,14 +17,13 @@ export default () => (
     tagline="Tagline"
     headline="Ride your wave"
     subheading="Portugal and 6 more countries have just been added to the UK travel green list"
-    image="./path/to/background/image.jpg"
     sponsor={{
       label: 'Sponsored',
       logo: './path/to/sponsor/logo.png',
       altText: 'Sponsor Name',
     }}
     buttonText="Learn more"
-    onClick={() => redirect("https://www.sponsor-name.com/promotion"))}
+    onClick={() => redirect("https://www.sponsor-name.com/promotion")}
     textAlign={TEXT_ALIGN.start}
     invertVertically
   />
@@ -37,12 +36,11 @@ export default () => (
 | ---------------- | ----------------- | -------- | ------------- |
 | buttonText       | string            | true     | -             |
 | headline         | string            | true     | -             |
-| image            | string            | true     | -             |
 | invertVertically | bool              | true     | -             |
 | onClick          | func              | true     | -             |
 | textAlign        | oneOf(TEXT_ALIGN) | true     | -             |
-| textColor        | oneOf(TEXT_COLOR) | true     | -             |
 | className        | string            | false    | null          |
+| style            | object            | false    | {}            |
 | tagline          | string            | false    | null          |
 | sponsor          | object            | false    | null          |
 | subheading       | string            | false    | null          |

package/bpk-component-graphic-promotion/index.js

@@ -20,9 +20,8 @@
 import BpkGraphicPromo, {
   type Props as BpkGraphicPromoProps,
   TEXT_ALIGN,
-  TEXT_COLORS,
 } from './src/BpkGraphicPromo';
 
 export type { BpkGraphicPromoProps };
-export { TEXT_ALIGN, TEXT_COLORS };
+export { TEXT_ALIGN };
 export default BpkGraphicPromo;