settings icons added

This commit is contained in:
Joe 2025-01-14 20:29:15 +00:00
parent 1a44ed2d13
commit 8a64f1565c
6 changed files with 46 additions and 46 deletions

View File

@ -56,7 +56,7 @@
<List> <List>
{#each connectedAutomations as automation} {#each connectedAutomations as automation}
<ListItem <ListItem
icon={automation.disabled ? "PauseCircle" : "PlayCircle"} icon={automation.disabled ? "circle" : "checkmark-circle"}
iconColor={automation.disabled iconColor={automation.disabled
? "var(--spectrum-global-color-gray-600)" ? "var(--spectrum-global-color-gray-600)"
: "var(--spectrum-global-color-green-600)"} : "var(--spectrum-global-color-green-600)"}
@ -68,7 +68,7 @@
</List> </List>
{/if} {/if}
<div> <div>
<Button secondary icon="JourneyVoyager" on:click={generateAutomation}> <Button secondary icon="add" on:click={generateAutomation}>
Generate automation Generate automation
</Button> </Button>
</div> </div>

View File

@ -106,7 +106,7 @@
</List> </List>
{/if} {/if}
<div> <div>
<Button secondary icon="Engagement" on:click={showCreateModal}> <Button secondary icon="add" on:click={showCreateModal}>
Create row action Create row action
</Button> </Button>
</div> </div>

View File

@ -52,7 +52,7 @@
</List> </List>
{/if} {/if}
<div> <div>
<Button secondary icon="web-page" on:click={generateScreen}> <Button secondary icon="add" on:click={generateScreen}>
Generate app screen Generate app screen
</Button> </Button>
</div> </div>

View File

@ -83,11 +83,11 @@
props: { props: {
options: [ options: [
{ {
barIcon: "ModernGridView", barIcon: "menu-hamburger",
value: "flex", value: "flex",
}, },
{ {
barIcon: "ViewGrid", barIcon: "grid-type-dots",
value: "grid", value: "grid",
}, },
], ],

View File

@ -496,19 +496,19 @@
{ {
"label": "Left", "label": "Left",
"value": "left", "value": "left",
"barIcon": "AlignLeft", "barIcon": "align-left",
"barTitle": "Align left" "barTitle": "Align left"
}, },
{ {
"label": "Center", "label": "Center",
"value": "center", "value": "center",
"barIcon": "AlignCenter", "barIcon": "align-center",
"barTitle": "Align center" "barTitle": "Align center"
}, },
{ {
"label": "Right", "label": "Right",
"value": "right", "value": "right",
"barIcon": "AlignRight", "barIcon": "align-right",
"barTitle": "Align right" "barTitle": "Align right"
}, },
{ {
@ -530,7 +530,7 @@
{ {
"label": "Top", "label": "Top",
"value": "top", "value": "top",
"barIcon": "AlignTop", "barIcon": "align-top",
"barTitle": "Align top" "barTitle": "Align top"
}, },
{ {
@ -542,8 +542,8 @@
{ {
"label": "Bottom", "label": "Bottom",
"value": "bottom", "value": "bottom",
"barIcon": "AlignBottom", "barIcon": "align-botton",
"barTitle": "Align bottom" "barTitle": "align-botton"
}, },
{ {
"label": "Stretch", "label": "Stretch",
@ -852,19 +852,19 @@
{ {
"label": "Left", "label": "Left",
"value": "left", "value": "left",
"barIcon": "AlignLeft", "barIcon": "align-left",
"barTitle": "Align left" "barTitle": "Align left"
}, },
{ {
"label": "Center", "label": "Center",
"value": "center", "value": "center",
"barIcon": "AlignCenter", "barIcon": "align-center",
"barTitle": "Align center" "barTitle": "Align center"
}, },
{ {
"label": "Right", "label": "Right",
"value": "right", "value": "right",
"barIcon": "AlignRight", "barIcon": "align-right",
"barTitle": "Align right" "barTitle": "Align right"
}, },
{ {
@ -886,19 +886,19 @@
{ {
"label": "Top", "label": "Top",
"value": "top", "value": "top",
"barIcon": "AlignTop", "barIcon": "align-top",
"barTitle": "Align top" "barTitle": "Align top"
}, },
{ {
"label": "Middle", "label": "Middle",
"value": "middle", "value": "middle",
"barIcon": "AlignMiddle", "barIcon": "align-middle",
"barTitle": "Align middle" "barTitle": "Align middle"
}, },
{ {
"label": "Bottom", "label": "Bottom",
"value": "bottom", "value": "bottom",
"barIcon": "AlignBottom", "barIcon": "align-botton",
"barTitle": "Align bottom" "barTitle": "Align bottom"
}, },
{ {
@ -1144,25 +1144,25 @@
{ {
"label": "Left", "label": "Left",
"value": "left", "value": "left",
"barIcon": "TextAlignLeft", "barIcon": "text-align-left",
"barTitle": "Align left" "barTitle": "Align left"
}, },
{ {
"label": "Center", "label": "Center",
"value": "center", "value": "center",
"barIcon": "TextAlignCenter", "barIcon": "text-align-center",
"barTitle": "Align center" "barTitle": "Align center"
}, },
{ {
"label": "Right", "label": "Right",
"value": "right", "value": "right",
"barIcon": "TextAlignRight", "barIcon": "text-align-right",
"barTitle": "Align right" "barTitle": "Align right"
}, },
{ {
"label": "Justify", "label": "Justify",
"value": "justify", "value": "justify",
"barIcon": "TextAlignJustify", "barIcon": "text-align-justify",
"barTitle": "Justify text" "barTitle": "Justify text"
} }
] ]
@ -1267,25 +1267,25 @@
{ {
"label": "Left", "label": "Left",
"value": "left", "value": "left",
"barIcon": "TextAlignLeft", "barIcon": "text-align-left",
"barTitle": "Align left" "barTitle": "Align left"
}, },
{ {
"label": "Center", "label": "Center",
"value": "center", "value": "center",
"barIcon": "TextAlignCenter", "barIcon": "text-align-center",
"barTitle": "Align center" "barTitle": "Align center"
}, },
{ {
"label": "Right", "label": "Right",
"value": "right", "value": "right",
"barIcon": "TextAlignRight", "barIcon": "text-align-right",
"barTitle": "Align right" "barTitle": "Align right"
}, },
{ {
"label": "Justify", "label": "Justify",
"value": "justify", "value": "justify",
"barIcon": "TextAlignJustify", "barIcon": "text-align-justify",
"barTitle": "Justify text" "barTitle": "Justify text"
} }
] ]
@ -1618,7 +1618,7 @@
"label": "Bold", "label": "Bold",
"key": "bold", "key": "bold",
"showInBar": true, "showInBar": true,
"barIcon": "TagBold", "barIcon": "text-bold",
"barTitle": "Bold text", "barTitle": "Bold text",
"barSeparator": false "barSeparator": false
}, },
@ -1627,7 +1627,7 @@
"label": "Italic", "label": "Italic",
"key": "italic", "key": "italic",
"showInBar": true, "showInBar": true,
"barIcon": "TagItalic", "barIcon": "text-italic",
"barTitle": "Italic text", "barTitle": "Italic text",
"barSeparator": false "barSeparator": false
}, },
@ -1650,25 +1650,25 @@
{ {
"label": "Left", "label": "Left",
"value": "left", "value": "left",
"barIcon": "TextAlignLeft", "barIcon": "text-align-left",
"barTitle": "Align left" "barTitle": "Align left"
}, },
{ {
"label": "Center", "label": "Center",
"value": "center", "value": "center",
"barIcon": "TextAlignCenter", "barIcon": "text-align-center",
"barTitle": "Align center" "barTitle": "Align center"
}, },
{ {
"label": "Right", "label": "Right",
"value": "right", "value": "right",
"barIcon": "TextAlignRight", "barIcon": "text-align-right",
"barTitle": "Align right" "barTitle": "Align right"
}, },
{ {
"label": "Justify", "label": "Justify",
"value": "justify", "value": "justify",
"barIcon": "TextAlignJustify", "barIcon": "text-align-justify",
"barTitle": "Justify text" "barTitle": "Justify text"
} }
] ]
@ -3172,25 +3172,25 @@
{ {
"label": "Left", "label": "Left",
"value": "left", "value": "left",
"barIcon": "TextAlignLeft", "barIcon": "text-align-left",
"barTitle": "Align left" "barTitle": "Align left"
}, },
{ {
"label": "Center", "label": "Center",
"value": "center", "value": "center",
"barIcon": "TextAlignCenter", "barIcon": "text-align-center",
"barTitle": "Align center" "barTitle": "Align center"
}, },
{ {
"label": "Right", "label": "Right",
"value": "right", "value": "right",
"barIcon": "TextAlignRight", "barIcon": "text-align-right",
"barTitle": "Align right" "barTitle": "Align right"
}, },
{ {
"label": "Justify", "label": "Justify",
"value": "justify", "value": "justify",
"barIcon": "TextAlignJustify", "barIcon": "text-align-justify",
"barTitle": "Justify text" "barTitle": "Justify text"
} }
] ]
@ -6818,19 +6818,19 @@
{ {
"label": "Left", "label": "Left",
"value": "left", "value": "left",
"barIcon": "AlignLeft", "barIcon": "align-left",
"barTitle": "Align left" "barTitle": "Align left"
}, },
{ {
"label": "Center", "label": "Center",
"value": "center", "value": "center",
"barIcon": "AlignCenter", "barIcon": "align-center",
"barTitle": "Align center" "barTitle": "Align center"
}, },
{ {
"label": "Right", "label": "Right",
"value": "right", "value": "right",
"barIcon": "AlignRight", "barIcon": "align-right",
"barTitle": "Align right" "barTitle": "Align right"
}, },
{ {
@ -6852,7 +6852,7 @@
{ {
"label": "Top", "label": "Top",
"value": "top", "value": "top",
"barIcon": "AlignTop", "barIcon": "align-top",
"barTitle": "Align top" "barTitle": "Align top"
}, },
{ {
@ -6864,7 +6864,7 @@
{ {
"label": "Bottom", "label": "Bottom",
"value": "bottom", "value": "bottom",
"barIcon": "AlignBottom", "barIcon": "align-botton",
"barTitle": "Align bottom" "barTitle": "Align bottom"
}, },
{ {

View File

@ -200,7 +200,7 @@
<GridStylesButton <GridStylesButton
style={gridHAlignVar} style={gridHAlignVar}
value="start" value="start"
icon="AlignLeft" icon="align-left"
title="Align left" title="Align left"
active={gridHAlign === "start"} active={gridHAlign === "start"}
componentId={id} componentId={id}
@ -208,7 +208,7 @@
<GridStylesButton <GridStylesButton
style={gridHAlignVar} style={gridHAlignVar}
value="center" value="center"
icon="AlignCenter" icon="align-center"
title="Align center" title="Align center"
active={gridHAlign === "center"} active={gridHAlign === "center"}
componentId={id} componentId={id}
@ -216,7 +216,7 @@
<GridStylesButton <GridStylesButton
style={gridHAlignVar} style={gridHAlignVar}
value="end" value="end"
icon="AlignRight" icon="align-right"
title="Align right" title="Align right"
active={gridHAlign === "end"} active={gridHAlign === "end"}
componentId={id} componentId={id}
@ -233,7 +233,7 @@
<GridStylesButton <GridStylesButton
style={gridVAlignVar} style={gridVAlignVar}
value="start" value="start"
icon="AlignTop" icon="align-top"
title="Align top" title="Align top"
active={gridVAlign === "start"} active={gridVAlign === "start"}
componentId={id} componentId={id}
@ -249,7 +249,7 @@
<GridStylesButton <GridStylesButton
style={gridVAlignVar} style={gridVAlignVar}
value="end" value="end"
icon="AlignBottom" icon="align-botton"
title="Align bottom" title="Align bottom"
active={gridVAlign === "end"} active={gridVAlign === "end"}
componentId={id} componentId={id}