-
Notifications
You must be signed in to change notification settings - Fork 82
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(ui): introduce collapsible section - WF-47
closes #506
- Loading branch information
Showing
5 changed files
with
139 additions
and
64 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,108 +1,131 @@ | ||
| import { FieldCategory, FieldType } from "@/writerTypes"; | ||
| import { | ||
| FieldCategory, | ||
| FieldType, | ||
| WriterComponentDefinitionField, | ||
| } from "@/writerTypes"; | ||
|
|
||
| export const accentColor = { | ||
| export const accentColor: WriterComponentDefinitionField = { | ||
| name: "Accent", | ||
| type: FieldType.Color, | ||
| category: FieldCategory.Style, | ||
| applyStyleVariable: true, | ||
| }; | ||
|
|
||
| export const primaryTextColor = { | ||
| export const primaryTextColor: WriterComponentDefinitionField = { | ||
| name: "Primary text", | ||
| type: FieldType.Color, | ||
| category: FieldCategory.Style, | ||
| applyStyleVariable: true, | ||
| }; | ||
|
|
||
| export const secondaryTextColor = { | ||
| export const secondaryTextColor: WriterComponentDefinitionField = { | ||
| name: "Secondary text", | ||
| type: FieldType.Color, | ||
| category: FieldCategory.Style, | ||
| applyStyleVariable: true, | ||
| }; | ||
|
|
||
| export const emptinessColor = { | ||
| export const emptinessColor: WriterComponentDefinitionField = { | ||
| name: "Emptiness", | ||
| desc: "Page background color", | ||
| type: FieldType.Color, | ||
| category: FieldCategory.Style, | ||
| applyStyleVariable: true, | ||
| }; | ||
|
|
||
| export const containerBackgroundColor = { | ||
| export const containerBackgroundColor: WriterComponentDefinitionField = { | ||
| name: "Container background", | ||
| type: FieldType.Color, | ||
| category: FieldCategory.Style, | ||
| applyStyleVariable: true, | ||
| }; | ||
|
|
||
| export const containerShadow = { | ||
| export const containerShadow: WriterComponentDefinitionField = { | ||
| name: "Container shadow", | ||
| type: FieldType.Shadow, | ||
| category: FieldCategory.Style, | ||
| applyStyleVariable: true, | ||
| }; | ||
|
|
||
| export const separatorColor = { | ||
| export const separatorColor: WriterComponentDefinitionField = { | ||
| name: "Separator", | ||
| type: FieldType.Color, | ||
| category: FieldCategory.Style, | ||
| applyStyleVariable: true, | ||
| }; | ||
|
|
||
| export const buttonColor = { | ||
| export const buttonColor: WriterComponentDefinitionField = { | ||
| name: "Button", | ||
| type: FieldType.Color, | ||
| category: FieldCategory.Style, | ||
| applyStyleVariable: true, | ||
| }; | ||
|
|
||
| export const buttonTextColor = { | ||
| export const buttonTextColor: WriterComponentDefinitionField = { | ||
| name: "Button text", | ||
| type: FieldType.Color, | ||
| category: FieldCategory.Style, | ||
| applyStyleVariable: true, | ||
| }; | ||
|
|
||
| export const buttonShadow = { | ||
| export const buttonShadow: WriterComponentDefinitionField = { | ||
| name: "Button shadow", | ||
| type: FieldType.Shadow, | ||
| category: FieldCategory.Style, | ||
| applyStyleVariable: true, | ||
| }; | ||
|
|
||
| export const cssClasses = { | ||
| export const cssClasses: WriterComponentDefinitionField = { | ||
| name: "Custom CSS classes", | ||
| type: FieldType.Text, | ||
| category: FieldCategory.Style, | ||
| desc: "CSS classes, separated by spaces. You can define classes in custom stylesheets.", | ||
| }; | ||
|
|
||
| export const contentWidth = { | ||
| export const contentWidth: WriterComponentDefinitionField = { | ||
| name: "Content width", | ||
| type: FieldType.Width, | ||
| default: "100%", | ||
| category: FieldCategory.Style, | ||
| desc: "Configure content width using CSS units, e.g. 100px, 50%, 10vw, etc.", | ||
| }; | ||
|
|
||
| export const contentHAlign = { | ||
| export const contentHAlign: WriterComponentDefinitionField = { | ||
| name: "Content alignment (H)", | ||
| type: FieldType.HAlign, | ||
| default: "unset", | ||
| category: FieldCategory.Style, | ||
| }; | ||
|
|
||
| export const contentVAlign = { | ||
| export const contentVAlign: WriterComponentDefinitionField = { | ||
| name: "Content alignment (V)", | ||
| type: FieldType.VAlign, | ||
| default: "unset", | ||
| category: FieldCategory.Style, | ||
| }; | ||
|
|
||
| export const contentPadding = { | ||
| export const contentPadding: WriterComponentDefinitionField = { | ||
| name: "Padding", | ||
| type: FieldType.Padding, | ||
| default: "0", | ||
| category: FieldCategory.Style, | ||
| }; | ||
|
|
||
| const yesNoOptions = { yes: "Yes", no: "No" }; | ||
|
|
||
| export const isCollapsible: WriterComponentDefinitionField = { | ||
| name: "Collapsible", | ||
| default: "no", | ||
| type: FieldType.Text, | ||
| options: yesNoOptions, | ||
| category: FieldCategory.Style, | ||
| }; | ||
|
|
||
| export const startCollapsed: WriterComponentDefinitionField = { | ||
| name: "Start collapsed", | ||
| type: FieldType.Text, | ||
| category: FieldCategory.Style, | ||
| default: "no", | ||
| options: yesNoOptions, | ||
| desc: "Only applied when the component is collapsible.", | ||
| }; |
Oops, something went wrong.