Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@contentful/f36-drag-handle

Package Overview
Dependencies
Maintainers
102
Versions
345
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@contentful/f36-drag-handle - npm Package Compare versions

Comparing version 4.0.1-next-v4-6330.2234 to 4.0.1-next-v4-6381.2242

README.md

2

dist/main.js

@@ -1,2 +0,2 @@

var e=c(require("@babel/runtime/helpers/extends")),{cx:r,css:o}=require("emotion"),t=require("react"),n=c(t),{forwardRef:i,useCallback:a,useState:s}=t,{usePrimitive:u}=require("@contentful/f36-core"),{DragIcon:d}=require("@contentful/f36-icons"),l=c(require("@contentful/f36-tokens"));function c(e){return e&&e.__esModule?e.default:e}var b,f,g,m,p={};b=p,f="DragHandle",g=()=>v,Object.defineProperty(b,f,{get:g,set:m,enumerable:!0,configurable:!0});const v=i((({className:t,isActive:i,isFocused:c,isHovered:b,label:f,onBlur:g,onFocus:m,onMouseEnter:p,onMouseLeave:v,testId:h="cf-ui-drag-handle",...x},y)=>{const E={label:o({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:n})=>r(o({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||n)&&o({backgroundColor:l.gray200,cursor:e?"grabbing":"grab"},""))},{primitiveProps:M,Element:k}=u(x),[q,L]=s(c),[R,C]=s(b),D=a((e=>{L(!0),m&&m(e)}),[m]),F=a((e=>{L(!1),g&&g(e)}),[g]),j=a((e=>{C(!0),p&&p(e)}),[p]),w=a((e=>{C(!1),v&&v(e)}),[v]);return n.createElement(k,e({as:"button"},M,{className:r(E.root({isActive:i,isFocused:q,isHovered:R}),t),onBlur:F,onFocus:D,onMouseEnter:j,onMouseLeave:w,testId:h,ref:y}),n.createElement(d,{variant:"muted"}),n.createElement("span",{className:E.label},f))}));var h,x;h=module.exports,x=p,Object.keys(x).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(h,e,{enumerable:!0,get:function(){return x[e]}})}));
var e=c(require("@babel/runtime/helpers/extends")),{cx:r,css:o}=require("emotion"),t=require("react"),n=c(t),{useState:i,useCallback:a,forwardRef:s}=t,{usePrimitive:u}=require("@contentful/f36-core"),{DragIcon:d}=require("@contentful/f36-icons"),l=c(require("@contentful/f36-tokens"));function c(e){return e&&e.__esModule?e.default:e}var b,f,g,m,p={};b=p,f="DragHandle",g=()=>v,Object.defineProperty(b,f,{get:g,set:m,enumerable:!0,configurable:!0});const v=s((({className:t,isActive:s,isFocused:c,isHovered:b,label:f,onBlur:g,onFocus:m,onMouseEnter:p,onMouseLeave:v,testId:h="cf-ui-drag-handle",...x},y)=>{const E={label:o({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:n})=>r(o({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||n)&&o({backgroundColor:l.gray200,cursor:e?"grabbing":"grab"},""))},{primitiveProps:M,Element:k}=u(x),[q,L]=i(c),[R,C]=i(b),D=a((e=>{L(!0),m&&m(e)}),[m]),F=a((e=>{L(!1),g&&g(e)}),[g]),j=a((e=>{C(!0),p&&p(e)}),[p]),w=a((e=>{C(!1),v&&v(e)}),[v]);return n.createElement(k,e({as:"button"},M,{className:r(E.root({isActive:s,isFocused:q,isHovered:R}),t),onBlur:F,onFocus:D,onMouseEnter:j,onMouseLeave:w,testId:h,ref:y}),n.createElement(d,{variant:"muted"}),n.createElement("span",{className:E.label},f))}));var h,x;h=module.exports,x=p,Object.keys(x).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(h,e,{enumerable:!0,get:function(){return x[e]}})}));
//# sourceMappingURL=main.js.map
{
"name": "@contentful/f36-drag-handle",
"version": "4.0.1-next-v4-6330.2234+82fc9a50",
"version": "4.0.1-next-v4-6381.2242+321e9349",
"description": "Forma 36: DragHandle component",

@@ -10,5 +10,5 @@ "scripts": {

"@babel/runtime": "^7.6.2",
"@contentful/f36-core": "4.0.1-next-v4-6330.2234+82fc9a50",
"@contentful/f36-icons": "4.0.1-next-v4-6330.2234+82fc9a50",
"@contentful/f36-tokens": "4.0.1-next-v4-6330.2234+82fc9a50",
"@contentful/f36-core": "4.0.1-next-v4-6381.2242+321e9349",
"@contentful/f36-icons": "4.0.1-next-v4-6381.2242+321e9349",
"@contentful/f36-tokens": "4.0.1-next-v4-6381.2242+321e9349",
"emotion": "^10.0.17"

@@ -37,3 +37,3 @@ },

},
"gitHead": "82fc9a50a968ded4d1d5365e0c49f2eb83715710"
"gitHead": "321e93492bc3c4bd0e59402fb94012c266848f13"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc