settings icons added
This commit is contained in:
parent
1a44ed2d13
commit
8a64f1565c
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|
|
@ -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"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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}
|
||||||
|
|
Loading…
Reference in New Issue