Socket
Socket
Sign inDemoInstall

@fluid-topics/ft-button

Package Overview
Dependencies
Maintainers
2
Versions
238
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fluid-topics/ft-button - npm Package Compare versions

Comparing version 0.2.13 to 0.2.14

1

build/ft-button.js

@@ -72,2 +72,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {

text-shadow: 0px 0px 0px transparent;
font-size: inherit;
}

@@ -74,0 +75,0 @@

@@ -393,2 +393,3 @@ !function(t,i,e,o,n,s){var r=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};const l=i.FtCssVariable.extend("--ft-ripple-color",i.designSystemVariables.colorContent),a={color:l,backgroundColor:i.FtCssVariable.extend("--ft-ripple-background-color",l),opacityContentOnSurfacePressed:i.FtCssVariable.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:i.FtCssVariable.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:i.FtCssVariable.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:i.FtCssVariable.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system")},p=i.FtCssVariable.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),h=p,f=i.FtCssVariable.extend("--ft-ripple-background-color",p),d=i.FtCssVariable.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),c=d,u=i.FtCssVariable.extend("--ft-ripple-background-color",d);class x extends i.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new i.Debouncer(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.moveRipple=t=>{var i,e;let{x:o,y:n}=this.getCoordinates(t),s=null!==(e=null===(i=this.ripple)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==e?e:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-s.x:s.width/2),this.originY=Math.round(null!=n?n-s.y:s.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return e.html`

text-shadow: 0px 0px 0px transparent;
font-size: inherit;
}

@@ -395,0 +396,0 @@

16

package.json
{
"name": "@fluid-topics/ft-button",
"version": "0.2.13",
"version": "0.2.14",
"description": "A generic Fluid Topics tag",

@@ -22,11 +22,11 @@ "keywords": [

"dependencies": {
"@fluid-topics/ft-icon": "^0.2.13",
"@fluid-topics/ft-loader": "^0.2.13",
"@fluid-topics/ft-ripple": "^0.2.13",
"@fluid-topics/ft-tooltip": "^0.2.13",
"@fluid-topics/ft-typography": "^0.2.13",
"@fluid-topics/ft-wc-utils": "^0.2.13",
"@fluid-topics/ft-icon": "^0.2.14",
"@fluid-topics/ft-loader": "^0.2.14",
"@fluid-topics/ft-ripple": "^0.2.14",
"@fluid-topics/ft-tooltip": "^0.2.14",
"@fluid-topics/ft-typography": "^0.2.14",
"@fluid-topics/ft-wc-utils": "^0.2.14",
"lit": "2.1.3"
},
"gitHead": "53374411bbda5416238d3e7a8ab3852c75a95712"
"gitHead": "6ae3f84aee76dd78fe295c1cad4d7b7180eb4f9d"
}

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

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