Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@contentful/f36-drag-handle
Advanced tools
@contentful/f36-drag-handle - npm Package Compare versions
Comparing version 4.0.1-next-v4-6763.2280 to 4.0.1-next-v4-6795.2281
@@ -1,2 +0,2 @@ | ||
| import e from"@babel/runtime/helpers/esm/extends";import{cx as o,css as r}from"emotion";import t,{useState as a,forwardRef as s,useCallback as i}from"react";import{usePrimitive as n}from"@contentful/f36-core";import{DragIcon as d}from"@contentful/f36-icons";import l from"@contentful/f36-tokens";var c,u,m,b;c={},u="DragHandle",m=()=>f,Object.defineProperty(c,u,{get:m,set:b,enumerable:!0,configurable:!0});const f=s((({className:s,isActive:c,isFocused:u,isHovered:m,label:b,onBlur:f,onFocus:g,onMouseEnter:p,onMouseLeave:v,testId:h="cf-ui-drag-handle",...x},E)=>{const y={label:r({name:"1b512s9",styles:"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;"}),root:({isActive:e,isFocused:t,isHovered:a})=>o(r({alignItems:"center",backgroundColor:l.gray100,border:0,borderBottomLeftRadius:l.borderRadiusMedium,borderRight:`1px solid ${l.gray300}`,borderTopLeftRadius:l.borderRadiusMedium,boxSizing:"border-box",display:"flex",justifyContent:"center",padding:0,position:"relative",transition:`background-color ${l.transitionDurationDefault} ${l.transitionEasingDefault}`,width:l.spacingL,"&:hover, &:focus":{backgroundColor:l.colorElementLight}},""),(e||t||a)&&r({backgroundColor:l.gray200,cursor:e?"grabbing":"grab"},""))},{primitiveProps:k,Element:D}=n(x),[L,M]=a(u),[R,C]=a(m),F=i((e=>{M(!0),g&&g(e)}),[g]),H=i((e=>{M(!1),f&&f(e)}),[f]),w=i((e=>{C(!0),p&&p(e)}),[p]),I=i((e=>{C(!1),v&&v(e)}),[v]);return t.createElement(D,e({as:"button"},k,{className:o(y.root({isActive:c,isFocused:L,isHovered:R}),s),onBlur:H,onFocus:F,onMouseEnter:w,onMouseLeave:I,testId:h,ref:E}),t.createElement(d,{variant:"muted"}),t.createElement("span",{className:y.label},b))}));export{f as DragHandle}; | ||
| import e from"@babel/runtime/helpers/esm/extends";import{cx as o,css as r}from"emotion";import t,{useState as a,useCallback as s,forwardRef as i}from"react";import{usePrimitive as n}from"@contentful/f36-core";import{DragIcon as d}from"@contentful/f36-icons";import l from"@contentful/f36-tokens";var c,u,m,b;c={},u="DragHandle",m=()=>f,Object.defineProperty(c,u,{get:m,set:b,enumerable:!0,configurable:!0});const f=i((({className:i,isActive:c,isFocused:u,isHovered:m,label:b,onBlur:f,onFocus:g,onMouseEnter:p,onMouseLeave:v,testId:h="cf-ui-drag-handle",...x},E)=>{const y={label:r({name:"1b512s9",styles:"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;"}),root:({isActive:e,isFocused:t,isHovered:a})=>o(r({alignItems:"center",backgroundColor:l.gray100,border:0,borderBottomLeftRadius:l.borderRadiusMedium,borderRight:`1px solid ${l.gray300}`,borderTopLeftRadius:l.borderRadiusMedium,boxSizing:"border-box",display:"flex",justifyContent:"center",padding:0,position:"relative",transition:`background-color ${l.transitionDurationDefault} ${l.transitionEasingDefault}`,width:l.spacingL,"&:hover, &:focus":{backgroundColor:l.colorElementLight}},""),(e||t||a)&&r({backgroundColor:l.gray200,cursor:e?"grabbing":"grab"},""))},{primitiveProps:k,Element:D}=n(x),[L,M]=a(u),[R,C]=a(m),F=s((e=>{M(!0),g&&g(e)}),[g]),H=s((e=>{M(!1),f&&f(e)}),[f]),w=s((e=>{C(!0),p&&p(e)}),[p]),I=s((e=>{C(!1),v&&v(e)}),[v]);return t.createElement(D,e({as:"button"},k,{className:o(y.root({isActive:c,isFocused:L,isHovered:R}),i),onBlur:H,onFocus:F,onMouseEnter:w,onMouseLeave:I,testId:h,ref:E}),t.createElement(d,{variant:"muted"}),t.createElement("span",{className:y.label},b))}));export{f as DragHandle}; | ||
| //# sourceMappingURL=module.js.map |
| { | ||
| "name": "@contentful/f36-drag-handle", | ||
| "version": "4.0.1-next-v4-6763.2280+68ec7ca7", | ||
| "version": "4.0.1-next-v4-6795.2281+a79c4356", | ||
| "description": "Forma 36: DragHandle component", | ||
@@ -10,5 +10,5 @@ "scripts": { | ||
| "@babel/runtime": "^7.6.2", | ||
| "@contentful/f36-core": "4.0.1-next-v4-6763.2280+68ec7ca7", | ||
| "@contentful/f36-icons": "4.0.1-next-v4-6763.2280+68ec7ca7", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-6763.2280+68ec7ca7", | ||
| "@contentful/f36-core": "4.0.1-next-v4-6795.2281+a79c4356", | ||
| "@contentful/f36-icons": "4.0.1-next-v4-6795.2281+a79c4356", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-6795.2281+a79c4356", | ||
| "emotion": "^10.0.17" | ||
@@ -37,3 +37,3 @@ }, | ||
| }, | ||
| "gitHead": "68ec7ca78ed6341bed0b5d20a383f1589123569f" | ||
| "gitHead": "a79c43565da14e28a3ca93825c0dbad7b20fa068" | ||
| } |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
No metric changes