@bbl-digital/snorre 4.0.13 → 4.0.15
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +46 -28
- package/esm/core/Html/Html.stories.js +13 -12
- package/esm/core/Html/index.js +16 -9
- package/esm/core/Input/Input.stories.js +15 -0
- package/esm/core/Input/index.js +1 -1
- package/esm/core/Input/styles.js +27 -17
- package/lib/core/Html/Html.stories.d.ts +9 -19
- package/lib/core/Html/Html.stories.d.ts.map +1 -1
- package/lib/core/Html/Html.stories.js +13 -12
- package/lib/core/Html/index.d.ts +3 -3
- package/lib/core/Html/index.d.ts.map +1 -1
- package/lib/core/Html/index.js +16 -9
- package/lib/core/Input/Input.stories.d.ts +2 -0
- package/lib/core/Input/Input.stories.d.ts.map +1 -1
- package/lib/core/Input/Input.stories.js +15 -0
- package/lib/core/Input/index.d.ts.map +1 -1
- package/lib/core/Input/index.js +1 -1
- package/lib/core/Input/styles.d.ts +1 -0
- package/lib/core/Input/styles.d.ts.map +1 -1
- package/lib/core/Input/styles.js +27 -17
- package/package.json +1 -1
@@ -1,22 +1,23 @@
|
|
1
1
|
import Html from '.';
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
3
3
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
4
|
-
|
4
|
+
const meta = {
|
5
5
|
title: 'Core/Html',
|
6
6
|
component: Html
|
7
7
|
};
|
8
|
+
export default meta;
|
8
9
|
export const HtmlDefault = {
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
10
|
+
name: 'Html',
|
11
|
+
args: {
|
12
|
+
text: '<h3>Html text</h3><p><i>Displays text as html</i></p>'
|
13
|
+
}
|
13
14
|
};
|
14
15
|
export const ExternalLinks = {
|
15
|
-
|
16
|
+
name: 'External links',
|
17
|
+
args: {
|
16
18
|
externalLinks: true,
|
17
|
-
text:
|
18
|
-
}
|
19
|
-
name: 'External links'
|
19
|
+
text: '<h3>Html text</h3><p><i>Displays text as html</i><a href="vg.no">vg.no</a></p>'
|
20
|
+
}
|
20
21
|
};
|
21
22
|
export const Whitespace = {
|
22
23
|
render: () => /*#__PURE__*/_jsxs("div", {
|
@@ -35,9 +36,9 @@ export const Whitespace = {
|
|
35
36
|
name: 'Whitespace'
|
36
37
|
};
|
37
38
|
export const RemoveMargins = {
|
38
|
-
|
39
|
+
name: 'Remove margins',
|
40
|
+
args: {
|
39
41
|
removeMargins: true,
|
40
42
|
text: '<h1>Header</h1><p>Hello</p><p>New line</p>'
|
41
|
-
}
|
42
|
-
name: 'Remove margins'
|
43
|
+
}
|
43
44
|
};
|
package/lib/core/Html/index.d.ts
CHANGED
@@ -1,5 +1,3 @@
|
|
1
|
-
/** @jsxImportSource @emotion/react */
|
2
|
-
import React from 'react';
|
3
1
|
interface IProps {
|
4
2
|
/** Html to be displayed. */
|
5
3
|
text?: any;
|
@@ -15,7 +13,9 @@ interface IProps {
|
|
15
13
|
whiteSpace?: string;
|
16
14
|
/** White-space css property value (defaults to pre-wrap) */
|
17
15
|
removeMargins?: boolean;
|
16
|
+
/** Add class names */
|
17
|
+
className?: string;
|
18
18
|
}
|
19
|
-
declare const Html:
|
19
|
+
declare const Html: ({ className, dark, externalLinks, removeMargins, secondary, size, text, whiteSpace, }: IProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
20
20
|
export default Html;
|
21
21
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Html/index.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Html/index.tsx"],"names":[],"mappings":"AAGA,UAAU,MAAM;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,IAAI,0FASP,MAAM,qDAiBR,CAAA;AAED,eAAe,IAAI,CAAA"}
|
package/lib/core/Html/index.js
CHANGED
@@ -1,13 +1,20 @@
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
2
|
-
import React from 'react';
|
3
2
|
import { styles } from './styles';
|
4
3
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
5
|
-
const Html =
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
4
|
+
const Html = ({
|
5
|
+
className,
|
6
|
+
dark,
|
7
|
+
externalLinks,
|
8
|
+
removeMargins,
|
9
|
+
secondary,
|
10
|
+
size,
|
11
|
+
text,
|
12
|
+
whiteSpace
|
13
|
+
}) => _jsx("div", {
|
14
|
+
css: theme => [styles.default(theme), secondary && styles.secondary(theme), dark && styles.dark(theme), size && styles.size(size), styles.whiteSpace(whiteSpace ? whiteSpace : 'pre-wrap'), removeMargins && styles.removeMargins],
|
15
|
+
className: className,
|
16
|
+
dangerouslySetInnerHTML: {
|
17
|
+
__html: externalLinks ? text.replace(/href/g, "target='_blank' href") : text
|
18
|
+
}
|
19
|
+
});
|
13
20
|
export default Html;
|
@@ -16,5 +16,7 @@ export declare const Format: Story;
|
|
16
16
|
export declare const Height: Story;
|
17
17
|
export declare const Info: Story;
|
18
18
|
export declare const CardInput: Story;
|
19
|
+
export declare const Invalid: Story;
|
20
|
+
export declare const InvalidNoLabel: Story;
|
19
21
|
export declare const Controls: Story;
|
20
22
|
//# sourceMappingURL=Input.stories.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,GAAG,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAGpB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KASnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA2BtB,CAAA"}
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,GAAG,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAGpB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KASnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA2BtB,CAAA"}
|
@@ -128,6 +128,21 @@ export const CardInput = {
|
|
128
128
|
},
|
129
129
|
name: 'CardInput'
|
130
130
|
};
|
131
|
+
export const Invalid = {
|
132
|
+
args: {
|
133
|
+
label: 'Invalid',
|
134
|
+
invalid: true,
|
135
|
+
invalidMessage: 'error'
|
136
|
+
},
|
137
|
+
name: 'Invalid'
|
138
|
+
};
|
139
|
+
export const InvalidNoLabel = {
|
140
|
+
args: {
|
141
|
+
invalid: true,
|
142
|
+
invalidMessage: 'error'
|
143
|
+
},
|
144
|
+
name: 'Invalid no label'
|
145
|
+
};
|
131
146
|
export const Controls = {
|
132
147
|
args: {
|
133
148
|
label: 'With info',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,MAAM,WAAW,UAAU;IACzB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAA;IACzD,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,gBAAgB;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;IACtC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,oBAAY,GAAG,GAAG,gBAAgB,CAAA;AAElC,QAAA,MAAM,KAAK,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,MAAM,WAAW,UAAU;IACzB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAA;IACzD,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,gBAAgB;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;IACtC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,oBAAY,GAAG,GAAG,gBAAgB,CAAA;AAElC,QAAA,MAAM,KAAK,qFA2HV,CAAA;AAED,eAAe,KAAK,CAAA"}
|
package/lib/core/Input/index.js
CHANGED
@@ -91,7 +91,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
|
|
91
91
|
}), type === 'search' && _jsx(IconSearch, {}), props.invalidMessage && _jsx(IconErrorOutline, {
|
92
92
|
size: "16px"
|
93
93
|
}), props.invalidMessage && _jsx("span", {
|
94
|
-
css: styles.errorMessage,
|
94
|
+
css: (styles.errorMessage, !props?.label && styles.errorMessageNoLabel),
|
95
95
|
children: props.invalidMessage
|
96
96
|
})]
|
97
97
|
}), info && _jsx("span", {
|
@@ -16,6 +16,7 @@ declare const styles: {
|
|
16
16
|
pr4: import("@emotion/utils").SerializedStyles;
|
17
17
|
infoButton: import("@emotion/utils").SerializedStyles;
|
18
18
|
relative: import("@emotion/utils").SerializedStyles;
|
19
|
+
errorMessageNoLabel: () => import("@emotion/utils").SerializedStyles;
|
19
20
|
};
|
20
21
|
export default styles;
|
21
22
|
export { styles };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;;oBA4DV,SAAS;kBAKX,SAAS;sBAKL,SAAS;oBAMX,SAAS;yBAaJ,SAAS;;sBAgBZ,SAAS;uBAMR,SAAS;qBAIX,SAAS;qBAkCT,MAAM;0BAKD,SAAS
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;;oBA4DV,SAAS;kBAKX,SAAS;sBAKL,SAAS;oBAMX,SAAS;yBAaJ,SAAS;;sBAgBZ,SAAS;uBAMR,SAAS;qBAIX,SAAS;qBAkCT,MAAM;0BAKD,SAAS;;;;;CA8BhC,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}
|