@symbo.ls/dialog
Advanced tools
Comparing version 2.11.267 to 2.11.269
37
index.js
'use strict' | ||
import { Flex } from '@symbo.ls/atoms' | ||
import { Button } from '@symbo.ls/button' | ||
export const Dialog = { | ||
extend: 'Flex', | ||
tag: 'dialog', | ||
export const Dialog = { | ||
extend: Flex, | ||
props: { | ||
flow: 'column', | ||
border: '0', | ||
theme: 'dialog', | ||
@@ -14,4 +15,28 @@ round: 'Z2' | ||
export const DialogHeader = { | ||
extend: 'Hgroup', | ||
props: { | ||
minWidth: '100%', | ||
gap: 'A' | ||
}, | ||
Title: { | ||
props: { align: 'center space-between' }, | ||
Text: { text: 'Title' }, | ||
SquareButton: { | ||
icon: 'x', | ||
theme: 'transparent' | ||
} | ||
}, | ||
Paragraph: { | ||
props: { color: 'caption' } | ||
} | ||
} | ||
export const DialogFooter = { | ||
extend: Flex, | ||
extend: 'Flex', | ||
props: { | ||
@@ -25,3 +50,3 @@ align: 'center flex-end', | ||
childExtend: { | ||
extend: Button, | ||
extend: 'Button', | ||
props: { | ||
@@ -28,0 +53,0 @@ textTransform: 'uppercase', |
{ | ||
"name": "@symbo.ls/dialog", | ||
"version": "2.11.267", | ||
"version": "2.11.269", | ||
"main": "index.js", | ||
"license": "MIT", | ||
"gitHead": "8641ea0f87d8ae5c7c0266f94a38f5714cac1e34", | ||
"gitHead": "9539c62d29cc279dbe7e149aa96bb8ee019c7119", | ||
"dependencies": { | ||
@@ -8,0 +8,0 @@ "@symbo.ls/atoms": "latest", |
2475
66