@skyscanner/backpack-web 25.4.1 → 25.5.0

package/bpk-component-section-header/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SECTION_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _BpkSectionHeader.SECTION_TYPES;
+  }
+});
+exports.default = void 0;
+var _BpkSectionHeader = _interopRequireWildcard(require("./src/BpkSectionHeader"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var _default = _BpkSectionHeader.default;
+exports.default = _default;

package/bpk-component-section-header/src/BpkSectionHeader.d.ts

@@ -0,0 +1,32 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { ReactNode } from 'react';
+export declare const SECTION_TYPES: {
+  default: 'default',
+  onDark: 'onDark',
+};
+export type SectionType = (typeof SECTION_TYPES)[keyof typeof SECTION_TYPES];
+type Props = {
+  title: string;
+  description?: string;
+  button?: ReactNode;
+  type?: SectionType;
+};
+declare const BpkSectionHeader: ({ title, description, button, type }: Props) => JSX.Element;
+export default BpkSectionHeader;

package/bpk-component-section-header/src/BpkSectionHeader.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SECTION_TYPES = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _bpkComponentText = _interopRequireDefault(require("../../bpk-component-text"));
+var _BpkSectionHeaderModule = _interopRequireDefault(require("./BpkSectionHeader.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkSectionHeaderModule.default);
+const SECTION_TYPES = {
+  default: 'default',
+  onDark: 'on-dark'
+};
+exports.SECTION_TYPES = SECTION_TYPES;
+const BpkSectionHeader = ({
+  button,
+  description,
+  title,
+  type = SECTION_TYPES.default
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  className: getClassName('bpk-section-header'),
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: getClassName('bpk-section-header__title-description', `bpk-section-header__title-description--${type}`),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+      tagName: "h2",
+      className: getClassName('bpk-section-header__title'),
+      children: title
+    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+      children: description
+    })]
+  }), button]
+});
+var _default = BpkSectionHeader;
+exports.default = _default;

package/bpk-component-section-header/src/BpkSectionHeader.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+*/
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-section-header{display:flex;justify-content:space-between;align-items:flex-start;background-color:transparent}.bpk-section-header__title-description{display:flex;flex-direction:column}.bpk-section-header__title-description--default{color:#161616}.bpk-section-header__title-description--on-dark{color:#fff}.bpk-section-header__title{font-size:2rem;line-height:2.5rem;font-weight:700}@media (max-width: 32rem){.bpk-section-header__title{font-size:1.5rem;line-height:1.75rem;font-weight:700}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "25.4.1",
+  "version": "25.5.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",