@bbl-digital/snorre 4.2.99 → 4.3.1

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.
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.WithError = exports.Rich = exports.Readonly = exports.Placeholder = exports.MaxlenghtWordCount = exports.InModal = exports.Default = exports.CustomSize = void 0;
6
+ exports.default = exports.WithoutSoftBreak = exports.WithError = exports.Rich = exports.Readonly = exports.Placeholder = exports.MaxlenghtWordCount = exports.InModal = exports.Default = exports.CustomSize = void 0;
7
7
  var _ = _interopRequireDefault(require("."));
8
8
  var _Modal = _interopRequireDefault(require("../Modal"));
9
9
  var _Header = _interopRequireDefault(require("../Header"));
@@ -104,4 +104,10 @@ const InModal = exports.InModal = {
104
104
  })
105
105
  }),
106
106
  name: 'In modal'
107
+ };
108
+ const WithoutSoftBreak = exports.WithoutSoftBreak = {
109
+ render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
110
+ withSoftBreakStyle: false
111
+ }),
112
+ name: 'Without soft break'
107
113
  };
@@ -97,6 +97,7 @@ const QuillEditor = ({
97
97
  customModules = {
98
98
  toolbar: _config.basicToolbar
99
99
  },
100
+ withSoftBreakStyle = true,
100
101
  formats = ['header', 'size', 'bold', 'italic', 'underline', 'list', 'indent', 'link', 'image', 'align'],
101
102
  bounds,
102
103
  onChange,
@@ -411,7 +412,7 @@ const QuillEditor = ({
411
412
  }, [readOnly, quill]);
412
413
  return (0, _jsxRuntime.jsxs)("div", {
413
414
  className: className,
414
- css: theme => [_styles.styles.default(theme, maxHeight, minHeight, width, minWidth, maxWidth, height, resizable)],
415
+ css: theme => [_styles.styles.default(theme, maxHeight, minHeight, width, minWidth, maxWidth, height, resizable, withSoftBreakStyle)],
415
416
  children: [label && (0, _jsxRuntime.jsx)(_styles.Label, {
416
417
  children: label
417
418
  }), (0, _jsxRuntime.jsx)("div", {
@@ -8,8 +8,16 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
8
  var _react = require("@emotion/react");
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
10
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
11
+ var _ref = process.env.NODE_ENV === "production" ? {
12
+ name: "imewub",
13
+ styles: "p{margin-bottom:1em;}"
14
+ } : {
15
+ name: "1a2ft4e-default",
16
+ styles: "p{margin-bottom:1em;};label:default;",
17
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
18
+ };
11
19
  const styles = exports.styles = {
12
- default: (theme, maxHeight, minHeight, maxWidth, width, minWidth, height, resizable) => /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;min-height:", minHeight ? `${minHeight}` : '150px', ";max-height:", maxHeight ? `${maxHeight}` : resizable ? 'auto' : '400px', ";width:", width ? `${width}` : '100%', ";min-width:", minWidth ? `${minWidth}` : !!width ? '100%' : 'unset', ";max-width:", maxWidth ? `${maxWidth}` : '100%', ";height:", height ? `${height}` : 'auto', ";.ql-editor li[data-list='ordered'].ql-indent-1>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-2>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-3>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-4>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-5>.ql-ui:before{content:counter(list-1, decimal) '. ';}.ql-editor li[data-list='bullet']:not([class*='ql-indent-'])+li[data-list='ordered']{counter-set:list-0 1;}.ql-editor li[data-list='ordered']:not([class*='ql-indent-'])+li[class*='ql-indent-'][data-list='ordered']{counter-set:list-1 1;}.ql-toolbar{border:1px solid ", theme.border, ";background-color:white;border-radius:3px 3px 0 0;padding-top:0;padding-bottom:0;:has(.ql-list.ql-active){.ql-align{opacity:0.5;cursor:not-allowed;pointer-events:none;}}.ql-formats{margin-right:0;padding:4px;&:not(:first-of-type){border-left:1px solid ", theme.border, ";}button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:3px;svg{height:65%;}&:hover{background:rgb(222, 224, 226);}&.ql-active{background:rgb(200, 203, 207);}&.ql-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;&:hover{background:none;}}}}.ql-picker-label{border-color:transparent!important;}.ql-picker-options{border-radius:3px;padding-left:0;padding-right:0;margin-top:3px!important;.ql-picker-item{padding:4px;&:hover{background:rgb(222, 224, 226);}}}}.ql-container{border:1px solid ", theme.border, ";border-top:none;border-radius:0 0 3px 3px;font-size:16px;}.ql-editor[contenteditable='false']{background-color:#b7b7b77a;}.ql-container{height:auto;min-height:10rem;display:flex;flex-direction:column;}.ql-editor{min-height:10rem;height:", height ? height : 'auto', ";background-color:white;overflow-y:auto;resize:", resizable ? 'vertical' : 'none', ";width:100%;p{margin-bottom:1em;}}.ql-snow{.ql-tooltip{padding:8px 12px;color:", theme.defaultText, ";background-color:white;border:1px solid ", theme.border, ";box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);border-radius:5px;&::before{content:'URL:'!important;font-size:14px;}input[type='text']{width:200px;border:1px solid ", theme.border, ";border-radius:3px;padding:4px;font-size:14px;outline:none;&::placeholder{content:'https://www.eksempel.no';}}a{line-height:25px;&.ql-action{line-height:22px;}&.ql-action::after,&.ql-remove::before{color:#1657e2;font-size:14px;font-weight:500;text-decoration:underline;}&.ql-action::after{content:'Rediger'!important;}&.ql-remove::before{content:'Fjern'!important;}&.ql-preview{color:#1657e2;font-size:14px;max-width:250px;vertical-align:middle;white-space:nowrap;}}&.ql-editing{input[type='text']{}a.ql-action::after{content:'Lagre'!important;}}&[data-mode='link']::before{content:'URL:'!important;}&[data-mode='formula']::before{content:'Formel:'!important;}&[data-mode='video']::before{content:'video-URL:'!important;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"))
20
+ default: (theme, maxHeight, minHeight, maxWidth, width, minWidth, height, resizable, withSoftBreakStyle) => /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;min-height:", minHeight ? `${minHeight}` : '150px', ";max-height:", maxHeight ? `${maxHeight}` : resizable ? 'auto' : '400px', ";width:", width ? `${width}` : '100%', ";min-width:", minWidth ? `${minWidth}` : !!width ? '100%' : 'unset', ";max-width:", maxWidth ? `${maxWidth}` : '100%', ";height:", height ? `${height}` : 'auto', ";.ql-editor li[data-list='ordered'].ql-indent-1>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-2>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-3>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-4>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-5>.ql-ui:before{content:counter(list-1, decimal) '. ';}.ql-editor li[data-list='bullet']:not([class*='ql-indent-'])+li[data-list='ordered']{counter-set:list-0 1;}.ql-editor li[data-list='ordered']:not([class*='ql-indent-'])+li[class*='ql-indent-'][data-list='ordered']{counter-set:list-1 1;}.ql-toolbar{border:1px solid ", theme.border, ";background-color:white;border-radius:3px 3px 0 0;padding-top:0;padding-bottom:0;:has(.ql-list.ql-active){.ql-align{opacity:0.5;cursor:not-allowed;pointer-events:none;}}.ql-formats{margin-right:0;padding:4px;&:not(:first-of-type){border-left:1px solid ", theme.border, ";}button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:3px;svg{height:65%;}&:hover{background:rgb(222, 224, 226);}&.ql-active{background:rgb(200, 203, 207);}&.ql-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;&:hover{background:none;}}}}.ql-picker-label{border-color:transparent!important;}.ql-picker-options{border-radius:3px;padding-left:0;padding-right:0;margin-top:3px!important;.ql-picker-item{padding:4px;&:hover{background:rgb(222, 224, 226);}}}}.ql-container{border:1px solid ", theme.border, ";border-top:none;border-radius:0 0 3px 3px;font-size:16px;}.ql-editor[contenteditable='false']{background-color:#b7b7b77a;}.ql-container{height:auto;min-height:10rem;display:flex;flex-direction:column;}.ql-editor{min-height:10rem;height:", height ? height : 'auto', ";background-color:white;overflow-y:auto;resize:", resizable ? 'vertical' : 'none', ";width:100%;", withSoftBreakStyle && _ref, ";}.ql-snow{.ql-tooltip{padding:8px 12px;color:", theme.defaultText, ";background-color:white;border:1px solid ", theme.border, ";box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);border-radius:5px;&::before{content:'URL:'!important;font-size:14px;}input[type='text']{width:200px;border:1px solid ", theme.border, ";border-radius:3px;padding:4px;font-size:14px;outline:none;&::placeholder{content:'https://www.eksempel.no';}}a{line-height:25px;&.ql-action{line-height:22px;}&.ql-action::after,&.ql-remove::before{color:#1657e2;font-size:14px;font-weight:500;text-decoration:underline;}&.ql-action::after{content:'Rediger'!important;}&.ql-remove::before{content:'Fjern'!important;}&.ql-preview{color:#1657e2;font-size:14px;max-width:250px;vertical-align:middle;white-space:nowrap;}}&.ql-editing{input[type='text']{}a.ql-action::after{content:'Lagre'!important;}}&[data-mode='link']::before{content:'URL:'!important;}&[data-mode='formula']::before{content:'Formel:'!important;}&[data-mode='video']::before{content:'video-URL:'!important;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"))
13
21
  };
14
22
  const Label = exports.Label = /*#__PURE__*/(0, _base.default)("label", process.env.NODE_ENV === "production" ? {
15
23
  target: "e102ifjr1"
@@ -33,4 +33,8 @@ export declare const InModal: {
33
33
  render: () => import("react").JSX.Element;
34
34
  name: string;
35
35
  };
36
+ export declare const WithoutSoftBreak: {
37
+ render: () => import("react").JSX.Element;
38
+ name: string;
39
+ };
36
40
  //# sourceMappingURL=QuillEditor.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"QuillEditor.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/QuillEditor.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAQlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAcnB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;CAkB9B,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAStB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAKvB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAQrB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAqBnB,CAAA"}
1
+ {"version":3,"file":"QuillEditor.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/QuillEditor.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAQlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAcnB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;CAkB9B,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAStB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAKvB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAQrB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAqBnB,CAAA;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAA"}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.WithError = exports.Rich = exports.Readonly = exports.Placeholder = exports.MaxlenghtWordCount = exports.InModal = exports.Default = exports.CustomSize = void 0;
6
+ exports.default = exports.WithoutSoftBreak = exports.WithError = exports.Rich = exports.Readonly = exports.Placeholder = exports.MaxlenghtWordCount = exports.InModal = exports.Default = exports.CustomSize = void 0;
7
7
  var _ = _interopRequireDefault(require("."));
8
8
  var _Modal = _interopRequireDefault(require("../Modal"));
9
9
  var _Header = _interopRequireDefault(require("../Header"));
@@ -104,4 +104,10 @@ const InModal = exports.InModal = {
104
104
  })
105
105
  }),
106
106
  name: 'In modal'
107
+ };
108
+ const WithoutSoftBreak = exports.WithoutSoftBreak = {
109
+ render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
110
+ withSoftBreakStyle: false
111
+ }),
112
+ name: 'Without soft break'
107
113
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAW3C,OAAO,2BAA2B,CAAA;AAgDlC,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqc3C,CAAA;AAED,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAW3C,OAAO,2BAA2B,CAAA;AAgDlC,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuc3C,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -97,6 +97,7 @@ const QuillEditor = ({
97
97
  customModules = {
98
98
  toolbar: _config.basicToolbar
99
99
  },
100
+ withSoftBreakStyle = true,
100
101
  formats = ['header', 'size', 'bold', 'italic', 'underline', 'list', 'indent', 'link', 'image', 'align'],
101
102
  bounds,
102
103
  onChange,
@@ -411,7 +412,7 @@ const QuillEditor = ({
411
412
  }, [readOnly, quill]);
412
413
  return (0, _jsxRuntime.jsxs)("div", {
413
414
  className: className,
414
- css: theme => [_styles.styles.default(theme, maxHeight, minHeight, width, minWidth, maxWidth, height, resizable)],
415
+ css: theme => [_styles.styles.default(theme, maxHeight, minHeight, width, minWidth, maxWidth, height, resizable, withSoftBreakStyle)],
415
416
  children: [label && (0, _jsxRuntime.jsx)(_styles.Label, {
416
417
  children: label
417
418
  }), (0, _jsxRuntime.jsx)("div", {
@@ -39,34 +39,63 @@ interface QuillToolbarConfig {
39
39
  video?: boolean;
40
40
  }
41
41
  interface QuillEditorProps {
42
+ /** The height of the editor */
42
43
  height?: string;
44
+ /** The width of the editor */
43
45
  width?: string;
46
+ /** The minimum height of the editor */
44
47
  minHeight?: string;
48
+ /** The maximum height of the editor */
45
49
  maxHeight?: string;
50
+ /** The minimum width of the editor */
46
51
  minWidth?: string;
52
+ /** The maximum width of the editor */
47
53
  maxWidth?: string;
54
+ /** The label of the editor */
48
55
  label?: string;
56
+ /** Whether the editor is disabled */
49
57
  disabled?: boolean;
58
+ /** The placeholder of the editor */
50
59
  placeholder?: string;
60
+ /** The initial value of the editor */
51
61
  initialValue?: string;
62
+ /** The override value of the editor */
52
63
  overrideValue?: string;
64
+ /** Whether the editor is read only */
53
65
  readOnly?: boolean;
66
+ /** Whether to paste as text */
54
67
  pasteAsText?: boolean;
68
+ /** The type of the editor */
55
69
  type?: 'basic' | 'rich' | 'full' | 'custom';
70
+ /** The custom modules of the editor */
56
71
  customModules?: {
57
72
  toolbar?: QuillToolbarConfig[];
58
73
  };
74
+ /** The editor will always use soft breaks, but this will turn off the styles. E.g. <p> will not have a margin-bottom. */
75
+ withSoftBreakStyle?: boolean;
76
+ /** Whether to resize the editor */
59
77
  resize?: boolean | 'both';
78
+ /** The formats of the editor */
60
79
  formats?: string[];
80
+ /** The bounds of the editor */
61
81
  bounds?: string | HTMLElement;
82
+ /** The onChange event of the editor */
62
83
  onChange?: (content: string, length: number) => void;
84
+ /** The onFocus event of the editor */
63
85
  onFocus?: (html: string) => void;
86
+ /** The onBlur event of the editor */
64
87
  onBlur?: (html: string) => void;
88
+ /** The invalid message of the editor */
65
89
  invalidMessage?: string;
90
+ /** The style of the editor */
66
91
  style?: React.CSSProperties;
92
+ /** The maximum length of the editor */
67
93
  maxlenght?: number;
94
+ /** Whether to show the word count */
68
95
  wordCount?: boolean;
96
+ /** Whether to resize the editor */
69
97
  resizable?: boolean;
98
+ /** The class name of the editor */
70
99
  className?: string;
71
100
  }
72
101
  interface QuillEditorRef {
@@ -1 +1 @@
1
- {"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/models.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/models.ts"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { IAppTheme } from '../../app-shell/theme';
2
2
  export declare const styles: {
3
- default: (theme: IAppTheme, maxHeight?: string, minHeight?: string, maxWidth?: string, width?: string, minWidth?: string, height?: string, resizable?: boolean) => import("@emotion/react").SerializedStyles;
3
+ default: (theme: IAppTheme, maxHeight?: string, minHeight?: string, maxWidth?: string, width?: string, minWidth?: string, height?: string, resizable?: boolean, withSoftBreakStyle?: boolean) => import("@emotion/react").SerializedStyles;
4
4
  };
5
5
  export declare const Label: import("@emotion/styled").StyledComponent<{
6
6
  theme?: import("@emotion/react").Theme;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,eAAO,MAAM,MAAM;qBAER,SAAS,cACJ,MAAM,cACN,MAAM,aACP,MAAM,UACT,MAAM,aACH,MAAM,WACR,MAAM,cACH,OAAO;CA6NtB,CAAA;AAED,eAAO,MAAM,KAAK;;SAzNW,MAAO,WAChC;kHA6NH,CAAA;AAED,eAAO,MAAM,YAAY;;SAhOI,MAAO,WAChC;yGAyOH,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,eAAO,MAAM,MAAM;qBAER,SAAS,cACJ,MAAM,cACN,MAAM,aACP,MAAM,UACT,MAAM,aACH,MAAM,WACR,MAAM,cACH,OAAO,uBACE,OAAO;CAgO/B,CAAA;AAED,eAAO,MAAM,KAAK;;SA7NuD,MACrE,WAAS;kHAiOZ,CAAA;AAED,eAAO,MAAM,YAAY;;SApOgD,MACrE,WAAS;yGA6OZ,CAAA"}
@@ -8,8 +8,16 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
8
  var _react = require("@emotion/react");
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
10
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
11
+ var _ref = process.env.NODE_ENV === "production" ? {
12
+ name: "imewub",
13
+ styles: "p{margin-bottom:1em;}"
14
+ } : {
15
+ name: "1a2ft4e-default",
16
+ styles: "p{margin-bottom:1em;};label:default;",
17
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
18
+ };
11
19
  const styles = exports.styles = {
12
- default: (theme, maxHeight, minHeight, maxWidth, width, minWidth, height, resizable) => /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;min-height:", minHeight ? `${minHeight}` : '150px', ";max-height:", maxHeight ? `${maxHeight}` : resizable ? 'auto' : '400px', ";width:", width ? `${width}` : '100%', ";min-width:", minWidth ? `${minWidth}` : !!width ? '100%' : 'unset', ";max-width:", maxWidth ? `${maxWidth}` : '100%', ";height:", height ? `${height}` : 'auto', ";.ql-editor li[data-list='ordered'].ql-indent-1>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-2>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-3>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-4>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-5>.ql-ui:before{content:counter(list-1, decimal) '. ';}.ql-editor li[data-list='bullet']:not([class*='ql-indent-'])+li[data-list='ordered']{counter-set:list-0 1;}.ql-editor li[data-list='ordered']:not([class*='ql-indent-'])+li[class*='ql-indent-'][data-list='ordered']{counter-set:list-1 1;}.ql-toolbar{border:1px solid ", theme.border, ";background-color:white;border-radius:3px 3px 0 0;padding-top:0;padding-bottom:0;:has(.ql-list.ql-active){.ql-align{opacity:0.5;cursor:not-allowed;pointer-events:none;}}.ql-formats{margin-right:0;padding:4px;&:not(:first-of-type){border-left:1px solid ", theme.border, ";}button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:3px;svg{height:65%;}&:hover{background:rgb(222, 224, 226);}&.ql-active{background:rgb(200, 203, 207);}&.ql-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;&:hover{background:none;}}}}.ql-picker-label{border-color:transparent!important;}.ql-picker-options{border-radius:3px;padding-left:0;padding-right:0;margin-top:3px!important;.ql-picker-item{padding:4px;&:hover{background:rgb(222, 224, 226);}}}}.ql-container{border:1px solid ", theme.border, ";border-top:none;border-radius:0 0 3px 3px;font-size:16px;}.ql-editor[contenteditable='false']{background-color:#b7b7b77a;}.ql-container{height:auto;min-height:10rem;display:flex;flex-direction:column;}.ql-editor{min-height:10rem;height:", height ? height : 'auto', ";background-color:white;overflow-y:auto;resize:", resizable ? 'vertical' : 'none', ";width:100%;p{margin-bottom:1em;}}.ql-snow{.ql-tooltip{padding:8px 12px;color:", theme.defaultText, ";background-color:white;border:1px solid ", theme.border, ";box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);border-radius:5px;&::before{content:'URL:'!important;font-size:14px;}input[type='text']{width:200px;border:1px solid ", theme.border, ";border-radius:3px;padding:4px;font-size:14px;outline:none;&::placeholder{content:'https://www.eksempel.no';}}a{line-height:25px;&.ql-action{line-height:22px;}&.ql-action::after,&.ql-remove::before{color:#1657e2;font-size:14px;font-weight:500;text-decoration:underline;}&.ql-action::after{content:'Rediger'!important;}&.ql-remove::before{content:'Fjern'!important;}&.ql-preview{color:#1657e2;font-size:14px;max-width:250px;vertical-align:middle;white-space:nowrap;}}&.ql-editing{input[type='text']{}a.ql-action::after{content:'Lagre'!important;}}&[data-mode='link']::before{content:'URL:'!important;}&[data-mode='formula']::before{content:'Formel:'!important;}&[data-mode='video']::before{content:'video-URL:'!important;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"))
20
+ default: (theme, maxHeight, minHeight, maxWidth, width, minWidth, height, resizable, withSoftBreakStyle) => /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;min-height:", minHeight ? `${minHeight}` : '150px', ";max-height:", maxHeight ? `${maxHeight}` : resizable ? 'auto' : '400px', ";width:", width ? `${width}` : '100%', ";min-width:", minWidth ? `${minWidth}` : !!width ? '100%' : 'unset', ";max-width:", maxWidth ? `${maxWidth}` : '100%', ";height:", height ? `${height}` : 'auto', ";.ql-editor li[data-list='ordered'].ql-indent-1>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-2>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-3>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-4>.ql-ui:before,.ql-editor li[data-list='ordered'].ql-indent-5>.ql-ui:before{content:counter(list-1, decimal) '. ';}.ql-editor li[data-list='bullet']:not([class*='ql-indent-'])+li[data-list='ordered']{counter-set:list-0 1;}.ql-editor li[data-list='ordered']:not([class*='ql-indent-'])+li[class*='ql-indent-'][data-list='ordered']{counter-set:list-1 1;}.ql-toolbar{border:1px solid ", theme.border, ";background-color:white;border-radius:3px 3px 0 0;padding-top:0;padding-bottom:0;:has(.ql-list.ql-active){.ql-align{opacity:0.5;cursor:not-allowed;pointer-events:none;}}.ql-formats{margin-right:0;padding:4px;&:not(:first-of-type){border-left:1px solid ", theme.border, ";}button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:3px;svg{height:65%;}&:hover{background:rgb(222, 224, 226);}&.ql-active{background:rgb(200, 203, 207);}&.ql-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;&:hover{background:none;}}}}.ql-picker-label{border-color:transparent!important;}.ql-picker-options{border-radius:3px;padding-left:0;padding-right:0;margin-top:3px!important;.ql-picker-item{padding:4px;&:hover{background:rgb(222, 224, 226);}}}}.ql-container{border:1px solid ", theme.border, ";border-top:none;border-radius:0 0 3px 3px;font-size:16px;}.ql-editor[contenteditable='false']{background-color:#b7b7b77a;}.ql-container{height:auto;min-height:10rem;display:flex;flex-direction:column;}.ql-editor{min-height:10rem;height:", height ? height : 'auto', ";background-color:white;overflow-y:auto;resize:", resizable ? 'vertical' : 'none', ";width:100%;", withSoftBreakStyle && _ref, ";}.ql-snow{.ql-tooltip{padding:8px 12px;color:", theme.defaultText, ";background-color:white;border:1px solid ", theme.border, ";box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);border-radius:5px;&::before{content:'URL:'!important;font-size:14px;}input[type='text']{width:200px;border:1px solid ", theme.border, ";border-radius:3px;padding:4px;font-size:14px;outline:none;&::placeholder{content:'https://www.eksempel.no';}}a{line-height:25px;&.ql-action{line-height:22px;}&.ql-action::after,&.ql-remove::before{color:#1657e2;font-size:14px;font-weight:500;text-decoration:underline;}&.ql-action::after{content:'Rediger'!important;}&.ql-remove::before{content:'Fjern'!important;}&.ql-preview{color:#1657e2;font-size:14px;max-width:250px;vertical-align:middle;white-space:nowrap;}}&.ql-editing{input[type='text']{}a.ql-action::after{content:'Lagre'!important;}}&[data-mode='link']::before{content:'URL:'!important;}&[data-mode='formula']::before{content:'Formel:'!important;}&[data-mode='video']::before{content:'video-URL:'!important;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"))
13
21
  };
14
22
  const Label = exports.Label = /*#__PURE__*/(0, _base.default)("label", process.env.NODE_ENV === "production" ? {
15
23
  target: "e102ifjr1"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "4.2.99",
3
+ "version": "4.3.1",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",