@skyscanner/backpack-web 6.0.0-alpha.1 → 6.1.0

package/bpk-animate-height/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-animate-height",
-  "version": "4.1.11",
+  "version": "4.1.12",
   "description": "Animate height using CSS transitions.",
   "license": "Apache-2.0",
   "repository": {
@@ -21,6 +21,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-button": "^6.2.6"
+    "bpk-component-button": "^6.2.7"
   }
 }

package/bpk-component-accordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-accordion",
-  "version": "5.0.12",
+  "version": "5.0.13",
   "description": "Backpack accordion component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,11 +14,11 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-animate-height": "^4.1.11",
-    "bpk-component-icon": "^9.2.12",
-    "bpk-component-text": "^7.0.5",
+    "bpk-animate-height": "^4.1.12",
+    "bpk-component-icon": "^9.2.13",
+    "bpk-component-text": "^7.0.6",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -26,6 +26,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-checkbox": "^4.1.13"
+    "bpk-component-checkbox": "^4.1.14"
   }
 }

package/bpk-component-accordion/src/BpkAccordion.js

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

package/bpk-component-accordion/src/BpkAccordionItem.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node, type Element } from 'react';
+
 import AnimateHeight from '../../bpk-animate-height';
 import { withButtonAlignment } from '../../bpk-component-icon';
 import ChevronDownIcon from '../../bpk-component-icon/sm/chevron-down';

package/bpk-component-accordion/src/withAccordionItemState.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component, type ComponentType } from 'react';
+
 import { wrapDisplayName } from '../../bpk-react-utils';
 
 type Props = {

package/bpk-component-accordion/src/withSingleItemAccordionState.js

@@ -27,6 +27,7 @@ import React, {
   type Element,
   type ComponentType,
 } from 'react';
+
 import { wrapDisplayName } from '../../bpk-react-utils';
 
 const getInitiallyExpanded = (children) => {

package/bpk-component-aria-live/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-aria-live",
-  "version": "2.1.18",
+  "version": "2.1.19",
   "description": "Backpack aria-live component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,15 +14,15 @@
   },
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.5.8"
   },
   "devDependencies": {
-    "bpk-component-chip": "^5.2.16",
-    "bpk-component-code": "^3.1.11",
-    "bpk-component-fieldset": "^4.1.18",
-    "bpk-component-select": "^5.1.11",
-    "bpk-component-switch": "^2.1.12"
+    "bpk-component-chip": "^5.2.17",
+    "bpk-component-code": "^3.1.12",
+    "bpk-component-fieldset": "^4.1.19",
+    "bpk-component-select": "^5.1.12",
+    "bpk-component-switch": "^2.1.13"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-aria-live/src/BpkAriaLive.js

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

package/bpk-component-autosuggest/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-autosuggest",
-  "version": "6.1.16",
+  "version": "6.1.17",
   "description": "Backpack autosuggest component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-input": "^6.1.16",
+    "bpk-component-input": "^6.1.17",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2",
     "react-autosuggest": "^9.4.3"
   },
@@ -24,6 +24,6 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-icon": "^9.2.12"
+    "bpk-component-icon": "^9.2.13"
   }
 }

package/bpk-component-autosuggest/src/BpkAutosuggest.js

@@ -19,8 +19,9 @@
 /* @flow strict */
 
 import React from 'react';
-import BpkInput from '../../bpk-component-input';
 import Autosuggest from 'react-autosuggest';
+
+import BpkInput from '../../bpk-component-input';
 import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkAutosuggest.module.scss';

package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js

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

package/bpk-component-badge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-badge",
-  "version": "4.1.12",
+  "version": "4.1.13",
   "description": "Backpack badge component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -23,7 +23,7 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-icon": "^9.2.12",
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-component-icon": "^9.2.13",
+    "bpk-storybook-utils": "^1.1.11"
   }
 }

package/bpk-component-badge/src/BpkBadge.js

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

package/bpk-component-banner-alert/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-banner-alert",
-  "version": "6.1.16",
+  "version": "6.1.17",
   "description": "Backpack banner alert component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,18 +15,18 @@
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-animate-height": "^4.1.11",
-    "bpk-component-close-button": "^3.1.12",
-    "bpk-component-icon": "^9.2.12",
+    "bpk-animate-height": "^4.1.12",
+    "bpk-component-close-button": "^3.1.13",
+    "bpk-component-icon": "^9.2.13",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2",
     "react-transition-group": "^2.5.3"
   },
   "devDependencies": {
-    "bpk-component-aria-live": "^2.1.18",
-    "bpk-component-button": "^6.2.6",
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-component-aria-live": "^2.1.19",
+    "bpk-component-button": "^6.2.7",
+    "bpk-storybook-utils": "^1.1.11"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-banner-alert/src/AnimateAndFade.js

@@ -19,11 +19,12 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node, Component } from 'react';
-import { cssModules } from '../../bpk-react-utils';
-import BpkAnimateHeight from '../../bpk-animate-height';
 import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 
+import { cssModules } from '../../bpk-react-utils';
+import BpkAnimateHeight from '../../bpk-animate-height';
+
 import STYLES from './BpkAnimateAndFade.module.scss';
 
 const getClassName = cssModules(STYLES);

package/bpk-component-banner-alert/src/BpkBannerAlertInner.js

@@ -23,13 +23,14 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node, type StatelessFunctionalComponent } from 'react';
+import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
+
 import { withButtonAlignment } from '../../bpk-component-icon';
 import BpkAnimateHeight from '../../bpk-animate-height';
 import BpkCloseButton from '../../bpk-component-close-button';
 import TickCircleIcon from '../../bpk-component-icon/sm/tick-circle';
 import ChevronDownIcon from '../../bpk-component-icon/lg/chevron-down';
 import InfoCircleIcon from '../../bpk-component-icon/sm/information-circle';
-import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import { cssModules } from '../../bpk-react-utils';
 
 import AnimateAndFade from './AnimateAndFade';

package/bpk-component-banner-alert/src/withBannerAlertState.js

@@ -19,6 +19,7 @@
 
 import React, { type Node, type ComponentType, Component } from 'react';
 import PropTypes from 'prop-types';
+
 import { wrapDisplayName } from '../../bpk-react-utils';
 
 import {

package/bpk-component-barchart/data.json

@@ -15,88 +15,6 @@
     {
       "month": "Apr",
       "price": 448
-    },
-    {
-      "month": "May",
-      "price": 344
-    },
-    {
-      "month": "Jun",
-      "price": 322
-    },
-    {
-      "month": "Jul",
-      "price": 340
-    },
-    {
-      "month": "Aug",
-      "price": 327
-    },
-    {
-      "month": "Sep",
-      "price": 444
-    },
-    {
-      "month": "Oct",
-      "price": 422
-    },
-    {
-      "month": "Nov",
-      "price": 344
-    },
-    {
-      "month": "Dec",
-      "price": 301
-    }
-  ],
-  "prices2": [
-    {
-      "month": "Jan",
-      "price": 305
-    },
-    {
-      "month": "Feb",
-      "price": 348
-    },
-    {
-      "month": "Mar",
-      "price": 418
-    },
-    {
-      "month": "Apr",
-      "price": 448
-    },
-    {
-      "month": "May",
-      "price": 344
-    },
-    {
-      "month": "Jun",
-      "price": 322
-    },
-    {
-      "month": "Jul",
-      "price": 840
-    },
-    {
-      "month": "Aug",
-      "price": 927
-    },
-    {
-      "month": "Sep",
-      "price": 444
-    },
-    {
-      "month": "Oct",
-      "price": 422
-    },
-    {
-      "month": "Nov",
-      "price": 344
-    },
-    {
-      "month": "Dec",
-      "price": 601
     }
   ]
 }

package/bpk-component-barchart/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-barchart",
-  "version": "4.2.12",
+  "version": "4.2.14",
   "description": "Backpack bar chart component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,9 +15,9 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-mobile-scroll-container": "^3.1.11",
+    "bpk-component-mobile-scroll-container": "^3.1.12",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "d3-path": "^2.0.0",
     "d3-scale": "^4.0.2",
     "lodash.debounce": "^4.0.8",
@@ -27,9 +27,9 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-breakpoint": "^4.0.3",
-    "bpk-component-content-container": "^5.0.5",
-    "bpk-component-rtl-toggle": "^3.1.11",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-breakpoint": "^4.0.4",
+    "bpk-component-content-container": "^5.0.6",
+    "bpk-component-rtl-toggle": "^3.1.12",
+    "bpk-component-text": "^7.0.6"
   }
 }

package/bpk-component-barchart/src/BpkBarchart.js

@@ -26,6 +26,7 @@ import {
   spacingXs,
   lineHeightSm,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
+
 import { cssModules } from '../../bpk-react-utils';
 import BpkMobileScrollContainer from '../../bpk-component-mobile-scroll-container';
 

package/bpk-component-barchart/src/BpkBarchartBar.js

@@ -20,9 +20,10 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from '../../bpk-react-utils';
 import { borderRadiusXs } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
+import { cssModules } from '../../bpk-react-utils';
+
 import { remToPx } from './utils';
 import STYLES from './BpkBarchartBar.module.scss';
 

package/bpk-component-barchart/src/BpkChartAxis.js

@@ -20,12 +20,13 @@
 
 import React, { type Node } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from '../../bpk-react-utils';
 import {
   spacingXs,
   lineHeightSm,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
+import { cssModules } from '../../bpk-react-utils';
+
 import { rtlConditionalValue } from './RTLtransforms';
 import { ORIENTATION_X, ORIENTATION_Y } from './orientation';
 import { identity, center, remToPx } from './utils';

package/bpk-component-barchart/src/BpkChartDataTable.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import dataProp from './customPropTypes';

package/bpk-component-barchart/src/BpkChartGridLines.js

@@ -20,6 +20,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import { ORIENTATION_X, ORIENTATION_Y } from './orientation';

package/bpk-component-blockquote/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-blockquote",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Backpack blockquote component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-blockquote/src/BpkBlockquote.js

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

package/bpk-component-breadcrumb/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-breadcrumb",
-  "version": "3.1.12",
+  "version": "3.1.13",
   "description": "Backpack breadcrumb component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,11 +14,11 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.12",
-    "bpk-component-link": "^3.1.11",
-    "bpk-component-text": "^7.0.5",
+    "bpk-component-icon": "^9.2.13",
+    "bpk-component-link": "^3.1.12",
+    "bpk-component-text": "^7.0.6",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-breadcrumb/src/BpkBreadcrumb.js

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

package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
+
 import BpkLink from '../../bpk-component-link';
 import BpkText from '../../bpk-component-text';
 import { cssModules } from '../../bpk-react-utils';

package/bpk-component-breakpoint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-breakpoint",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "description": "Backpack breakpoint component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2",
     "react-responsive": "^6.1.2"
   },

package/bpk-component-button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-button",
-  "version": "6.2.6",
+  "version": "6.2.7",
   "description": "Backpack button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -18,7 +18,7 @@
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-storybook-utils": "^1.1.11"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-button/src/BpkButtonBase.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button{display:inline-block;min-height:2.25rem;margin:0;padding:.375rem 1rem;border:0;border-radius:.5rem;background-image:linear-gradient(-180deg, #00a698 0%, #00a698 100%);background-image:linear-gradient(-180deg, var(--bpk-button-primary-gradient-start-color, #00a698) 0%, var(--bpk-button-primary-gradient-end-color, #00a698) 100%);font-size:1.1875rem;font-weight:700;line-height:1.5rem;text-align:center;text-decoration:none;cursor:pointer;vertical-align:middle;user-select:none;color:#fff;color:var(--bpk-button-primary-text-color, #fff);background-color:#00a698;background-color:var(--bpk-button-primary-background-color, #00a698);font-size:1.1875rem;font-size:var(--bpk-button-font-size, 1.1875rem)}.bpk-no-touch-support .bpk-button:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-primary-hover-text-color, #fff);background-color:#00887c;background-color:var(--bpk-button-primary-hover-background-color, #00887c)}:global(.bpk-no-touch-support) .bpk-button:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-primary-hover-text-color, #fff);background-color:#00887c;background-color:var(--bpk-button-primary-hover-background-color, #00887c)}.bpk-button:active{background-image:none;color:#fff;color:var(--bpk-button-primary-active-text-color, #fff);background-color:#006a61;background-color:var(--bpk-button-primary-active-background-color, #006a61)}.bpk-button:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf;cursor:not-allowed}.bpk-button--large{min-height:3rem;padding:.75rem 1rem;font-size:1.25rem;line-height:1.5rem;font-weight:700}.bpk-button--icon-only{border-radius:.5rem;padding-right:.5625rem;padding-left:.5625rem;border-radius:.5rem}.bpk-button--large-icon-only{border-radius:.5rem;padding-right:.75rem;padding-left:.75rem;border-radius:.5rem}.bpk-button span>svg{display:block}.bpk-button svg{fill:currentColor}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button{display:inline-block;margin:0;padding:0.5rem 1rem;border:0;border-radius:.375rem;background-image:linear-gradient(-180deg, #00a698 0%, #00a698 100%);background-image:linear-gradient(-180deg, var(--bpk-button-primary-gradient-start-color, #00a698) 0%, var(--bpk-button-primary-gradient-end-color, #00a698) 100%);font-size:1.1875rem;font-weight:700;line-height:1.5rem;text-align:center;text-decoration:none;box-shadow:none;cursor:pointer;vertical-align:middle;user-select:none;color:#fff;color:var(--bpk-button-primary-text-color, #fff);background-color:#00a698;background-color:var(--bpk-button-primary-background-color, #00a698);font-size:1.1875rem;font-size:var(--bpk-button-font-size, 1.1875rem)}.bpk-no-touch-support .bpk-button:hover:not(:active):not(:disabled){background-image:none;box-shadow:none;color:#fff;color:var(--bpk-button-primary-hover-text-color, #fff);background-color:#00887d;background-color:var(--bpk-button-primary-hover-background-color, #00887d)}:global(.bpk-no-touch-support) .bpk-button:hover:not(:active):not(:disabled){background-image:none;box-shadow:none;color:#fff;color:var(--bpk-button-primary-hover-text-color, #fff);background-color:#00887d;background-color:var(--bpk-button-primary-hover-background-color, #00887d)}.bpk-button:active{background-image:none;box-shadow:none;color:#fff;color:var(--bpk-button-primary-active-text-color, #fff);background-color:#006a61;background-color:var(--bpk-button-primary-active-background-color, #006a61)}.bpk-button:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf;box-shadow:none;cursor:not-allowed}.bpk-button--large{padding:0.5rem 1.5rem;border-radius:.375rem;font-size:1.5rem;line-height:1.875rem}.bpk-button--icon-only{border-radius:.375rem;padding:0.5rem .6875rem;border-radius:50%}.bpk-button--large-icon-only{border-radius:.375rem;padding:0.5rem .6875rem;border-radius:50%}.bpk-button span>svg{display:block}.bpk-button svg{fill:currentColor}

package/bpk-component-button/src/BpkButtonDestructive.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--destructive{background-image:none;color:#084eb2;color:var(--bpk-button-secondary-text-color, #084eb2);background-color:#dddde5;background-color:var(--bpk-button-secondary-background-color, #dddde5);color:#b22e45;color:var(--bpk-button-destructive-text-color, #b22e45);background-color:#dddde5;background-color:var(--bpk-button-destructive-background-color, #dddde5)}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;color:#084eb2;color:var(--bpk-button-secondary-hover-text-color, #084eb2);background-color:#cdcdd7;background-color:var(--bpk-button-secondary-hover-background-color, #cdcdd7)}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;color:#084eb2;color:var(--bpk-button-secondary-hover-text-color, #084eb2);background-color:#cdcdd7;background-color:var(--bpk-button-secondary-hover-background-color, #cdcdd7)}.bpk-button--destructive:active{background-image:none;color:#084eb2;color:var(--bpk-button-secondary-active-text-color, #084eb2);background-color:#b2b2bf;background-color:var(--bpk-button-secondary-active-background-color, #b2b2bf)}.bpk-button--destructive:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-destructive-hover-text-color, #fff);background-color:#d1435b;background-color:var(--bpk-button-destructive-hover-background-color, #d1435b)}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-destructive-hover-text-color, #fff);background-color:#d1435b;background-color:var(--bpk-button-destructive-hover-background-color, #d1435b)}.bpk-button--destructive:active{color:#fff;color:var(--bpk-button-destructive-active-text-color, #fff);background-color:#b22e45;background-color:var(--bpk-button-destructive-active-background-color, #b22e45)}.bpk-button--destructive:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--destructive{background-image:none;color:#0770e3;color:var(--bpk-button-secondary-text-color, #0770e3);background-color:#fff;background-color:var(--bpk-button-secondary-background-color, #fff);box-shadow:0 0 0 2px #dddde5 inset;box-shadow:0 0 0 2px var(--bpk-button-secondary-border-color, #dddde5) inset;color:#d1435b;color:var(--bpk-button-destructive-text-color, #d1435b);background-color:#fff;background-color:var(--bpk-button-destructive-background-color, #fff);box-shadow:0 0 0 2px #dddde5 inset;box-shadow:0 0 0 2px var(--bpk-button-destructive-border-color, #dddde5) inset}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;box-shadow:0 0 0 2px #0770e3 inset;color:#0770e3;color:var(--bpk-button-secondary-hover-text-color, #0770e3);background-color:#fff;background-color:var(--bpk-button-secondary-hover-background-color, #fff);box-shadow:0 0 0 2px #0770e3 inset;box-shadow:0 0 0 2px var(--bpk-button-secondary-hover-border-color, #0770e3) inset}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;box-shadow:0 0 0 2px #0770e3 inset;color:#0770e3;color:var(--bpk-button-secondary-hover-text-color, #0770e3);background-color:#fff;background-color:var(--bpk-button-secondary-hover-background-color, #fff);box-shadow:0 0 0 2px #0770e3 inset;box-shadow:0 0 0 2px var(--bpk-button-secondary-hover-border-color, #0770e3) inset}.bpk-button--destructive:active{background-image:none;box-shadow:0 0 0 3px #084eb2 inset;color:#084eb2;color:var(--bpk-button-secondary-active-text-color, #084eb2);background-color:#fff;background-color:var(--bpk-button-secondary-active-background-color, #fff);box-shadow:0 0 0 3px #084eb2 inset;box-shadow:0 0 0 3px var(--bpk-button-secondary-active-border-color, #084eb2) inset}.bpk-button--destructive:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf;box-shadow:none}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;box-shadow:0 0 0 2px #d1435b inset;color:#d1435b;color:var(--bpk-button-destructive-hover-text-color, #d1435b);background-color:#fff;background-color:var(--bpk-button-destructive-hover-background-color, #fff);box-shadow:0 0 0 2px #d1435b inset;box-shadow:0 0 0 2px var(--bpk-button-destructive-hover-border-color, #d1435b) inset}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;box-shadow:0 0 0 2px #d1435b inset;color:#d1435b;color:var(--bpk-button-destructive-hover-text-color, #d1435b);background-color:#fff;background-color:var(--bpk-button-destructive-hover-background-color, #fff);box-shadow:0 0 0 2px #d1435b inset;box-shadow:0 0 0 2px var(--bpk-button-destructive-hover-border-color, #d1435b) inset}.bpk-button--destructive:active{box-shadow:0 0 0 3px #d1435b inset;color:#d1435b;color:var(--bpk-button-destructive-active-text-color, #d1435b);background-color:#fff;background-color:var(--bpk-button-destructive-active-background-color, #fff);box-shadow:0 0 0 3px #d1435b inset;box-shadow:0 0 0 3px var(--bpk-button-destructive-active-border-color, #d1435b) inset}.bpk-button--destructive:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf;box-shadow:none}

package/bpk-component-button/src/BpkButtonFeatured.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--featured{background-image:#0770e3;background-image:linear-gradient(-180deg, var(--bpk-button-featured-gradient-start-color, #0770e3) 0%, var(--bpk-button-featured-gradient-end-color, #0770e3) 100%);color:#fff;color:var(--bpk-button-featured-text-color, #fff);background-color:#0770e3;background-color:var(--bpk-button-featured-background-color, #0770e3)}.bpk-no-touch-support .bpk-button--featured:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-featured-hover-text-color, #fff);background-color:#084eb2;background-color:var(--bpk-button-featured-hover-background-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-button--featured:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-featured-hover-text-color, #fff);background-color:#084eb2;background-color:var(--bpk-button-featured-hover-background-color, #084eb2)}.bpk-button--featured:active{background-image:none;color:#fff;color:var(--bpk-button-featured-active-text-color, #fff);background-color:#042759;background-color:var(--bpk-button-featured-active-background-color, #042759)}.bpk-button--featured:disabled{background-color:#dddde5;background-image:none}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--featured{background-image:#0770e3;background-image:linear-gradient(-180deg, var(--bpk-button-featured-gradient-start-color, #0770e3) 0%, var(--bpk-button-featured-gradient-end-color, #0770e3) 100%);color:#fff;color:var(--bpk-button-featured-text-color, #fff);background-color:#0770e3;background-color:var(--bpk-button-featured-background-color, #0770e3)}.bpk-no-touch-support .bpk-button--featured:hover:not(:active):not(:disabled){background-image:none;box-shadow:none;color:#fff;color:var(--bpk-button-featured-hover-text-color, #fff);background-color:#084eb2;background-color:var(--bpk-button-featured-hover-background-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-button--featured:hover:not(:active):not(:disabled){background-image:none;box-shadow:none;color:#fff;color:var(--bpk-button-featured-hover-text-color, #fff);background-color:#084eb2;background-color:var(--bpk-button-featured-hover-background-color, #084eb2)}.bpk-button--featured:active{background-image:none;box-shadow:none;color:#fff;color:var(--bpk-button-featured-active-text-color, #fff);background-color:#042759;background-color:var(--bpk-button-featured-active-background-color, #042759)}.bpk-button--featured:disabled{background-color:#dddde5;background-image:none}

package/bpk-component-button/src/BpkButtonLink.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--link{border-radius:0;background:none;box-shadow:none;padding:0;border:0;background-color:transparent;text-decoration:none;cursor:pointer;appearance:none;color:#0770e3;color:var(--bpk-link-color, #0770e3);padding:.375rem 0}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}.bpk-button--link:visited{color:#0770e3;color:var(--bpk-link-visited-color, #0770e3)}.bpk-button--link:active{text-decoration:underline;color:#042759;color:var(--bpk-link-active-color, #042759)}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){background:none;text-decoration:none}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){background:none;text-decoration:none}.bpk-button--link:active{background:none;text-decoration:none}.bpk-button--link:disabled{background:none;color:#b2b2bf;text-decoration:none}.bpk-button--link-large{padding:.75rem 0}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--link{padding:0;border-radius:0;background:none;font-weight:normal;box-shadow:none;padding:0;border:0;background-color:transparent;text-decoration:none;cursor:pointer;appearance:none;color:#0770e3;color:var(--bpk-link-color, #0770e3)}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}.bpk-button--link:visited{color:#0770e3;color:var(--bpk-link-visited-color, #0770e3)}.bpk-button--link:active{text-decoration:underline;color:#042759;color:var(--bpk-link-active-color, #042759)}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){background:none}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){background:none}.bpk-button--link:active{background:none}.bpk-button--link:disabled{background:none;color:#b2b2bf;text-decoration:none}.bpk-button--padded{padding:0.5rem 1rem}

package/bpk-component-button/src/BpkButtonSecondary.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--secondary{background-image:none;color:#084eb2;color:var(--bpk-button-secondary-text-color, #084eb2);background-color:#dddde5;background-color:var(--bpk-button-secondary-background-color, #dddde5)}.bpk-no-touch-support .bpk-button--secondary:hover:not(:active):not(:disabled){background-image:none;color:#084eb2;color:var(--bpk-button-secondary-hover-text-color, #084eb2);background-color:#cdcdd7;background-color:var(--bpk-button-secondary-hover-background-color, #cdcdd7)}:global(.bpk-no-touch-support) .bpk-button--secondary:hover:not(:active):not(:disabled){background-image:none;color:#084eb2;color:var(--bpk-button-secondary-hover-text-color, #084eb2);background-color:#cdcdd7;background-color:var(--bpk-button-secondary-hover-background-color, #cdcdd7)}.bpk-button--secondary:active{background-image:none;color:#084eb2;color:var(--bpk-button-secondary-active-text-color, #084eb2);background-color:#b2b2bf;background-color:var(--bpk-button-secondary-active-background-color, #b2b2bf)}.bpk-button--secondary:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--secondary{background-image:none;color:#0770e3;color:var(--bpk-button-secondary-text-color, #0770e3);background-color:#fff;background-color:var(--bpk-button-secondary-background-color, #fff);box-shadow:0 0 0 2px #dddde5 inset;box-shadow:0 0 0 2px var(--bpk-button-secondary-border-color, #dddde5) inset}.bpk-no-touch-support .bpk-button--secondary:hover:not(:active):not(:disabled){background-image:none;box-shadow:0 0 0 2px #0770e3 inset;color:#0770e3;color:var(--bpk-button-secondary-hover-text-color, #0770e3);background-color:#fff;background-color:var(--bpk-button-secondary-hover-background-color, #fff);box-shadow:0 0 0 2px #0770e3 inset;box-shadow:0 0 0 2px var(--bpk-button-secondary-hover-border-color, #0770e3) inset}:global(.bpk-no-touch-support) .bpk-button--secondary:hover:not(:active):not(:disabled){background-image:none;box-shadow:0 0 0 2px #0770e3 inset;color:#0770e3;color:var(--bpk-button-secondary-hover-text-color, #0770e3);background-color:#fff;background-color:var(--bpk-button-secondary-hover-background-color, #fff);box-shadow:0 0 0 2px #0770e3 inset;box-shadow:0 0 0 2px var(--bpk-button-secondary-hover-border-color, #0770e3) inset}.bpk-button--secondary:active{background-image:none;box-shadow:0 0 0 3px #084eb2 inset;color:#084eb2;color:var(--bpk-button-secondary-active-text-color, #084eb2);background-color:#fff;background-color:var(--bpk-button-secondary-active-background-color, #fff);box-shadow:0 0 0 3px #084eb2 inset;box-shadow:0 0 0 3px var(--bpk-button-secondary-active-border-color, #084eb2) inset}.bpk-button--secondary:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf;box-shadow:none}