@bpmn-io/form-js-viewer 1.0.0-alpha.9 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +22 -22
- package/README.md +164 -164
- package/dist/assets/form-js-base.css +932 -880
- package/dist/assets/form-js.css +53 -1
- package/dist/index.cjs +1744 -907
- package/dist/index.cjs.map +1 -1
- package/dist/index.es.js +1728 -912
- package/dist/index.es.js.map +1 -1
- package/dist/types/Form.d.ts +8 -4
- package/dist/types/core/Validator.d.ts +5 -1
- package/dist/types/features/expression-language/variableExtractionHelpers.d.ts +1 -1
- package/dist/types/features/index.d.ts +2 -0
- package/dist/types/features/viewerCommands/ViewerCommands.d.ts +14 -0
- package/dist/types/features/viewerCommands/cmd/UpdateFieldValidationHandler.d.ts +11 -0
- package/dist/types/features/viewerCommands/index.d.ts +8 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/render/components/form-fields/Spacer.d.ts +14 -0
- package/dist/types/render/components/form-fields/parts/TemplatedInputAdorner.d.ts +1 -0
- package/dist/types/render/components/index.d.ts +2 -1
- package/dist/types/types.d.ts +35 -35
- package/dist/types/util/constants/ValuesSourceConstants.d.ts +1 -0
- package/dist/types/util/index.d.ts +1 -3
- package/package.json +4 -4
package/dist/assets/form-js.css
CHANGED
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
--cds-border-subtle,
|
|
69
69
|
var(--cds-border-subtle-01, var(--color-grey-225-10-85))
|
|
70
70
|
);
|
|
71
|
-
--color-borders-readonly: var(--cds-border-
|
|
71
|
+
--color-borders-readonly: var(--cds-border-subtle, var(--color-grey-225-10-75));
|
|
72
72
|
--color-borders-inverted: var(--cds-border-inverse, var(--color-grey-225-10-90));
|
|
73
73
|
--color-warning: var(--cds-text-error, var(--color-red-360-100-45));
|
|
74
74
|
--color-warning-light: var(--cds-text-error, var(--color-red-360-100-92));
|
|
@@ -98,6 +98,43 @@
|
|
|
98
98
|
height: 100%;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
+
.fjs-no-theme {
|
|
102
|
+
--cds-field: initial;
|
|
103
|
+
--cds-field-01: initial;
|
|
104
|
+
--cds-background: initial;
|
|
105
|
+
--cds-background-inverse: initial;
|
|
106
|
+
--cds-background-inverse-hover: initial;
|
|
107
|
+
--cds-background-active: initial;
|
|
108
|
+
--cds-layer: initial;
|
|
109
|
+
--cds-layer-01: initial;
|
|
110
|
+
--cds-layer-02: initial;
|
|
111
|
+
--cds-icon-primary: initial;
|
|
112
|
+
--cds-icon-secondary: initial;
|
|
113
|
+
--cds-icon-inverse: initial;
|
|
114
|
+
--cds-text-primary: initial;
|
|
115
|
+
--cds-text-secondary: initial;
|
|
116
|
+
--cds-text-placeholder: initial;
|
|
117
|
+
--cds-text-inverse: initial;
|
|
118
|
+
--cds-text-disabled: initial;
|
|
119
|
+
--cds-border-strong: initial;
|
|
120
|
+
--cds-border-strong-01: initial;
|
|
121
|
+
--cds-border-disabled: initial;
|
|
122
|
+
--cds-border-subtle: initial;
|
|
123
|
+
--cds-border-subtle-01: initial;
|
|
124
|
+
--cds-border-inverse: initial;
|
|
125
|
+
--cds-text-error: initial;
|
|
126
|
+
--cds-link-primary: initial;
|
|
127
|
+
--cds-button-primary: initial;
|
|
128
|
+
--cds-shadow: initial;
|
|
129
|
+
--cds-focus: initial;
|
|
130
|
+
--cds-interactive: initial;
|
|
131
|
+
--cds-border-interactive: initial;
|
|
132
|
+
--cds-highlight: initial;
|
|
133
|
+
--cds-field-02: initial;
|
|
134
|
+
--cds-field-hover-02: initial;
|
|
135
|
+
--cds-toggle-off: initial;
|
|
136
|
+
}
|
|
137
|
+
|
|
101
138
|
/**
|
|
102
139
|
* Layout styles
|
|
103
140
|
*/
|
|
@@ -123,6 +160,10 @@
|
|
|
123
160
|
position: relative;
|
|
124
161
|
}
|
|
125
162
|
|
|
163
|
+
.fjs-container .fjs-layout-row:empty {
|
|
164
|
+
display: none;
|
|
165
|
+
}
|
|
166
|
+
|
|
126
167
|
.fjs-container .fjs-column {
|
|
127
168
|
flex-grow: 1;
|
|
128
169
|
}
|
|
@@ -313,6 +354,13 @@
|
|
|
313
354
|
margin: auto;
|
|
314
355
|
}
|
|
315
356
|
|
|
357
|
+
.fjs-container .fjs-form-field-spacer {
|
|
358
|
+
background-color: transparent;
|
|
359
|
+
display: flex;
|
|
360
|
+
align-items: center;
|
|
361
|
+
justify-content: center;
|
|
362
|
+
}
|
|
363
|
+
|
|
316
364
|
.fjs-container .fjs-input[type=text],
|
|
317
365
|
.fjs-container .fjs-input[type=email],
|
|
318
366
|
.fjs-container .fjs-input[type=tel],
|
|
@@ -652,6 +700,10 @@
|
|
|
652
700
|
list-style-type: none;
|
|
653
701
|
}
|
|
654
702
|
|
|
703
|
+
.fjs-container .fjs-form-field-text {
|
|
704
|
+
overflow-wrap: break-word;
|
|
705
|
+
}
|
|
706
|
+
|
|
655
707
|
.fjs-container .fjs-form-field-text a {
|
|
656
708
|
color: var(--color-accent);
|
|
657
709
|
}
|