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

@symbo.ls/button

Package Overview
Dependencies
Maintainers
6
Versions
129
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@symbo.ls/button - npm Package Compare versions

Comparing version 2.11.324 to 2.11.357

35

index.js
'use strict'
import { Flex, FocusableComponent } from '@symbo.ls/atoms'
import { IconText } from '@symbo.ls/icon'
/**

@@ -24,3 +21,3 @@ * A Button component

export const Button = {
extend: [IconText, FocusableComponent],
extend: ['IconText', 'FocusableComponent'],
tag: 'button',

@@ -49,3 +46,3 @@

export const SquareButton = {
extend: Button,
extend: 'Button',
props: {

@@ -65,3 +62,3 @@ fontSize: 'A',

export const CircleButton = {
extend: SquareButton,
extend: 'SquareButton',
props: { round: 'C' }

@@ -71,8 +68,8 @@ }

export const KangorooButton = {
extend: Button,
childExtend: IconText
extend: 'Button',
childExtend: 'IconText'
}
export const FlexButton = {
extend: Button,
extend: 'Button',

@@ -95,8 +92,8 @@ props: {

tag: 'nav',
extend: Flex,
childExtend: SquareButton
extend: 'Flex',
childExtend: 'SquareButton'
}
export const CancelConfirmButtons = {
extend: Flex,
extend: 'Flex',
props: {

@@ -107,3 +104,3 @@ gap: 'Z2',

childExtend: {
extend: FlexButton,
extend: 'FlexButton',
props: {

@@ -123,3 +120,3 @@ ':first-child': {

export const IcontextButton = {
extend: FlexButton,
extend: 'FlexButton',
props: {

@@ -134,3 +131,3 @@ position: 'relative',

export const DropDownButton = {
extend: FlexButton,
extend: 'FlexButton',
props: {

@@ -150,3 +147,3 @@ gap: 'X2',

export const DropDownButtonWithAvatar = {
extend: DropDownButton,
extend: 'DropDownButton',
props: {

@@ -173,3 +170,3 @@ gap: 'Y',

export const PlusMinusButtons = {
extend: Flex,
extend: 'Flex',
props: {

@@ -180,3 +177,3 @@ alignItems: 'center',

Minus: {
extend: SquareButton,
extend: 'SquareButton',
props: { icon: 'minus' }

@@ -186,5 +183,5 @@ },

Plus: {
extend: SquareButton,
extend: 'SquareButton',
props: { icon: 'plus' }
}
}
{
"name": "@symbo.ls/button",
"version": "2.11.324",
"version": "2.11.357",
"main": "index.js",
"license": "MIT",
"gitHead": "8e6c04c045d2c2a99bdb33762cb68bcbe7a0512a",
"gitHead": "b5300a7b7e31509580190626af6c392176d2942d",
"dependencies": {

@@ -8,0 +8,0 @@ "@symbo.ls/atoms": "latest",

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