superdesk-ui-framework 3.1.24 → 3.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
2
  import classNames from 'classnames';
3
- import { Icon } from '../Icon';
3
+ import {Icon} from '../Icon';
4
4
 
5
5
  interface IProps {
6
6
  children?: React.ReactNode;
7
7
  collapsed?: boolean;
8
- headerPadding?: 'small' | 'medium' | 'large';
8
+ headerStyles?: string;
9
9
  }
10
10
  interface IState {
11
11
  collapsed: boolean;
@@ -21,17 +21,21 @@ export class AuthoringInnerHeader extends React.PureComponent<IProps, IState> {
21
21
  }
22
22
 
23
23
  render() {
24
- let classes = classNames('sd-editor-content__authoring-header', {
25
- 'authoring-header--collapsed': this.state.collapsed,
26
- [`authoring-header--padding-${this.props.headerPadding}`]: this.props.headerPadding,
27
- });
24
+ const classes = classNames(
25
+ 'sd-editor-content__authoring-header',
26
+ {
27
+ 'authoring-header--collapsed': this.state.collapsed,
28
+ [`${this.props.headerStyles}`]: this.props.headerStyles,
29
+ },
30
+ );
31
+
28
32
  return (
29
33
  <header className={classes}>
30
34
  <div className="authoring-header__holder">
31
35
  {this.props.children}
32
36
  </div>
33
37
  <button className="authoring-header__toggle"
34
- onClick={() => this.setState({ collapsed: !this.state.collapsed })}>
38
+ onClick={() => this.setState({collapsed: !this.state.collapsed})}>
35
39
  <Icon name="chevron-up-thin" />
36
40
  </button>
37
41
  </header>
@@ -14,9 +14,9 @@ interface IProps {
14
14
  toolBar?: React.ReactNode;
15
15
  authoringMain?: React.ReactNode;
16
16
  authoringHeader?: React.ReactNode;
17
+ headerStyles?: string;
17
18
  authoringBookmarks?: React.ReactNode;
18
19
  headerCollapsed?: boolean;
19
- headerPadding?: 'small' | 'medium' | 'large';
20
20
  toolbarCustom?: boolean;
21
21
  noPaddingForContent?: boolean;
22
22
  }
@@ -33,10 +33,11 @@ export class AuthoringMain extends React.PureComponent<IProps> {
33
33
  <AuthoringMainContent>
34
34
  {this.props.authoringHeader && (
35
35
  <AuthoringInnerHeader
36
- headerPadding={this.props.headerPadding}
37
- collapsed={this.props.headerCollapsed}>
36
+ headerStyles={this.props.headerStyles}
37
+ collapsed={this.props.headerCollapsed}
38
+ >
38
39
  {this.props.authoringHeader}
39
- </AuthoringInnerHeader>
40
+ </AuthoringInnerHeader>
40
41
  )}
41
42
  {this.props.authoringBookmarks && (
42
43
  <AuthorinInnerSideBar>
@@ -150205,7 +150205,7 @@ var AuthoringMain = /** @class */ (function (_super) {
150205
150205
  return (React.createElement(_1.AuthoringMainContainer, null,
150206
150206
  this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
150207
150207
  React.createElement(_1.AuthoringMainContent, null,
150208
- this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
150208
+ this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerStyles: this.props.headerStyles, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
150209
150209
  this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
150210
150210
  React.createElement(_1.AuthoringInnerBody, { noPadding: this.props.noPaddingForContent }, this.props.children))));
150211
150211
  };
@@ -150468,7 +150468,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
150468
150468
  var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', (_a = {
150469
150469
  'authoring-header--collapsed': this.state.collapsed
150470
150470
  },
150471
- _a["authoring-header--padding-".concat(this.props.headerPadding)] = this.props.headerPadding,
150471
+ _a["".concat(this.props.headerStyles)] = this.props.headerStyles,
150472
150472
  _a));
150473
150473
  return (React.createElement("header", { className: classes },
150474
150474
  React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
@@ -158583,7 +158583,7 @@ var RundownEditor = /** @class */ (function (_super) {
158583
158583
  React.createElement(index_1.Tooltip, { text: 'Send to / Publish', flow: 'left' },
158584
158584
  React.createElement(index_1.NavButton, { type: 'highlight', icon: 'send-to', iconSize: 'big', text: 'Send to / Publish', onClick: function () { return false; } })))))),
158585
158585
  React.createElement(Layout.MainPanel, { padding: 'none' },
158586
- React.createElement(Layout.AuthoringMain, { headerPadding: 'medium', toolBar: (React.createElement(React.Fragment, null,
158586
+ React.createElement(Layout.AuthoringMain, { headerStyles: 'authoring-header--padding-medium', toolBar: (React.createElement(React.Fragment, null,
158587
158587
  React.createElement("div", { className: "sd-editor-toolbar__content" },
158588
158588
  React.createElement("dl", null,
158589
158589
  React.createElement("dt", null, "Created"),
@@ -158638,7 +158638,7 @@ var RundownEditor = /** @class */ (function (_super) {
158638
158638
  React.createElement(Layout.RightPanel, { open: this.props.rightPanel },
158639
158639
  React.createElement(Layout.Panel, { size: 'x-large', side: 'right' },
158640
158640
  React.createElement(Layout.PanelContent, null,
158641
- React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, { headerPadding: 'medium', toolbarCustom: true, headerCollapsed: true, toolBar: (React.createElement(React.Fragment, null,
158641
+ React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, { headerStyles: 'authoring-header--padding-medium', toolbarCustom: true, headerCollapsed: true, toolBar: (React.createElement(React.Fragment, null,
158642
158642
  React.createElement(index_1.SubNav, { className: 'sd-shadow--z0' },
158643
158643
  React.createElement(index_1.SlidingToolbar, null,
158644
158644
  React.createElement(index_1.ButtonGroup, { align: 'start' },
@@ -179229,7 +179229,7 @@ var EditorTest = /** @class */ (function (_super) {
179229
179229
  _this.setState({
179230
179230
  activeTab: val,
179231
179231
  });
179232
- } })), main: (React.createElement(Layout.AuthoringMain, { headerPadding: 'medium', toolBar: (React.createElement(React.Fragment, null,
179232
+ } })), main: (React.createElement(Layout.AuthoringMain, { headerStyles: 'authoring-header--padding-medium', toolBar: (React.createElement(React.Fragment, null,
179233
179233
  React.createElement("div", { className: "sd-editor-toolbar__content" },
179234
179234
  React.createElement("dl", null,
179235
179235
  React.createElement("dt", null, "Created"),
@@ -179508,7 +179508,7 @@ var Editor = /** @class */ (function (_super) {
179508
179508
  React.createElement(index_1.Tooltip, { text: 'Send to / Publish', flow: 'left' },
179509
179509
  React.createElement(index_1.NavButton, { type: 'highlight', icon: 'send-to', iconSize: 'big', text: 'Send to / Publish', onClick: function () { return false; } })),
179510
179510
  React.createElement(index_1.Tooltip, { text: 'Send to / Publish', flow: 'left' },
179511
- React.createElement(index_1.NavButton, { type: 'darker', icon: this.state.sideBarOpen ? 'forward-thin' : 'backward-thin', text: 'More actions', onClick: function () { return _this.setState({ sideBarOpen: !_this.state.sideBarOpen }); } })))))), main: (React.createElement(Layout.AuthoringMain, { headerPadding: 'medium', toolBar: (React.createElement(React.Fragment, null,
179511
+ React.createElement(index_1.NavButton, { type: 'darker', icon: this.state.sideBarOpen ? 'forward-thin' : 'backward-thin', text: 'More actions', onClick: function () { return _this.setState({ sideBarOpen: !_this.state.sideBarOpen }); } })))))), main: (React.createElement(Layout.AuthoringMain, { headerStyles: 'authoring-header--padding-medium', toolBar: (React.createElement(React.Fragment, null,
179512
179512
  React.createElement("div", { className: "sd-editor-toolbar__content" },
179513
179513
  React.createElement("dl", null,
179514
179514
  React.createElement("dt", null, "Created"),
@@ -185535,7 +185535,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
185535
185535
  /* 935 */
185536
185536
  /***/ (function(module, exports) {
185537
185537
 
185538
- module.exports = {"name":"superdesk-ui-framework","version":"3.1.24","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@popperjs/core":"^2.4.0","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-12","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3"},"peerDependencies":{"moment":"*"}}
185538
+ module.exports = {"name":"superdesk-ui-framework","version":"3.1.25","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@popperjs/core":"^2.4.0","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-12","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3"},"peerDependencies":{"moment":"*"}}
185539
185539
 
185540
185540
  /***/ }),
185541
185541
  /* 936 */
@@ -122,7 +122,7 @@ export class EditorTest extends React.Component<IProps, IState> {
122
122
  )}
123
123
  main={(
124
124
  <Layout.AuthoringMain
125
- headerPadding='medium'
125
+ headerStyles='authoring-header--padding-medium'
126
126
  toolBar={(
127
127
  <React.Fragment>
128
128
  <div className="sd-editor-toolbar__content">
@@ -134,7 +134,7 @@ export class Editor extends React.Component<{}, IEditor> {
134
134
  )}
135
135
  main={(
136
136
  <Layout.AuthoringMain
137
- headerPadding='medium'
137
+ headerStyles='authoring-header--padding-medium'
138
138
  toolBar={(
139
139
  <React.Fragment>
140
140
  <div className="sd-editor-toolbar__content">
@@ -147,7 +147,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
147
147
  <Layout.HeaderPanel>
148
148
  <SubNav>
149
149
  <Tooltip text={this.state.isExpanded ? "Revert Authoring" : "Expand Authoring"} flow='right' appendToBody={true}>
150
- <button
150
+ <button
151
151
  className={`expand-button ${this.state.isExpanded ? "expand-button--expanded" : ""}`}
152
152
  onClick={this.toggleExpand}
153
153
  >
@@ -175,7 +175,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
175
175
 
176
176
  <Layout.MainPanel padding='none'>
177
177
  <Layout.AuthoringMain
178
- headerPadding='medium'
178
+ headerStyles='authoring-header--padding-medium'
179
179
  toolBar={(
180
180
  <React.Fragment>
181
181
  <div className="sd-editor-toolbar__content">
@@ -341,7 +341,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
341
341
  <Layout.AuthoringFrame
342
342
  main={
343
343
  <Layout.AuthoringMain
344
- headerPadding='medium'
344
+ headerStyles='authoring-header--padding-medium'
345
345
  toolbarCustom={true}
346
346
  headerCollapsed={true}
347
347
  toolBar={(
@@ -149326,7 +149326,7 @@ var AuthoringMain = /** @class */ (function (_super) {
149326
149326
  return (React.createElement(_1.AuthoringMainContainer, null,
149327
149327
  this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
149328
149328
  React.createElement(_1.AuthoringMainContent, null,
149329
- this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
149329
+ this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerStyles: this.props.headerStyles, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
149330
149330
  this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
149331
149331
  React.createElement(_1.AuthoringInnerBody, { noPadding: this.props.noPaddingForContent }, this.props.children))));
149332
149332
  };
@@ -149589,7 +149589,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
149589
149589
  var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', (_a = {
149590
149590
  'authoring-header--collapsed': this.state.collapsed
149591
149591
  },
149592
- _a["authoring-header--padding-".concat(this.props.headerPadding)] = this.props.headerPadding,
149592
+ _a["".concat(this.props.headerStyles)] = this.props.headerStyles,
149593
149593
  _a));
149594
149594
  return (React.createElement("header", { className: classes },
149595
149595
  React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
@@ -122,7 +122,7 @@ export class EditorTest extends React.Component<IProps, IState> {
122
122
  )}
123
123
  main={(
124
124
  <Layout.AuthoringMain
125
- headerPadding='medium'
125
+ headerStyles='authoring-header--padding-medium'
126
126
  toolBar={(
127
127
  <React.Fragment>
128
128
  <div className="sd-editor-toolbar__content">
@@ -134,7 +134,7 @@ export class Editor extends React.Component<{}, IEditor> {
134
134
  )}
135
135
  main={(
136
136
  <Layout.AuthoringMain
137
- headerPadding='medium'
137
+ headerStyles='authoring-header--padding-medium'
138
138
  toolBar={(
139
139
  <React.Fragment>
140
140
  <div className="sd-editor-toolbar__content">
@@ -147,7 +147,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
147
147
  <Layout.HeaderPanel>
148
148
  <SubNav>
149
149
  <Tooltip text={this.state.isExpanded ? "Revert Authoring" : "Expand Authoring"} flow='right' appendToBody={true}>
150
- <button
150
+ <button
151
151
  className={`expand-button ${this.state.isExpanded ? "expand-button--expanded" : ""}`}
152
152
  onClick={this.toggleExpand}
153
153
  >
@@ -175,7 +175,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
175
175
 
176
176
  <Layout.MainPanel padding='none'>
177
177
  <Layout.AuthoringMain
178
- headerPadding='medium'
178
+ headerStyles='authoring-header--padding-medium'
179
179
  toolBar={(
180
180
  <React.Fragment>
181
181
  <div className="sd-editor-toolbar__content">
@@ -341,7 +341,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
341
341
  <Layout.AuthoringFrame
342
342
  main={
343
343
  <Layout.AuthoringMain
344
- headerPadding='medium'
344
+ headerStyles='authoring-header--padding-medium'
345
345
  toolbarCustom={true}
346
346
  headerCollapsed={true}
347
347
  toolBar={(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "superdesk-ui-framework",
3
- "version": "3.1.24",
3
+ "version": "3.1.25",
4
4
  "license": "AGPL-3.0",
5
5
  "repository": {
6
6
  "type": "git",
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  interface IProps {
3
3
  children?: React.ReactNode;
4
4
  collapsed?: boolean;
5
- headerPadding?: 'small' | 'medium' | 'large';
5
+ headerStyles?: string;
6
6
  }
7
7
  interface IState {
8
8
  collapsed: boolean;
@@ -60,7 +60,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
60
60
  var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', (_a = {
61
61
  'authoring-header--collapsed': this.state.collapsed
62
62
  },
63
- _a["authoring-header--padding-".concat(this.props.headerPadding)] = this.props.headerPadding,
63
+ _a["".concat(this.props.headerStyles)] = this.props.headerStyles,
64
64
  _a));
65
65
  return (React.createElement("header", { className: classes },
66
66
  React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
@@ -3,9 +3,9 @@ interface IProps {
3
3
  toolBar?: React.ReactNode;
4
4
  authoringMain?: React.ReactNode;
5
5
  authoringHeader?: React.ReactNode;
6
+ headerStyles?: string;
6
7
  authoringBookmarks?: React.ReactNode;
7
8
  headerCollapsed?: boolean;
8
- headerPadding?: 'small' | 'medium' | 'large';
9
9
  toolbarCustom?: boolean;
10
10
  noPaddingForContent?: boolean;
11
11
  }
@@ -50,7 +50,7 @@ var AuthoringMain = /** @class */ (function (_super) {
50
50
  return (React.createElement(_1.AuthoringMainContainer, null,
51
51
  this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
52
52
  React.createElement(_1.AuthoringMainContent, null,
53
- this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
53
+ this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerStyles: this.props.headerStyles, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
54
54
  this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
55
55
  React.createElement(_1.AuthoringInnerBody, { noPadding: this.props.noPaddingForContent }, this.props.children))));
56
56
  };