@atlaskit/page-header 12.1.17 → 12.1.19

package/dist/es2019/PageHeader/styled.js

@@ -1,113 +0,0 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
-// TODO: Remove this eslint-disable when prop names have been renamed.
-// This rule is here as prop name changes are a major as they are used
-// by our consumers. The prop name concerned here is truncateTitle.
-// This can be done in the next lite-mode conversion.
-/* eslint-disable @repo/internal/react/boolean-prop-naming-convention */
-import "./styled.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { Box } from '@atlaskit/primitives/compiled';
-const styles = {
-  bottomBar: "_1pfhpxbi"
-};
-const truncateStyles = null;
-const outerStyles = null;
-const titleStyles = null;
-const titleWrapperStyles = null;
-const titleWrapperTruncateStyles = null;
-const titleContainerStyles = null;
-const actionStyles = null;
-const titleContainerTruncateStyles = null;
-
-/**
- * __Outer wrapper__.
- *
- * An outer wrapper that is the outermost component of the PageHeader component. It wraps around the PageHeader, its Actions,
- * the BottomBar and its Breadcrumbs.
- *
- */
-export const OuterWrapper = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_6rthpxbi _1pfh1ejb _12l2idpf _ahbqidpf"])
-  }, children);
-};
-/**
- * __Styled title wrapper__.
- *
- * A styled title wrapper is a wrapper around the title that controls its the styles exclusively.
- *
- */
-export const StyledTitleWrapper = /*#__PURE__*/React.forwardRef(({
-  children,
-  id,
-  truncateTitle,
-  testId
-}, ref) => {
-  return /*#__PURE__*/React.createElement("h1", {
-    ref: ref,
-    tabIndex: -1,
-    id: id,
-    "data-testid": testId && `${testId}--title`,
-    className: ax(["_11c810sd _12ji1r31 _1qu2glyw _12y31o36 _syazi7uo _1dyz4jg8 _1pfhidpf", truncateTitle && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
-  }, children);
-});
-/**
- * __Title wrapper__.
- *
- * A title wrapper is a wrapper around the title and the actions.
- *
- */
-export const TitleWrapper = ({
-  children,
-  truncateTitle
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw _4cvr1y6m _1n261q9c", truncateTitle && "_1n261q9c"])
-  }, children);
-};
-
-/**
- * Title container.
- *
- * A title container is a container that wraps around the title and its styles (if applied).
- *
- */
-export const TitleContainer = ({
-  children,
-  truncateTitle
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _1ul9idpf _p12f1osq _6rthu2gc _1i4q1hna", truncateTitle && "_1o9zkb7n"])
-  }, children);
-};
-
-/**
- * __Actions wrapper__.
- *
- * An actions wrapper is a wrapper for the actions, which appear on the top right of the PageHeader component.
- *
- */
-export const ActionsWrapper = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _p12f1osq _6rthu2gc _ahbq1wug _bozgxy5q _o5721q9c"])
-  }, children);
-};
-
-/**
- * __Bottom bar wrapper__.
- *
- * A bottom bar wrapper is a wrapper for the bottom bar, which appears at the bottom of the PageHeader component.
- *
- */
-export const BottomBarWrapper = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.bottomBar
-  }, children);
-};

package/dist/esm/PageHeader/styled.compiled.css

@@ -1,30 +0,0 @@
-._11c810sd{font:var(--ds-font-heading-large,normal 653 24px/28px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._12ji1r31{outline-color:currentColor}
-._12l2idpf{margin-inline-end:0}
-._12y31o36{outline-width:medium}
-._16jlidpf{flex-grow:0}
-._16jlkb7n{flex-grow:1}
-._18m915vq{overflow-y:hidden}
-._1bto1l2s{text-overflow:ellipsis}
-._1dyz4jg8{letter-spacing:normal}
-._1e0c1txw{display:flex}
-._1i4q1hna{overflow-wrap:break-word}
-._1n261q9c{flex-wrap:nowrap}
-._1o9zidpf{flex-shrink:0}
-._1o9zkb7n{flex-shrink:1}
-._1pfh1ejb{margin-block-start:var(--ds-space-300,24px)}
-._1pfhidpf{margin-block-start:0}
-._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
-._1qu2glyw{outline-style:none}
-._1reo15vq{overflow-x:hidden}
-._1ul9idpf{min-width:0}
-._4cvr1y6m{align-items:flex-start}
-._6rthpxbi{margin-block-end:var(--ds-space-200,1pc)}
-._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
-._ahbq1wug{margin-inline-start:auto}
-._ahbqidpf{margin-inline-start:0}
-._bozgxy5q{padding-inline-start:var(--ds-space-400,2pc)}
-._i0dl1wug{flex-basis:auto}
-._o5721q9c{white-space:nowrap}
-._p12f1osq{max-width:100%}
-._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/esm/PageHeader/styled.js

@@ -1,107 +0,0 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
-// TODO: Remove this eslint-disable when prop names have been renamed.
-// This rule is here as prop name changes are a major as they are used
-// by our consumers. The prop name concerned here is truncateTitle.
-// This can be done in the next lite-mode conversion.
-/* eslint-disable @repo/internal/react/boolean-prop-naming-convention */
-import "./styled.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { Box } from '@atlaskit/primitives/compiled';
-var styles = {
-  bottomBar: "_1pfhpxbi"
-};
-var truncateStyles = null;
-var outerStyles = null;
-var titleStyles = null;
-var titleWrapperStyles = null;
-var titleWrapperTruncateStyles = null;
-var titleContainerStyles = null;
-var actionStyles = null;
-var titleContainerTruncateStyles = null;
-
-/**
- * __Outer wrapper__.
- *
- * An outer wrapper that is the outermost component of the PageHeader component. It wraps around the PageHeader, its Actions,
- * the BottomBar and its Breadcrumbs.
- *
- */
-export var OuterWrapper = function OuterWrapper(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_6rthpxbi _1pfh1ejb _12l2idpf _ahbqidpf"])
-  }, children);
-};
-/**
- * __Styled title wrapper__.
- *
- * A styled title wrapper is a wrapper around the title that controls its the styles exclusively.
- *
- */
-export var StyledTitleWrapper = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-    id = _ref2.id,
-    truncateTitle = _ref2.truncateTitle,
-    testId = _ref2.testId;
-  return /*#__PURE__*/React.createElement("h1", {
-    ref: ref,
-    tabIndex: -1,
-    id: id,
-    "data-testid": testId && "".concat(testId, "--title"),
-    className: ax(["_11c810sd _12ji1r31 _1qu2glyw _12y31o36 _syazi7uo _1dyz4jg8 _1pfhidpf", truncateTitle && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
-  }, children);
-});
-/**
- * __Title wrapper__.
- *
- * A title wrapper is a wrapper around the title and the actions.
- *
- */
-export var TitleWrapper = function TitleWrapper(_ref3) {
-  var children = _ref3.children,
-    truncateTitle = _ref3.truncateTitle;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw _4cvr1y6m _1n261q9c", truncateTitle && "_1n261q9c"])
-  }, children);
-};
-
-/**
- * Title container.
- *
- * A title container is a container that wraps around the title and its styles (if applied).
- *
- */
-export var TitleContainer = function TitleContainer(_ref4) {
-  var children = _ref4.children,
-    truncateTitle = _ref4.truncateTitle;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _1ul9idpf _p12f1osq _6rthu2gc _1i4q1hna", truncateTitle && "_1o9zkb7n"])
-  }, children);
-};
-
-/**
- * __Actions wrapper__.
- *
- * An actions wrapper is a wrapper for the actions, which appear on the top right of the PageHeader component.
- *
- */
-export var ActionsWrapper = function ActionsWrapper(_ref5) {
-  var children = _ref5.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _p12f1osq _6rthu2gc _ahbq1wug _bozgxy5q _o5721q9c"])
-  }, children);
-};
-
-/**
- * __Bottom bar wrapper__.
- *
- * A bottom bar wrapper is a wrapper for the bottom bar, which appears at the bottom of the PageHeader component.
- *
- */
-export var BottomBarWrapper = function BottomBarWrapper(_ref6) {
-  var children = _ref6.children;
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.bottomBar
-  }, children);
-};

package/dist/types/PageHeader/styled.d.ts

@@ -1,65 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { type ReactNode } from 'react';
-/**
- * __Outer wrapper__.
- *
- * An outer wrapper that is the outermost component of the PageHeader component. It wraps around the PageHeader, its Actions,
- * the BottomBar and its Breadcrumbs.
- *
- */
-export declare const OuterWrapper: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;
-interface StyledTitleWrapperProps {
-    children?: React.ReactNode;
-    id?: string;
-    truncateTitle?: boolean;
-    testId?: string;
-}
-/**
- * __Styled title wrapper__.
- *
- * A styled title wrapper is a wrapper around the title that controls its the styles exclusively.
- *
- */
-export declare const StyledTitleWrapper: React.ForwardRefExoticComponent<React.PropsWithoutRef<StyledTitleWrapperProps> & React.RefAttributes<HTMLHeadingElement>>;
-interface TitleProps {
-    truncateTitle?: boolean;
-    children?: ReactNode;
-}
-/**
- * __Title wrapper__.
- *
- * A title wrapper is a wrapper around the title and the actions.
- *
- */
-export declare const TitleWrapper: ({ children, truncateTitle }: TitleProps) => JSX.Element;
-/**
- * Title container.
- *
- * A title container is a container that wraps around the title and its styles (if applied).
- *
- */
-export declare const TitleContainer: ({ children, truncateTitle }: TitleProps) => JSX.Element;
-/**
- * __Actions wrapper__.
- *
- * An actions wrapper is a wrapper for the actions, which appear on the top right of the PageHeader component.
- *
- */
-export declare const ActionsWrapper: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;
-/**
- * __Bottom bar wrapper__.
- *
- * A bottom bar wrapper is a wrapper for the bottom bar, which appears at the bottom of the PageHeader component.
- *
- */
-export declare const BottomBarWrapper: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;
-export {};

package/dist/types-ts4.5/PageHeader/styled.d.ts

@@ -1,65 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { type ReactNode } from 'react';
-/**
- * __Outer wrapper__.
- *
- * An outer wrapper that is the outermost component of the PageHeader component. It wraps around the PageHeader, its Actions,
- * the BottomBar and its Breadcrumbs.
- *
- */
-export declare const OuterWrapper: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;
-interface StyledTitleWrapperProps {
-    children?: React.ReactNode;
-    id?: string;
-    truncateTitle?: boolean;
-    testId?: string;
-}
-/**
- * __Styled title wrapper__.
- *
- * A styled title wrapper is a wrapper around the title that controls its the styles exclusively.
- *
- */
-export declare const StyledTitleWrapper: React.ForwardRefExoticComponent<React.PropsWithoutRef<StyledTitleWrapperProps> & React.RefAttributes<HTMLHeadingElement>>;
-interface TitleProps {
-    truncateTitle?: boolean;
-    children?: ReactNode;
-}
-/**
- * __Title wrapper__.
- *
- * A title wrapper is a wrapper around the title and the actions.
- *
- */
-export declare const TitleWrapper: ({ children, truncateTitle }: TitleProps) => JSX.Element;
-/**
- * Title container.
- *
- * A title container is a container that wraps around the title and its styles (if applied).
- *
- */
-export declare const TitleContainer: ({ children, truncateTitle }: TitleProps) => JSX.Element;
-/**
- * __Actions wrapper__.
- *
- * An actions wrapper is a wrapper for the actions, which appear on the top right of the PageHeader component.
- *
- */
-export declare const ActionsWrapper: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;
-/**
- * __Bottom bar wrapper__.
- *
- * A bottom bar wrapper is a wrapper for the bottom bar, which appears at the bottom of the PageHeader component.
- *
- */
-export declare const BottomBarWrapper: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;
-export {};