@contentful/f36-empty-state 5.5.0 → 6.0.0-alpha.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.
- package/dist/esm/index.js +1 -9
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.mts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +1 -16
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
package/dist/esm/index.js
CHANGED
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import P from 'react';
|
|
3
|
-
import f from '@contentful/f36-tokens';
|
|
4
|
-
import { Text } from '@contentful/f36-typography';
|
|
5
|
-
|
|
6
|
-
var C=Object.defineProperty,d=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var e=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var i=(t,o,n)=>o in t?C(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,c=(t,o)=>{for(var n in o||(o={}))m.call(o,n)&&i(t,n,o[n]);if(e)for(var n of e(o))p.call(o,n)&&i(t,n,o[n]);return t},g=(t,o)=>d(t,y(o));var a=(t,o)=>{var n={};for(var s in t)m.call(t,s)&&o.indexOf(s)<0&&(n[s]=t[s]);if(t!=null&&e)for(var s of e(t))o.indexOf(s)<0&&p.call(t,s)&&(n[s]=t[s]);return n};function l(){return {missingContent:css({display:"inline-block",padding:`0 ${f.spacingXs}`,color:f.gray400})}}var k=I=>{var r=I,{className:t,testId:o="cf-ui-missing-content",label:n}=r,s=a(r,["className","testId","label"]);let x=l();return P.createElement(Text,g(c({},s),{testId:o,className:cx(x.missingContent,t),"aria-label":n,title:n}),"\u2014")};
|
|
7
|
-
|
|
8
|
-
export { k as MissingContent };
|
|
9
|
-
//# sourceMappingURL=out.js.map
|
|
1
|
+
import {cx,css}from'@emotion/css';import N from'react';import l from'@contentful/f36-tokens';import {Text}from'@contentful/f36-typography';var x=Object.defineProperty,y=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var e=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var r=(t,n,o)=>n in t?x(t,n,{enumerable:true,configurable:true,writable:true,value:o}):t[n]=o,g=(t,n)=>{for(var o in n||(n={}))m.call(n,o)&&r(t,o,n[o]);if(e)for(var o of e(n))p.call(n,o)&&r(t,o,n[o]);return t},a=(t,n)=>y(t,u(n));var c=(t,n)=>{var o={};for(var s in t)m.call(t,s)&&n.indexOf(s)<0&&(o[s]=t[s]);if(t!=null&&e)for(var s of e(t))n.indexOf(s)<0&&p.call(t,s)&&(o[s]=t[s]);return o};function f(){return {missingContent:css({display:"inline-block",padding:`0 ${l.spacingXs}`,color:l.gray400})}}var C=k=>{var i=k,{className:t,testId:n="cf-ui-missing-content",label:o}=i,s=c(i,["className","testId","label"]);let d=f();return N.createElement(Text,a(g({},s),{testId:n,className:cx(d.missingContent,t),"aria-label":o,title:o}),"\u2014")};C.displayName="MissingContent";export{C as MissingContent};//# sourceMappingURL=index.js.map
|
|
10
2
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/MissingContent/MissingContent.tsx","../../src/MissingContent/MissingContent.styles.ts"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../src/MissingContent/MissingContent.tsx","../../src/MissingContent/MissingContent.styles.ts"],"names":["getStyles","css","tokens","MissingContent","_a","_b","className","testId","label","otherProps","__objRest","styles","React","Text","__spreadProps","__spreadValues","cx"],"mappings":"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","file":"index.js","sourcesContent":["import { cx } from '@emotion/css';\nimport React from 'react';\nimport { getStyles } from './MissingContent.styles';\nimport type { CommonProps } from '@contentful/f36-core';\nimport { Text } from '@contentful/f36-typography';\n\nexport interface MissingContentProps extends CommonProps {\n label?: string;\n className?: string;\n testId?: string;\n}\n\nexport const MissingContent = ({\n className,\n testId = 'cf-ui-missing-content',\n label,\n ...otherProps\n}: MissingContentProps) => {\n const styles = getStyles();\n\n return (\n <Text\n {...otherProps}\n testId={testId}\n className={cx(styles.missingContent, className)}\n aria-label={label}\n title={label}\n >\n —\n </Text>\n );\n};\n\nMissingContent.displayName = 'MissingContent';\n","import { css } from '@emotion/css';\nimport tokens from '@contentful/f36-tokens';\n\nexport function getStyles() {\n return {\n missingContent: css({\n display: 'inline-block',\n padding: `0 ${tokens.spacingXs}`,\n color: tokens.gray400,\n }),\n };\n}\n"]}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { CommonProps } from '@contentful/f36-core';
|
|
2
3
|
|
|
3
4
|
interface MissingContentProps extends CommonProps {
|
|
@@ -5,6 +6,9 @@ interface MissingContentProps extends CommonProps {
|
|
|
5
6
|
className?: string;
|
|
6
7
|
testId?: string;
|
|
7
8
|
}
|
|
8
|
-
declare const MissingContent:
|
|
9
|
+
declare const MissingContent: {
|
|
10
|
+
({ className, testId, label, ...otherProps }: MissingContentProps): React.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
9
13
|
|
|
10
14
|
export { MissingContent };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { CommonProps } from '@contentful/f36-core';
|
|
2
3
|
|
|
3
4
|
interface MissingContentProps extends CommonProps {
|
|
@@ -5,6 +6,9 @@ interface MissingContentProps extends CommonProps {
|
|
|
5
6
|
className?: string;
|
|
6
7
|
testId?: string;
|
|
7
8
|
}
|
|
8
|
-
declare const MissingContent:
|
|
9
|
+
declare const MissingContent: {
|
|
10
|
+
({ className, testId, label, ...otherProps }: MissingContentProps): React.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
9
13
|
|
|
10
14
|
export { MissingContent };
|
package/dist/index.js
CHANGED
|
@@ -1,17 +1,2 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var emotion = require('emotion');
|
|
4
|
-
var P = require('react');
|
|
5
|
-
var f = require('@contentful/f36-tokens');
|
|
6
|
-
var f36Typography = require('@contentful/f36-typography');
|
|
7
|
-
|
|
8
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
|
|
10
|
-
var P__default = /*#__PURE__*/_interopDefault(P);
|
|
11
|
-
var f__default = /*#__PURE__*/_interopDefault(f);
|
|
12
|
-
|
|
13
|
-
var C=Object.defineProperty,d=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var e=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var i=(t,o,n)=>o in t?C(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,c=(t,o)=>{for(var n in o||(o={}))m.call(o,n)&&i(t,n,o[n]);if(e)for(var n of e(o))p.call(o,n)&&i(t,n,o[n]);return t},g=(t,o)=>d(t,y(o));var a=(t,o)=>{var n={};for(var s in t)m.call(t,s)&&o.indexOf(s)<0&&(n[s]=t[s]);if(t!=null&&e)for(var s of e(t))o.indexOf(s)<0&&p.call(t,s)&&(n[s]=t[s]);return n};function l(){return {missingContent:emotion.css({display:"inline-block",padding:`0 ${f__default.default.spacingXs}`,color:f__default.default.gray400})}}var k=I=>{var r=I,{className:t,testId:o="cf-ui-missing-content",label:n}=r,s=a(r,["className","testId","label"]);let x=l();return P__default.default.createElement(f36Typography.Text,g(c({},s),{testId:o,className:emotion.cx(x.missingContent,t),"aria-label":n,title:n}),"\u2014")};
|
|
14
|
-
|
|
15
|
-
exports.MissingContent = k;
|
|
16
|
-
//# sourceMappingURL=out.js.map
|
|
1
|
+
'use strict';var css=require('@emotion/css'),N=require('react'),l=require('@contentful/f36-tokens'),f36Typography=require('@contentful/f36-typography');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var N__default=/*#__PURE__*/_interopDefault(N);var l__default=/*#__PURE__*/_interopDefault(l);var x=Object.defineProperty,y=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var e=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var r=(t,n,o)=>n in t?x(t,n,{enumerable:true,configurable:true,writable:true,value:o}):t[n]=o,g=(t,n)=>{for(var o in n||(n={}))m.call(n,o)&&r(t,o,n[o]);if(e)for(var o of e(n))p.call(n,o)&&r(t,o,n[o]);return t},a=(t,n)=>y(t,u(n));var c=(t,n)=>{var o={};for(var s in t)m.call(t,s)&&n.indexOf(s)<0&&(o[s]=t[s]);if(t!=null&&e)for(var s of e(t))n.indexOf(s)<0&&p.call(t,s)&&(o[s]=t[s]);return o};function f(){return {missingContent:css.css({display:"inline-block",padding:`0 ${l__default.default.spacingXs}`,color:l__default.default.gray400})}}var C=k=>{var i=k,{className:t,testId:n="cf-ui-missing-content",label:o}=i,s=c(i,["className","testId","label"]);let d=f();return N__default.default.createElement(f36Typography.Text,a(g({},s),{testId:n,className:css.cx(d.missingContent,t),"aria-label":o,title:o}),"\u2014")};C.displayName="MissingContent";exports.MissingContent=C;//# sourceMappingURL=index.js.map
|
|
17
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/MissingContent/MissingContent.tsx","../src/MissingContent/MissingContent.styles.ts"],"names":["
|
|
1
|
+
{"version":3,"sources":["../src/MissingContent/MissingContent.tsx","../src/MissingContent/MissingContent.styles.ts"],"names":["getStyles","css","tokens","MissingContent","_a","_b","className","testId","label","otherProps","__objRest","styles","React","Text","__spreadProps","__spreadValues","cx"],"mappings":"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","file":"index.js","sourcesContent":["import { cx } from '@emotion/css';\nimport React from 'react';\nimport { getStyles } from './MissingContent.styles';\nimport type { CommonProps } from '@contentful/f36-core';\nimport { Text } from '@contentful/f36-typography';\n\nexport interface MissingContentProps extends CommonProps {\n label?: string;\n className?: string;\n testId?: string;\n}\n\nexport const MissingContent = ({\n className,\n testId = 'cf-ui-missing-content',\n label,\n ...otherProps\n}: MissingContentProps) => {\n const styles = getStyles();\n\n return (\n <Text\n {...otherProps}\n testId={testId}\n className={cx(styles.missingContent, className)}\n aria-label={label}\n title={label}\n >\n —\n </Text>\n );\n};\n\nMissingContent.displayName = 'MissingContent';\n","import { css } from '@emotion/css';\nimport tokens from '@contentful/f36-tokens';\n\nexport function getStyles() {\n return {\n missingContent: css({\n display: 'inline-block',\n padding: `0 ${tokens.spacingXs}`,\n color: tokens.gray400,\n }),\n };\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/f36-empty-state",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0-alpha.1",
|
|
4
4
|
"description": "Forma 36: Empty State React Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"files": [
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
"build": "tsup"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"emotion": "^
|
|
24
|
-
"@contentful/f36-tokens": "^
|
|
25
|
-
"@contentful/f36-typography": "^
|
|
23
|
+
"@emotion/css": "^11.13.5",
|
|
24
|
+
"@contentful/f36-tokens": "^6.0.0-alpha.0",
|
|
25
|
+
"@contentful/f36-typography": "^6.0.0-alpha.0"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"react": ">=
|
|
29
|
-
"react-dom": ">=
|
|
28
|
+
"react": ">=19.1.0",
|
|
29
|
+
"react-dom": ">=19.1.0"
|
|
30
30
|
},
|
|
31
31
|
"publishConfig": {
|
|
32
32
|
"registry": "https://npm.pkg.github.com/",
|