		@@ -1,2 +0,2 @@
		var e=s(require("@babel/runtime/helpers/extends")),t=require("react"),i=s(t),{forwardRef:r}=t,{cx:o,css:n}=require("emotion"),a=s(require("@contentful/f36-tokens")),{Box:l}=require("@contentful/f36-core");function c(e,t,i,r){Object.defineProperty(e,t,{get:i,set:r,enumerable:!0,configurable:!0})}function s(e){return e&&e.__esModule?e.default:e}c(module.exports,"generateIcon",(()=>u)),c(module.exports,"Icon",(()=>m));const d={large:{height:"32px",width:"32px"},medium:{height:"24px",width:"24px"},small:{height:"18px",width:"18px"},tiny:{height:"16px",width:"16px"}},h={muted:a.colorTextLight,negative:a.colorNegative,positive:a.colorPositive,primary:a.colorBlueBase,secondary:a.colorContrastMid,warning:a.colorWarning,white:a.colorWhite},m=r((({as:t,children:r,className:a,variant:c="primary",size:s="small",testId:m="cf-ui-icon",trimmed:u,viewBox:p="0 0 24 24",...x},f)=>{const g={className:o(n({fill:h[c],height:d[s].height,width:u?"auto":d[s].width},""),a),ref:f,testId:m};return t?i.createElement(l,e({display:"inline-block"},x,g,{as:t})):i.createElement(l,e({height:"1em",viewBox:p,width:"1em",display:"inline-block"},x,{as:"svg"},g),r)}));function u({name:t,path:o,props:n,trimmed:a,viewBox:l}){const c=r((function(t,r){return i.createElement(m,e({viewBox:l},n,t,{ref:r,trimmed:a}),o)}));return t&&(c.displayName=t),c}
		var e=s(require("@babel/runtime/helpers/extends")),t=require("react"),i=s(t),{forwardRef:r}=t,{css:o,cx:n}=require("emotion"),a=s(require("@contentful/f36-tokens")),{Box:l}=require("@contentful/f36-core");function c(e,t,i,r){Object.defineProperty(e,t,{get:i,set:r,enumerable:!0,configurable:!0})}function s(e){return e&&e.__esModule?e.default:e}c(module.exports,"generateIcon",(()=>u)),c(module.exports,"Icon",(()=>m));const d={large:{height:"32px",width:"32px"},medium:{height:"24px",width:"24px"},small:{height:"18px",width:"18px"},tiny:{height:"16px",width:"16px"}},h={muted:a.colorTextLight,negative:a.colorNegative,positive:a.colorPositive,primary:a.colorBlueBase,secondary:a.colorContrastMid,warning:a.colorWarning,white:a.colorWhite},m=r((({as:t,children:r,className:a,variant:c="primary",size:s="small",testId:m="cf-ui-icon",trimmed:u,viewBox:p="0 0 24 24",...x},f)=>{const g={className:n(o({fill:h[c],height:d[s].height,width:u?"auto":d[s].width},""),a),ref:f,testId:m};return t?i.createElement(l,e({display:"inline-block"},x,g,{as:t})):i.createElement(l,e({height:"1em",viewBox:p,width:"1em",display:"inline-block"},x,{as:"svg"},g),r)}));function u({name:t,path:o,props:n,trimmed:a,viewBox:l}){const c=r((function(t,r){return i.createElement(m,e({viewBox:l},n,t,{ref:r,trimmed:a}),o)}));return t&&(c.displayName=t),c}
		//# sourceMappingURL=main.js.map

dist/module.js

		@@ -1,2 +0,2 @@
		import e from"@babel/runtime/helpers/esm/extends";import t,{forwardRef as i}from"react";import{cx as o,css as r}from"emotion";import a from"@contentful/f36-tokens";import{Box as n}from"@contentful/f36-core";const s={large:{height:"32px",width:"32px"},medium:{height:"24px",width:"24px"},small:{height:"18px",width:"18px"},tiny:{height:"16px",width:"16px"}},m={muted:a.colorTextLight,negative:a.colorNegative,positive:a.colorPositive,primary:a.colorBlueBase,secondary:a.colorContrastMid,warning:a.colorWarning,white:a.colorWhite},l=i((({as:i,children:a,className:l,variant:c="primary",size:h="small",testId:p="cf-ui-icon",trimmed:d,viewBox:f="0 0 24 24",...x},g)=>{const w={className:o(r({fill:m[c],height:s[h].height,width:d?"auto":s[h].width},""),l),ref:g,testId:p};return i?t.createElement(n,e({display:"inline-block"},x,w,{as:i})):t.createElement(n,e({height:"1em",viewBox:f,width:"1em",display:"inline-block"},x,{as:"svg"},w),a)}));function c({name:o,path:r,props:a,trimmed:n,viewBox:s}){const m=i((function(i,o){return t.createElement(l,e({viewBox:s},a,i,{ref:o,trimmed:n}),r)}));return o&&(m.displayName=o),m}export{c as generateIcon,l as Icon};
		import e from"@babel/runtime/helpers/esm/extends";import t,{forwardRef as i}from"react";import{css as o,cx as r}from"emotion";import a from"@contentful/f36-tokens";import{Box as n}from"@contentful/f36-core";const s={large:{height:"32px",width:"32px"},medium:{height:"24px",width:"24px"},small:{height:"18px",width:"18px"},tiny:{height:"16px",width:"16px"}},m={muted:a.colorTextLight,negative:a.colorNegative,positive:a.colorPositive,primary:a.colorBlueBase,secondary:a.colorContrastMid,warning:a.colorWarning,white:a.colorWhite},l=i((({as:i,children:a,className:l,variant:c="primary",size:h="small",testId:p="cf-ui-icon",trimmed:d,viewBox:f="0 0 24 24",...x},g)=>{const w={className:r(o({fill:m[c],height:s[h].height,width:d?"auto":s[h].width},""),l),ref:g,testId:p};return i?t.createElement(n,e({display:"inline-block"},x,w,{as:i})):t.createElement(n,e({height:"1em",viewBox:f,width:"1em",display:"inline-block"},x,{as:"svg"},w),a)}));function c({name:o,path:r,props:a,trimmed:n,viewBox:s}){const m=i((function(i,o){return t.createElement(l,e({viewBox:s},a,i,{ref:o,trimmed:n}),r)}));return o&&(m.displayName=o),m}export{c as generateIcon,l as Icon};
		//# sourceMappingURL=module.js.map

package.json

		{
		"name": "@contentful/f36-icon",
		"version": "4.0.1-next-v4-4466.1998+0fc11f2b",
		"version": "4.0.1-next-v4-4479.1999+0a9aea34",
		"description": "Forma 36: Icon component",
		@@ -11,3 +11,3 @@ "license": "MIT",
		"@babel/runtime": "^7.6.2",
		"@contentful/f36-tokens": "4.0.1-next-v4-4466.1998+0fc11f2b",
		"@contentful/f36-tokens": "4.0.1-next-v4-4479.1999+0a9aea34",
		"emotion": "^10.0.17"
		@@ -38,3 +38,3 @@ },
		},
		"gitHead": "0fc11f2b5c01d0af1d2a88c79b3c2871e0560a1e"
		"gitHead": "0a9aea349399cb5b56af6b99c711f189a22583d7"
		}

@contentful/f36-icon - npm Package Compare versions

New alerts

Fixed alerts

Dependency changes