		@@ -69,19 +69,2 @@ 'use strict'

		export const FlexButton = {
		extend: 'Button',

		props: {
		boxSize: 'fit-content',
		padding: 'Z2 A2',
		round: 'Z1',
		gap: 'Z',
		position: 'relative',

		Icon: { fontSize: 'B1' }
		},

		Icon: {},
		Text: { text: 'Button' }
		}

		export const ButtonSet = {
		@@ -93,87 +76,2 @@ tag: 'nav',

		export const CancelConfirmButtons = {
		extend: 'Flex',
		props: {
		gap: 'Z2',
		maxWidth: 'fit-content'
		},
		childExtend: {
		extend: 'FlexButton',
		props: {
		':first-child': {
		theme: 'transparent',
		padding: '- Y1'
		}
		}
		},
		...[
		{ Text: 'No' },
		{ Text: 'Yes' }
		]
		}

		export const IcontextButton = {
		extend: 'FlexButton',
		props: {
		position: 'relative',
		theme: 'tertiary',
		padding: 'Z2 A',
		icon: 'smile'
		}
		}

		export const DropDownButton = {
		extend: 'FlexButton',
		props: {
		gap: 'X2',
		boxSize: 'fit-content fit-content',
		padding: 'Z1 A1 Z Z1',
		theme: 'dialog',
		icon: 'chevronDown',
		Icon: {
		fontSize: 'D'
		},
		Text: { text: 'All' }
		}
		}

		export const DropDownButtonWithAvatar = {
		extend: 'DropDownButton',
		props: {
		gap: 'Y',
		padding: 'Y',
		round: 'Z1',
		theme: 'dialog',
		Icon: { fontSize: 'B1' }
		},

		Avatar: {
		boxSize: 'A2+V1'
		},
		caption: {
		text: 'ETH',
		props: {
		fontSize: 'Y1',
		fontWeight: '400'
		}
		}
		}

		export const PlusMinusButtons = {
		extend: 'Flex',
		props: {
		alignItems: 'center',
		gap: 'A'
		},
		Minus: {
		extend: 'SquareButton',
		props: { icon: 'minus' }
		},
		Value: { props: { text: '1' } },
		Plus: {
		extend: 'SquareButton',
		props: { icon: 'plus' }
		}
		}

		export const IconButton = {
		@@ -180,0 +78,0 @@ extend: [

package.json

		{
		"name": "@symbo.ls/button",
		"version": "2.11.480",
		"version": "2.11.482",
		"main": "index.js",
		"license": "MIT",
		"gitHead": "14db2b8d241d45fa80f588a2e0a6c50f5dbd8bee",
		"gitHead": "0a1b1317d8c11138bcd9dc171074db65453289ed",
		"dependencies": {
		"@symbo.ls/atoms": "^2.11.480",
		"@symbo.ls/icon": "^2.11.480"
		"@symbo.ls/icon": "^2.11.482"
		},
		"source": "src/index.js"
		}

@symbo.ls/button - npm Package Compare versions

New alerts