@nolwenture/formik-jsonschema-form 2.0.2 → 3.0.0-beta.1

package/dist/esm/v3/raw/styles/defaultStyles.js

@@ -0,0 +1,111 @@
+// GENERATED by src/v3/__styles__/generate.test.tsx (`npm run styles`) from the 2.x styled-components: do not edit.
+// The default stylesheet (S7, §4.3): unlayered, 2.x selectors and specificity, theme values as --fjsf-* variables.
+export const DEFAULT_STYLES = [
+    ".fjsf-CommonFieldWrapper{display:flex;flex-direction:column;}.fjsf-CommonFieldWrapper input{background-color:var(--fjsf-color-background-input);border-radius:var(--fjsf-border-radius-none);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);padding:var(--fjsf-spacing-s);}.fjsf-CommonFieldWrapper input ::placeholder{color:var(--fjsf-color-text-muted);}.fjsf-CommonFieldWrapper input:read-only{border:none;background-color:transparent;padding:0;}.fjsf-CommonFieldWrapper input:read-only::placeholder{color:var(--fjsf-color-text-default);}.fjsf-CommonFieldWrapper input:read-only:focus,.fjsf-CommonFieldWrapper input:read-only:focus-visible{border:none;stroke:none;box-shadow:none;}.fjsf-CommonFieldWrapper input:disabled{background-color:var(--fjsf-color-background-input);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);padding:var(--fjsf-spacing-s);}.fjsf-CommonFieldWrapper input:disabled::placeholder{color:var(--fjsf-color-text-muted);}.fjsf-CommonFieldWrapper input:disabled:focus,.fjsf-CommonFieldWrapper input:disabled:focus-visible{border:none;stroke:none;box-shadow:none;}.fjsf-CommonFieldWrapper input:focus,.fjsf-CommonFieldWrapper input:focus-visible{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-CommonFieldWrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--fjsf-color-background-input);border-radius:var(--fjsf-border-radius-none);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);color:var(--fjsf-color-text-default);cursor:pointer;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);font-weight:var(--fjsf-typography-weight-normal);outline:none;padding:var(--fjsf-spacing-s) var(--fjsf-spacing-xxxxl) var(--fjsf-spacing-s) var(--fjsf-spacing-m);width:100%;background-image:var(--fjsf-select-arrow);background-position:right var(--fjsf-spacing-m) top 50%;background-repeat:no-repeat;background-size:var(--fjsf-spacing-l);}.fjsf-CommonFieldWrapper select[readonly]{background-image:none;border:none;background-color:transparent;padding:0;}.fjsf-CommonFieldWrapper select:focus{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-CommonFieldWrapper select:disabled{background-color:var(--fjsf-color-background-input);background-image:var(--fjsf-select-arrow);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);padding:var(--fjsf-spacing-s) var(--fjsf-spacing-xxxxl) var(--fjsf-spacing-s) var(--fjsf-spacing-m);}.fjsf-CommonFieldWrapper select[multiple]{appearance:auto;background-image:none;overflow:auto;}.fjsf-CommonFieldWrapper textarea{background-color:var(--fjsf-color-background-input);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);padding:var(--fjsf-spacing-s);}.fjsf-CommonFieldWrapper textarea:read-only{border:none;background-color:transparent;padding:0;min-height:unset;resize:none;field-sizing:content;}.fjsf-CommonFieldWrapper textarea:read-only::placeholder{color:var(--fjsf-color-text-default);}.fjsf-CommonFieldWrapper textarea:disabled{background-color:var(--fjsf-color-background-input);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);min-height:5rem;padding:var(--fjsf-spacing-s);}.fjsf-CommonFieldWrapper textarea:disabled::placeholder{color:var(--fjsf-color-text-muted);}",
+    ".fjsf-CommonCheckboxStyles input[type=\"checkbox\"]{margin-left:0;-webkit-appearance:none;appearance:none;background-color:var(--fjsf-color-background-input);border-radius:var(--fjsf-border-radius-none);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);color:var(--fjsf-on-input);cursor:pointer;display:grid;font:inherit;height:var(--fjsf-spacing-l);margin:0;place-content:center;width:var(--fjsf-spacing-l);}.fjsf-CommonCheckboxStyles input[type=\"checkbox\"]:before{background-color:CanvasText;content:\"\";width:var(--fjsf-spacing-m);height:var(--fjsf-spacing-m);transform:scale(0);transition:0.12s transform ease-in-out;transform-origin:center;clip-path:polygon(\n        34.469% 100%,\n        1.486% 62.13%,\n        1.486% 62.13%,\n        0.951% 61.408%,\n        0.535% 60.618%,\n        0.238% 59.777%,\n        0.059% 58.903%,\n        0% 58.011%,\n        0.059% 57.119%,\n        0.238% 56.244%,\n        0.535% 55.403%,\n        0.951% 54.613%,\n        1.486% 53.891%,\n        8.662% 45.652%,\n        8.662% 45.652%,\n        9.291% 45.037%,\n        9.979% 44.56%,\n        10.712% 44.218%,\n        11.474% 44.013%,\n        12.25% 43.945%,\n        13.027% 44.013%,\n        13.789% 44.218%,\n        14.521% 44.56%,\n        15.209% 45.037%,\n        15.838% 45.652%,\n        38.057% 71.162%,\n        85.648% 16.521%,\n        85.648% 16.521%,\n        86.277% 15.907%,\n        86.965% 15.429%,\n        87.697% 15.088%,\n        88.459% 14.883%,\n        89.236% 14.815%,\n        90.013% 14.883%,\n        90.775% 15.088%,\n        91.507% 15.429%,\n        92.195% 15.907%,\n        92.824% 16.521%,\n        100% 24.761%,\n        100% 24.761%,\n        100.535% 25.483%,\n        100.951% 26.273%,\n        101.248% 27.114%,\n        101.427% 27.989%,\n        101.486% 28.88%,\n        101.427% 29.772%,\n        101.248% 30.647%,\n        100.951% 31.488%,\n        100.535% 32.278%,\n        100% 33%,\n        41.645% 100%,\n        41.645% 100%,\n        41.016% 100.614%,\n        40.328% 101.092%,\n        39.596% 101.433%,\n        38.834% 101.638%,\n        38.057% 101.706%,\n        37.281% 101.638%,\n        36.519% 101.433%,\n        35.786% 101.092%,\n        35.098% 100.614%,\n        34.469% 100%\n      );}.fjsf-CommonCheckboxStyles input[type=\"checkbox\"]:focus{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-CommonCheckboxStyles input[type=\"checkbox\"]:checked{background-color:var(--fjsf-color-intent-default-none);}.fjsf-CommonCheckboxStyles input[type=\"checkbox\"]:checked:before{transform:scale(1);}.fjsf-CommonCheckboxStyles input[type=\"checkbox\"][readonly]{background:transparent;}.fjsf-CommonCheckboxStyles input[type=\"checkbox\"]:disabled{background-color:var(--fjsf-color-background-input);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);}",
+    ".fjsf-IconWrapper{display:flex;}",
+    ".fjsf-ObjectFieldItem{color:var(--fjsf-color-text-default);display:flex;}",
+    ".fjsf-ObjectFieldItemButtons{align-items:flex-start;display:flex;gap:var(--fjsf-spacing-s);margin:var(--fjsf-spacing-s);}",
+    ".fjsf-ObjectFieldButton{line-height:1;padding:var(--fjsf-spacing-s) var(--fjsf-spacing-m);justify-content:center;}",
+    ".fjsf-ObjectFieldSectionWrapper{display:flex;flex-direction:column;gap:var(--fjsf-spacing-m);padding:var(--fjsf-spacing-s) var(--fjsf-spacing-l) var(--fjsf-spacing-s) var(--fjsf-spacing-s);}",
+    ".fjsf-ObjectFieldSectionTitle{display:flex;gap:var(--fjsf-spacing-s);float:left;width:100%;margin:0;justify-content:space-between;}",
+    ".fjsf-ObjectFieldSectionChildrenWrapper{display:flex;flex-direction:column;gap:var(--fjsf-spacing-m);}",
+    ".fjsf-ArrayFieldItem{padding:var(--fjsf-spacing-l);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);margin-bottom:var(--fjsf-spacing-s);}",
+    ".fjsf-BooleanFieldWrapper{align-items:center;color:var(--fjsf-color-text-default);cursor:pointer;display:flex;font-family:var(--fjsf-typography-font-family-base);gap:var(--fjsf-spacing-s);}.fjsf-BooleanFieldWrapper:has(input[readonly]){pointer-events:none;cursor:pointer;}",
+    ".fjsf-Row{display:flex;flex-direction:row;font-family:var(--fjsf-typography-font-family-base);position:relative;}",
+    ".fjsf-DisplayInput{display:flex;flex-grow:1;padding-right:var(--fjsf-spacing-xxxl)!important;}.fjsf-DisplayInput:disabled{background-color:transparent;border:none;}.fjsf-DisplayInput:read-only:focus,.fjsf-DisplayInput:read-only:focus-visible{border:none;stroke:none;box-shadow:none;}",
+    ".fjsf-HiddenNative{position:absolute;opacity:0;pointer-events:none;width:0;height:0;}",
+    ".fjsf-PickerButton{position:absolute;right:0;top:0;height:100%;left:auto;border:none;background:inherit;cursor:pointer;font:inherit;}.fjsf-PickerButton:focus,.fjsf-PickerButton:focus-visible{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-PickerButton:disabled{cursor:not-allowed;opacity:0.6;}.fjsf-PickerButton svg{display:flex;color:var(--fjsf-color-intent-default-primary);}",
+    ".fjsf-FileUploadFieldFileUploadButton{background-color:var(--fjsf-color-intent-default-none);color:var(--fjsf-on-intent-none);padding:var(--fjsf-spacing-s) var(--fjsf-spacing-xl);border:none;border-radius:var(--fjsf-border-radius-none);cursor:pointer;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);}",
+    ".fjsf-FileUploadFieldHiddenFileInput{display:none;}",
+    ".fjsf-FileUploadFieldProgressBarContainer{width:7.5rem;height:var(--fjsf-spacing-xl);border-radius:var(--fjsf-stroke-width-thick);background-color:var(--fjsf-color-background-input);position:relative;margin-left:var(--fjsf-spacing-s);}",
+    ".fjsf-FileUploadFieldProgressBar{width:var(--fjsf-progress);height:100%;background-color:var(--fjsf-color-palette-neutral-500);border-radius:var(--fjsf-stroke-width-thick);transition:width 0.2s ease;}",
+    ".fjsf-FileUploadFieldProgressText{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--fjsf-color-palette-neutral-200);font-family:var(--fjsf-typography-font-family-base);font-weight:var(--fjsf-typography-weight-bold);}",
+    ".fjsf-FileUploadFieldFileItemContainer{margin-bottom:var(--fjsf-spacing-s);display:flex;align-items:center;}",
+    ".fjsf-FileUploadFieldRemoveButton{margin-left:var(--fjsf-spacing-s);background-color:transparent;border:none;cursor:pointer;}",
+    ".fjsf-FileUploadFieldFileInfoText{margin-left:var(--fjsf-spacing-s);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);color:var(--fjsf-color-text-default);}",
+    ".fjsf-FileUploadFieldContainer{align-items:center;background-color:var(--fjsf-color-background-input);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);display:flex;flex-direction:column;gap:var(--fjsf-spacing-m);justify-content:center;padding:var(--fjsf-spacing-xxl);margin:var(--fjsf-spacing-s) 0 var(--fjsf-spacing-l) 0;position:relative;transition:0.3s filter ease;}.fjsf-FileUploadFieldContainer:hover{filter:brightness(110%);}:where([data-fjsf-readonly=\"true\"]) > .fjsf-FileUploadFieldContainer{align-items:center;background-color:transparent;border:none;display:flex;flex-direction:column;gap:var(--fjsf-spacing-m);justify-content:center;padding:0;margin:var(--fjsf-spacing-s) 0 var(--fjsf-spacing-l) 0;position:relative;transition:0.3s filter ease;}:where([data-fjsf-readonly=\"true\"]) > .fjsf-FileUploadFieldContainer:hover{filter:none;}",
+    ".fjsf-HiddenFileInput{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1;}",
+    ".fjsf-UploadIcon{color:var(--fjsf-color-palette-neutral-500);height:auto;width:5rem;}",
+    ".fjsf-InfoText{font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin:0;}",
+    ".fjsf-Divider{background:linear-gradient(\n    180deg,\n    transparent calc(50% - 2px),\n    var(--fjsf-color-palette-neutral-500) calc(50%),\n    transparent 50%\n  );color:var(--fjsf-color-palette-neutral-500);display:flex;flex-direction:row;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-large);gap:var(--fjsf-spacing-m);justify-content:center;margin:0;text-transform:uppercase;width:70%;}",
+    ".fjsf-DividerText{background-color:var(--fjsf-color-background-input);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-large);margin:0;padding:0 var(--fjsf-spacing-m);text-transform:uppercase;}",
+    ".fjsf-FileInfoText{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin-bottom:0;text-align:center;}",
+    ".fjsf-FileInfoTextMinimized{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin:0;text-align:center;}",
+    ".fjsf-FileUploadButton{z-index:2;}",
+    ".fjsf-FileUploadText{z-index:2;color:var(--fjsf-color-intent-default-primary);text-decoration:underline;}.fjsf-FileUploadText:hover{color:var(--fjsf-primary-dark);}",
+    ".fjsf-FileItemContainer{display:flex;flex-direction:column;font-family:var(--fjsf-typography-font-family-base);margin:var(--fjsf-spacing-m) 0;width:100%;}",
+    ".fjsf-UploadedFileItemContainer{align-items:flex-start;background-color:var(--fjsf-color-background-default);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);display:flex;flex-direction:row;font-family:var(--fjsf-typography-font-family-base);gap:var(--fjsf-spacing-m);justify-content:space-between;margin:0;min-width:0;padding:var(--fjsf-spacing-m) var(--fjsf-spacing-l);width:100%;}:where([data-fjsf-readonly=\"true\"] > .fjsf-FileUploadFieldContainer) .fjsf-UploadedFileItemContainer{align-items:center;background-color:transparent;border:none;display:flex;flex-direction:row;font-family:var(--fjsf-typography-font-family-base);gap:var(--fjsf-spacing-m);justify-content:space-between;margin:0;min-width:0;padding:0;width:100%;}",
+    ".fjsf-UploadedFileInfoContainer{align-items:flex-start;display:flex;gap:var(--fjsf-spacing-xs);flex:1;min-width:0;}:where([data-fjsf-readonly=\"true\"] > .fjsf-FileUploadFieldContainer) .fjsf-UploadedFileInfoContainer{align-items:center;display:flex;gap:var(--fjsf-spacing-xs);flex:1;min-width:0;}",
+    ".fjsf-UploadedFileWrapper{display:flex;justify-content:left;width:100%;z-index:2;}",
+    ".fjsf-FileTypeIcon{align-items:center;display:flex;}.fjsf-FileTypeIcon svg{color:var(--fjsf-color-intent-default-primary);}",
+    ".fjsf-UploadingFileName{color:var(--fjsf-color-text-default);display:flex;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin-bottom:0;min-width:0;overflow-wrap:anywhere;word-break:break-word;}",
+    ".fjsf-UploadedFileName{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin-bottom:0;min-width:0;overflow-wrap:anywhere;word-break:break-word;}",
+    ".fjsf-FileSize{color:var(--fjsf-color-text-muted);}",
+    ".fjsf-RemoveButton{background-color:transparent;border:none;cursor:pointer;padding:0;}",
+    ".fjsf-RemoveButtonIcon{color:var(--fjsf-color-intent-default-danger);font-size:1;height:auto;margin-top:var(--fjsf-spacing-xs);transition:0.3s color ease;width:1rem;}.fjsf-RemoveButtonIcon:hover{color:var(--fjsf-color-palette-danger-700);}",
+    ".fjsf-ProgressBarContainer{background-color:var(--fjsf-color-palette-neutral-300);height:var(--fjsf-spacing-s);margin-top:var(--fjsf-spacing-xs);width:100%;}",
+    ".fjsf-ProgressBar{background-color:var(--fjsf-color-palette-primary-600);border-radius:var(--fjsf-stroke-width-thick);height:100%;transition:width 0.2s ease;width:0;width:var(--fjsf-progress);}",
+    ".fjsf-DragOverlay{align-items:center;background-color:var(--fjsf-color-overlay-80);border:4px dashed var(--fjsf-color-intent-default-none);bottom:0;color:var(--fjsf-color-palette-primary-100);display:flex;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-h1);font-weight:var(--fjsf-typography-weight-bold);justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3;}",
+    ".fjsf-FieldWrapper{display:flex;flex-direction:column;gap:var(--fjsf-spacing-xs);color:var(--fjsf-color-text-default);opacity:1;pointer-events:auto;}.fjsf-FieldWrapper:where([aria-disabled=\"true\"]){display:flex;flex-direction:column;gap:var(--fjsf-spacing-xs);color:var(--fjsf-color-text-default);opacity:0.6;pointer-events:none;}",
+    ".fjsf-FieldTitleInfoWrapper{display:flex;flex-direction:row;flex-wrap:wrap;}",
+    ".fjsf-FieldTitle{font-size:var(--fjsf-typography-size-base);font-family:var(--fjsf-typography-font-family-base);font-weight:var(--fjsf-typography-weight-medium);margin-right:var(--fjsf-spacing-s);color:var(--fjsf-color-text-default);}",
+    ".fjsf-FieldDescription{color:var(--fjsf-color-text-default);margin:0;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);font-weight:var(--fjsf-typography-weight-normal);}:where([data-fjsf-readonly=\"true\"]) > .fjsf-FieldDescription{color:var(--fjsf-color-text-default);margin:0;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);font-weight:var(--fjsf-typography-weight-bold);}",
+    ".fjsf-FieldHelp{color:var(--fjsf-color-text-default);margin:0;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);}",
+    ".fjsf-SelectFieldInput[readonly]{pointer-events:none;}",
+    ".fjsf-RadioFieldContainer{color:var(--fjsf-color-text-default);display:flex;flex-direction:column;font-family:var(--fjsf-typography-font-family-base);gap:var(--fjsf-spacing-s);}.fjsf-RadioFieldContainer:has(input[readonly]){flex-direction:column;gap:var(--fjsf-spacing-xxs);}.fjsf-RadioFieldContainer input[type=\"radio\"]{-webkit-appearance:none;appearance:none;background-color:var(--fjsf-color-background-input);border-radius:var(--fjsf-border-radius-circle);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);color:var(--fjsf-on-input);cursor:pointer;display:grid;font:inherit;height:var(--fjsf-spacing-l);margin:0;place-content:center;width:var(--fjsf-spacing-l);}.fjsf-RadioFieldContainer input[type=\"radio\"]:before{background-color:CanvasText;border-radius:var(--fjsf-border-radius-circle);content:\"\";display:inline-block;height:var(--fjsf-spacing-s);transform:scale(0);transition:0.12s transform ease-in-out;width:var(--fjsf-spacing-s);}.fjsf-RadioFieldContainer input[type=\"radio\"]:focus{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-RadioFieldContainer input[type=\"radio\"]:checked{background-color:var(--fjsf-color-intent-default-none);}.fjsf-RadioFieldContainer input[type=\"radio\"]:checked:before{transform:scale(1);}.fjsf-RadioFieldContainer input[type=\"radio\"][readonly]{background-color:transparent;}",
+    ".fjsf-RadioFieldElement{display:inline-flex;align-items:center;}.fjsf-RadioFieldElement:has(input[readonly]){pointer-events:none;}",
+    ".fjsf-RadioFieldLabel{margin-left:var(--fjsf-spacing-xs);line-height:var(--fjsf-typography-line-height-small);}",
+    ".fjsf-MultipleChoiceFieldContainer{font-family:var(--fjsf-typography-font-family-base);flex-wrap:wrap;justify-content:start;flex-direction:column;gap:var(--fjsf-spacing-s);margin-top:var(--fjsf-spacing-s);}.fjsf-MultipleChoiceFieldContainer:has(input[readonly]){flex-direction:column;gap:var(--fjsf-spacing-s);}",
+    ".fjsf-SearchableMultiTagSelectFieldContainer{display:flex;flex-direction:column;font-family:var(--fjsf-typography-font-family-base);}",
+    ".fjsf-SearchableMultiTagSelectFieldSearchContainer{display:flex;flex-direction:column;}",
+    ".fjsf-SearchableMultiTagSelectFieldBadgeContainer{font-family:var(--fjsf-typography-font-family-base);margin:var(--fjsf-spacing-xs) 0;display:inline-flex;gap:var(--fjsf-stroke-width-thin);}",
+    ".fjsf-SearchableMultiTagSelectFieldBadge{color:var(--fjsf-color-background-input);background:var(--fjsf-color-text-default);padding:0 var(--fjsf-spacing-s);border-radius:var(--fjsf-border-radius-none);display:flex;margin-right:var(--fjsf-spacing-xs);gap:var(--fjsf-spacing-s);}",
+    ".fjsf-SearchableMultiTagSelectFieldBadgeCloseElement{background:transparent;color:var(--fjsf-color-background-input);border:none;cursor:pointer;margin:0;padding:0;font-size:var(--fjsf-typography-size-small);align-self:center;font-family:var(--fjsf-typography-font-family-base);}",
+    ".fjsf-SearchableMultiTagSelectFieldOptionList{width:100%;padding:unset;margin:unset;border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);border-radius:var(--fjsf-border-radius-none);position:absolute;background:var(--fjsf-color-background-default);top:100%;z-index:1000;}",
+    ".fjsf-SearchableMultiTagSelectFieldOptionListItem{cursor:pointer;list-style-type:none;padding:var(--fjsf-spacing-xxs) var(--fjsf-spacing-xs);height:var(--fjsf-spacing-xl);}.fjsf-SearchableMultiTagSelectFieldOptionListItem:hover{background:var(--fjsf-color-background-input);}",
+    ".fjsf-SearchableMultiTagSelectFieldOptionListWithoutItem{cursor:default;color:var(--fjsf-color-background-default);list-style-type:none;padding:var(--fjsf-spacing-xxs) var(--fjsf-spacing-xs);height:var(--fjsf-spacing-xl);}",
+    ".fjsf-SearchableSelectFieldDropdownContainer{overflow-y:auto;overflow-x:auto;max-height:6rem;white-space:nowrap;}",
+    ".fjsf-SearchableSelectFieldListOption{cursor:default;}",
+    ".fjsf-SearchableSelectFieldListExpand{text-decoration:underline;}.fjsf-SearchableSelectFieldListExpand:hover{background:none;}",
+    ".fjsf-SearchableSelectFieldNotFound{cursor:default;}.fjsf-SearchableSelectFieldNotFound:hover{background:none;}",
+    ".fjsf-SearchableSelectFieldInputElement{width:100%;padding-right:var(--fjsf-spacing-xxl);text-overflow:ellipsis;}",
+    ".fjsf-SearchableSelectFieldClearButton{background-color:var(--fjsf-color-palette-neutral-500);border-radius:var(--fjsf-border-radius-circle);bottom:0;color:var(--fjsf-on-neutral-500);cursor:pointer;font-size:var(--fjsf-typography-size-small);height:1rem;line-height:1rem;margin:auto;min-width:1rem;position:absolute;right:var(--fjsf-spacing-xs);text-align:center;top:0;}",
+    ".fjsf-SearchableSelectFieldInputContainer{display:flex;}",
+    ".fjsf-TextAreaFieldInput{background-color:var(--fjsf-color-background-input);color:var(--fjsf-color-text-default);display:inline-block;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);min-height:5rem;padding:var(--fjsf-spacing-s);}",
+    ".fjsf-ToggleFieldToggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;height:1rem;background:var(--fjsf-color-intent-default-none);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);-webkit-transition:0.4s;transition:0.4s;border-radius:var(--fjsf-border-radius-circle);}.fjsf-ToggleFieldToggle:before{position:absolute;content:\"\";height:0.9rem;width:0.9rem;background:var(--fjsf-color-background-default);-webkit-transition:0.4s;transition:0.4s;border-radius:var(--fjsf-border-radius-circle);top:0.05rem;left:0.13rem;}",
+    ".fjsf-ToggleFieldLabel{position:relative;display:inline-block;width:2rem;}.fjsf-ToggleFieldLabel:has(input[readonly]){pointer-events:none;}",
+    ".fjsf-ToggleFieldInputElement{opacity:0;width:0;height:0;}.fjsf-ToggleFieldInputElement:focus+.fjsf-ToggleFieldToggle{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-ToggleFieldInputElement:checked+.fjsf-ToggleFieldToggle:before{transform:translateX(0.75rem);}",
+    ".fjsf-ObjectFieldTemplateWrapper{display:flex;flex-direction:column;gap:var(--fjsf-spacing-m);color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);margin-inline:0;margin-bottom:var(--fjsf-spacing-xs);}.fjsf-ObjectFieldTemplateWrapper:has(input[disabled]),.fjsf-ObjectFieldTemplateWrapper:has(option[disabled]),.fjsf-ObjectFieldTemplateWrapper:has(select[disabled]),.fjsf-ObjectFieldTemplateWrapper:has(textarea[disabled]){border-color:var(--fjsf-border-muted);}.fjsf-ObjectFieldTemplateWrapper:has(input[disabled]) legend,.fjsf-ObjectFieldTemplateWrapper:has(option[disabled]) legend,.fjsf-ObjectFieldTemplateWrapper:has(select[disabled]) legend,.fjsf-ObjectFieldTemplateWrapper:has(textarea[disabled]) legend{color:var(--fjsf-text-muted);}.fjsf-ObjectFieldTemplateWrapper:has(input[disabled]) legend+p,.fjsf-ObjectFieldTemplateWrapper:has(option[disabled]) legend+p,.fjsf-ObjectFieldTemplateWrapper:has(select[disabled]) legend+p,.fjsf-ObjectFieldTemplateWrapper:has(textarea[disabled]) legend+p{color:var(--fjsf-text-muted);}",
+    ".fjsf-ObjectFieldTemplateTitle{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);}",
+    ".fjsf-ObjectFieldTitleInfoWrapper{display:flex;flex-direction:row;flex-wrap:wrap;}",
+    ".fjsf-CollapsibleObjectFieldTemplateTitle{display:flex;align-items:center;gap:var(--fjsf-spacing-s);}",
+    ".fjsf-CollapsibleObjectFieldTemplateToggle{display:flex;flex-direction:column;}",
+    ".fjsf-ErrorText{color:var(--fjsf-color-intent-default-danger);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin-top:var(--fjsf-spacing-xs);}",
+    ".fjsf-FieldInfoBoxElement{font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);margin:0;min-width:max-content;opacity:0;position:absolute;transition:opacity 0.5s;visibility:hidden;word-wrap:break-word;z-index:1080;top:auto;bottom:140%;left:50%;right:50%;transform:translate(\n    -50%,\n    0\n  );}.fjsf-FieldInfoBoxElement:where([data-fjsf-info-position=\"right\"]){font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);margin:0;min-width:max-content;opacity:0;position:absolute;transition:opacity 0.5s;visibility:hidden;word-wrap:break-word;z-index:1080;top:50%;bottom:50%;left:100%;right:auto;transform:translate(\n    0,\n    -50%\n  );}.fjsf-FieldInfoBoxElement:where([data-fjsf-info-position=\"bottom\"]){font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);margin:0;min-width:max-content;opacity:0;position:absolute;transition:opacity 0.5s;visibility:hidden;word-wrap:break-word;z-index:1080;top:140%;bottom:auto;left:50%;right:50%;transform:translate(\n    -50%,\n    0\n  );}.fjsf-FieldInfoBoxElement:where([data-fjsf-info-position=\"left\"]){font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);margin:0;min-width:max-content;opacity:0;position:absolute;transition:opacity 0.5s;visibility:hidden;word-wrap:break-word;z-index:1080;top:50%;bottom:50%;left:auto;right:100%;transform:translate(\n    0,\n    -50%\n  );}",
+    ".fjsf-FieldInfoBoxArrowElement{top:100%;left:50%;bottom:unset;border:solid transparent;content:\"\";height:0;width:0;position:absolute;pointer-events:none;border-top-color:var(--fjsf-color-intent-default-warning);border-bottom-color:transparent;border-right-color:transparent;border-left-color:transparent;border-width:5px;margin-left:-5px;}.fjsf-FieldInfoBoxArrowElement:where([data-fjsf-info-position=\"right\"]){top:40%;left:-2%;bottom:unset;border:solid transparent;content:\"\";height:0;width:0;position:absolute;pointer-events:none;border-top-color:transparent;border-bottom-color:transparent;border-right-color:var(--fjsf-color-intent-default-warning);border-left-color:transparent;border-width:5px;margin-left:-5px;}.fjsf-FieldInfoBoxArrowElement:where([data-fjsf-info-position=\"bottom\"]){top:unset;left:50%;bottom:100%;border:solid transparent;content:\"\";height:0;width:0;position:absolute;pointer-events:none;border-top-color:transparent;border-bottom-color:var(--fjsf-color-intent-default-warning);border-right-color:transparent;border-left-color:transparent;border-width:5px;margin-left:-5px;}.fjsf-FieldInfoBoxArrowElement:where([data-fjsf-info-position=\"left\"]){top:40%;left:102.5%;bottom:unset;border:solid transparent;content:\"\";height:0;width:0;position:absolute;pointer-events:none;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;border-left-color:var(--fjsf-color-intent-default-warning);border-width:5px;margin-left:-5px;}",
+    ".fjsf-FieldInfoBoxInnerElement{background:var(--fjsf-color-intent-default-warning);border-radius:var(--fjsf-border-radius-none);border:none;color:var(--fjsf-color-text-default);cursor:default;font-size:var(--fjsf-typography-size-small);line-height:var(--fjsf-typography-line-height-small);max-width:30ch;padding:var(--fjsf-spacing-s) var(--fjsf-spacing-m);text-align:left;white-space:pre-wrap;}",
+    ".fjsf-InlineFieldInfoBoxInnerElement{background:var(--fjsf-color-intent-default-warning);border-radius:var(--fjsf-border-radius-none);border:none;color:var(--fjsf-color-text-default);cursor:default;font-size:var(--fjsf-typography-size-small);line-height:var(--fjsf-typography-line-height-small);padding:var(--fjsf-spacing-s) var(--fjsf-spacing-m);text-align:left;white-space:pre-wrap;}",
+    ".fjsf-FieldInfoContainer{background:none;border-radius:var(--fjsf-border-radius-circle);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);color:var(--fjsf-color-text-default);cursor:pointer;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);margin:0 var(--fjsf-spacing-s) 0 calc(-1 * var(--fjsf-spacing-xs));outline:none;padding:0 var(--fjsf-spacing-s);position:relative;text-decoration:unset;width:fit-content;}.fjsf-FieldInfoContainer:active,.fjsf-FieldInfoContainer:focus{color:var(--fjsf-on-text);background:var(--fjsf-color-text-default);}.fjsf-FieldInfoContainer:active .fjsf-FieldInfoBoxElement,.fjsf-FieldInfoContainer:focus .fjsf-FieldInfoBoxElement{opacity:1;visibility:visible;}",
+    ".fjsf-InlineFieldInfoWrapper{display:flex;margin:var(--fjsf-spacing-m) 0;width:100%;}",
+    ".fjsf-Form{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);}.fjsf-Form :focus{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}",
+    ".fjsf-RequiredIndicator ::before{content:\"*\";}",
+    ".fjsf-view-FieldWrapper{color:var(--fjsf-color-text-default);display:flex;flex-direction:column;font-family:var(--fjsf-typography-font-family-base);gap:var(--fjsf-spacing-s);width:min(100%, 70rem);}",
+    ".fjsf-view-FieldTitle{color:var(--fjsf-color-text-default);display:inline-block;font-family:var(--fjsf-typography-font-family-heading);font-size:var(--fjsf-typography-size-base);font-weight:var(--fjsf-typography-weight-bold);width:100%;}",
+    ".fjsf-view-FieldDescription{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-weight:var(--fjsf-typography-weight-normal);font-style:italic;font-size:var(--fjsf-typography-size-small);}",
+    ".fjsf-view-StringFieldValue{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);font-weight:var(--fjsf-typography-weight-normal);padding-left:var(--fjsf-spacing-l);white-space:pre-line;}",
+    ".fjsf-view-TextAreaValue{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);font-weight:var(--fjsf-typography-weight-normal);padding-left:var(--fjsf-spacing-l);white-space:pre-line;}",
+    ".fjsf-view-ArrayFieldItem{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);font-weight:var(--fjsf-typography-weight-normal);background-color:var(--fjsf-color-background-default);padding:var(--fjsf-spacing-l);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);}",
+    ".fjsf-view-EJSFieldValue{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);font-weight:var(--fjsf-typography-weight-normal);padding-left:var(--fjsf-spacing-l);width:100%;}",
+    ".fjsf-view-NotSelected{display:flex;align-items:start;}",
+    ".fjsf-view-Selected{display:flex;align-items:start;}",
+    ".fjsf-view-SelectedBox{color:var(--fjsf-color-text-default);background:var(--fjsf-color-background-default);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);display:flex;justify-content:center;align-items:start;min-width:1rem;min-height:1rem;}",
+    ".fjsf-view-NotSelectedBox{background:var(--fjsf-color-background-default);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);border-radius:var(--fjsf-border-radius-none);display:inline-flex;min-width:1rem;min-height:1rem;}",
+    ".fjsf-view-SelectedIcon{color:var(--fjsf-color-text-default);width:0.75rem;}",
+    ".fjsf-view-BooleanFieldWrapper{font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);padding-left:var(--fjsf-spacing-l);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;}",
+    ".fjsf-view-MultipleChoiceFieldWrapper{font-size:var(--fjsf-typography-size-small);padding-left:var(--fjsf-spacing-l);-webkit-column-break-inside:auto;page-break-inside:auto;break-inside:auto;}.fjsf-view-MultipleChoiceFieldWrapper label{align-items:start;}",
+    ".fjsf-view-Form{display:flex;flex-direction:column;gap:var(--fjsf-spacing-s);}",
+    ".fjsf-view-ObjectFieldTemplateWrapper{display:flex;flex-direction:column;gap:var(--fjsf-spacing-l);}@media print{.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level=\"1\"],.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level=\"2\"]{display:block;break-inside:auto;page-break-inside:auto;}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level=\"1\"]>div,.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level=\"2\"]>div{margin-bottom:1rem;}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level=\"1\"]>div:last-child,.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level=\"2\"]>div:last-child{margin-bottom:0;}}",
+    ".fjsf-view-ObjectFieldTemplateTitle{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);font-weight:var(--fjsf-typography-weight-medium);page-break-after:avoid;break-after:avoid;}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level]>.fjsf-view-ObjectFieldTemplateTitle{font-size:var(--fjsf-typography-size-base);}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level=\"0\"]>.fjsf-view-ObjectFieldTemplateTitle{font-family:var(--fjsf-typography-font-family-heading);font-size:var(--fjsf-typography-size-h2);font-weight:var(--fjsf-typography-weight-bold);max-width:85%;}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level=\"1\"]>.fjsf-view-ObjectFieldTemplateTitle{font-size:var(--fjsf-typography-size-h3);font-weight:var(--fjsf-typography-weight-medium);margin-top:var(--fjsf-spacing-m);}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level=\"2\"]>.fjsf-view-ObjectFieldTemplateTitle{font-size:var(--fjsf-typography-size-h4);font-weight:var(--fjsf-typography-weight-medium);}",
+    ".fjsf-view-FormWrapper{font-family:var(--fjsf-typography-font-family-base);}",
+].join("\n");

package/dist/esm/v3/raw/styles/index.js

@@ -0,0 +1,14 @@
+// S7 styling (§4.3): the generated default stylesheet, the --fjsf-* theme variables and the frozen
+// `fjsf-<LegacyName>` class contract.
+import { FORM_COMPONENTS } from "../model/form/componentTable";
+import { DEFAULT_STYLES } from "./defaultStyles";
+/** The default stylesheet (also `styles.css`): inline it before your own CSS, e.g. in PDF HTML. */
+export const getDefaultStyles = () => DEFAULT_STYLES;
+/** Form registry names -> their class (an alias gives the class its element carries). Frozen for 3.x. */
+export const fjsfClassNames = Object.freeze(Object.fromEntries(Object.entries(FORM_COMPONENTS)
+    .filter((e) => Array.isArray(e[1]))
+    .map(([name, chain]) => [name, `fjsf-${chain[chain.length - 1]}`])));
+/** The same as selectors (`.fjsf-X`), what `${FormComponents.X}` interpolates. */
+export const fjsfSelectors = Object.freeze(Object.fromEntries(Object.entries(fjsfClassNames).map(([name, cls]) => [name, `.${cls}`])));
+export { themeToCssVars, cssVarsToString } from "./themeToCssVars";
+export { varName, FOCUS_PROPERTIES, DERIVED_COLORS, DERIVED_URLS } from "./vars";

package/dist/esm/v3/raw/styles/themeToCssVars.js

@@ -0,0 +1,55 @@
+// themeToCssVars (S7, §4.3 (3)): the component-library theme shape as the --fjsf-* variables styles.css
+// reads, so a consumer keeps one theme. Also token themes: a value polished could not parse (`var(--x)`)
+// still gives every derived colour (a color-mix() for lighten/darken; "#000" for readableColor, which needs a
+// real colour to decide) instead of throwing as 2.x did.
+import { isPlainObject } from "../core/json";
+import { darken, lighten, readableColor } from "./color";
+import { DERIVED_COLORS, DERIVED_URLS, FOCUS_PROPERTIES, varName } from "./vars";
+/** Values that could end a declaration or the style element are not written (the theme is CSS text). */
+const UNSAFE = /[;{}<>]/;
+const leaf = (value) => (typeof value === "string" || typeof value === "number" ? String(value).trim() : undefined);
+/** "outline: 2px solid blue; box-shadow: none" -> the FOCUS_PROPERTIES; a property it does not set reverts. */
+const focusVars = (key, declarations, out) => {
+    const given = new Map(String(declarations ?? "")
+        .split(";")
+        .map((d) => d.split(":"))
+        .filter((d) => d.length >= 2)
+        .map(([p, ...v]) => [p.trim().toLowerCase(), v.join(":").trim()]));
+    for (const p of FOCUS_PROPERTIES) {
+        const v = given.get(p);
+        out[varName(["focus", key, p])] = v && !UNSAFE.test(v) ? v : "revert";
+    }
+};
+const derivedValue = (fn, amount, color) => {
+    if (fn === "readableColor")
+        return readableColor(color) ?? "#000";
+    const computed = fn === "lighten" ? lighten(amount, color) : darken(amount, color);
+    return computed ?? `color-mix(in srgb, ${color}, ${fn === "lighten" ? "white" : "black"} ${Math.round(amount * 100)}%)`;
+};
+/** The --fjsf-* variables of a theme (set them on :root or on a form's container). */
+export const themeToCssVars = (theme) => {
+    const out = {};
+    const walk = (node, keys) => {
+        if (keys.length === 2 && keys[0] === "focus")
+            return focusVars(keys[1], node, out);
+        if (isPlainObject(node))
+            return Object.entries(node).forEach(([k, v]) => walk(v, [...keys, k]));
+        const value = leaf(node);
+        if (value !== undefined && !UNSAFE.test(value))
+            out[varName(keys)] = value;
+    };
+    walk(theme, []);
+    for (const d of DERIVED_COLORS) {
+        const color = out[varName(d.path)];
+        if (color !== undefined)
+            out[d.name] = derivedValue(d.fn, "amount" in d ? d.amount : undefined, color);
+    }
+    for (const d of DERIVED_URLS) {
+        const value = out[varName(d.path)];
+        if (value !== undefined)
+            out[d.name] = d.url(value);
+    }
+    return out;
+};
+/** The variables as one CSS rule, e.g. for a <style> element or the PDF HTML. */
+export const cssVarsToString = (vars, selector = ":root") => `${selector}{${Object.entries(vars).map(([k, v]) => `${k}:${v};`).join("")}}`;

package/dist/esm/v3/raw/styles/vars.js

@@ -0,0 +1,24 @@
+// The --fjsf-* variable contract of styles.css (S7, §4.3 (3)): one variable per theme leaf, the focus
+// declarations as three properties, and the derived colours 2.x computed with polished.
+/** `--fjsf-color-text-default` for theme.color.text.default (camelCase keys become kebab-case). */
+export const varName = (keys) => `--fjsf-${keys.map((k) => k.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)).join("-")}`;
+/** A theme's `focus.*` value is a declaration list; styles.css applies these three properties of it. */
+export const FOCUS_PROPERTIES = ["outline", "outline-offset", "box-shadow"];
+/** The derived colours: variable, polished function, amount and the theme path it reads. */
+export const DERIVED_COLORS = [
+    { name: "--fjsf-on-text", fn: "readableColor", path: ["color", "text", "default"] },
+    { name: "--fjsf-on-input", fn: "readableColor", path: ["color", "background", "input"] },
+    { name: "--fjsf-on-intent-none", fn: "readableColor", path: ["color", "intent", "default", "none"] },
+    { name: "--fjsf-on-neutral-500", fn: "readableColor", path: ["color", "palette", "neutral", "500"] },
+    { name: "--fjsf-border-muted", fn: "lighten", amount: 0.4, path: ["color", "border", "default"] },
+    { name: "--fjsf-text-muted", fn: "lighten", amount: 0.4, path: ["color", "text", "default"] },
+    { name: "--fjsf-primary-dark", fn: "darken", amount: 0.3, path: ["color", "intent", "default", "primary"] },
+];
+/** 2.x encoded a theme colour into an SVG data URL (Form/styles/common.tsx:78,96, the select arrow): a variable holds the whole url(). */
+export const DERIVED_URLS = [
+    {
+        name: "--fjsf-select-arrow",
+        path: ["color", "text", "default"],
+        url: (color) => `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 320 512'%3E%3Cpath fill='${encodeURIComponent(color)}' d='M31 192h258c17 0 26 21 14 33l-129 129c-8 8-21 8-29 0L17 225c-12-12-3-33 14-33z'/%3E%3C/svg%3E")`,
+    },
+];

package/dist/esm/v3/raw/validation/arrays.js

@@ -0,0 +1,40 @@
+// Array validation through the shared normaliser (A11 / Q10 N-1, D2 Q-VAL-5).
+// Replaces the global `Yup.addMethod(Yup.array, "mixedOf")` of 2.x
+// (createValidationSchema.ts:45), so importing the RAW core mutates nothing.
+import * as Yup from "yup";
+import { itemSchema, normalizeArraySchema } from "../core/arrays";
+import { applyArrayKeywords } from "./keywords";
+export const buildArraySchema = (schema, ctx) => {
+    const { msg, ui, required } = ctx;
+    const norm = normalizeArraySchema(schema, ctx.sink, ctx.path);
+    const constrained = norm.fixed.length > 0 || norm.tail !== undefined;
+    const finish = (s) => {
+        let out = applyArrayKeywords(s, schema, ui, msg);
+        if (required)
+            out = out.required(msg("required", ui));
+        return out;
+    };
+    if (!constrained)
+        return finish(Yup.array());
+    return Yup.lazy((value) => {
+        if (!Array.isArray(value) || value.length === 0) {
+            // Wrong-typed data is a validation error, never a throw (BUG-109).
+            return finish(Yup.array().typeError(msg("required", ui)));
+        }
+        const schemas = value.map((item, index) => {
+            const target = itemSchema(norm, index, item).schema;
+            return target ? ctx.item(target) : Yup.mixed();
+        });
+        return finish(Yup.tuple(schemas).typeError(msg("required", ui)));
+    });
+};
+/** 2.x `type: array` + `anyOf` (multi-select): every value must be one of the consts. */
+export const buildAnyOfArraySchema = (schema, ctx) => {
+    const { msg, ui, required } = ctx;
+    if (!schema.items && !schema.additionalItems)
+        return Yup.array();
+    const allowed = (schema.anyOf ?? []).map((option) => option?.const);
+    const base = Yup.array().of(Yup.mixed().oneOf(allowed));
+    // In 2.x a required multi-select needs at least one item; kept.
+    return required ? base.min(1, msg("required", ui)) : base;
+};

package/dist/esm/v3/raw/validation/conditions.js

@@ -0,0 +1,60 @@
+import { isPlainObject } from "../core/json";
+import { resolveOneOfValue } from "../core/conditionals";
+export function getConditionalValidations(schema) {
+    const result = [];
+    if (isPlainObject(schema.dependencies)) {
+        for (const [key, dependency] of Object.entries(schema.dependencies)) {
+            if (!isPlainObject(dependency))
+                continue;
+            const oneOf = dependency.oneOf;
+            if (Array.isArray(oneOf)) {
+                for (const option of oneOf) {
+                    if (!isPlainObject(option))
+                        continue;
+                    const { [key]: checked, ...others } = (option.properties ?? {});
+                    if (Object.keys(others).length || Object.keys(option).length > 1) {
+                        result.push({
+                            schema: { ...option, properties: others },
+                            condition: { dependentKeys: [key], conditionFn: (value) => value === resolveOneOfValue(checked) },
+                        });
+                    }
+                }
+                continue;
+            }
+            result.push({
+                schema: dependency,
+                condition: { dependentKeys: [key], conditionFn: (value) => value !== undefined && value !== "" },
+            });
+        }
+    }
+    if (Array.isArray(schema.allOf)) {
+        for (const entry of schema.allOf) {
+            if (!isPlainObject(entry))
+                continue;
+            const { if: expression, then, else: otherwise, ...rest } = entry;
+            if (!isPlainObject(expression) || !isPlainObject(expression.properties)) {
+                result.push({ schema: rest });
+                continue;
+            }
+            const expected = {};
+            for (const [k, v] of Object.entries(expression.properties)) {
+                if (isPlainObject(v))
+                    expected[k] = v.const;
+            }
+            const keys = Object.keys(expected);
+            if (isPlainObject(then)) {
+                result.push({
+                    schema: then,
+                    condition: { dependentKeys: keys, conditionFn: (...values) => values.every((v, i) => expected[keys[i]] === v) },
+                });
+            }
+            if (isPlainObject(otherwise)) {
+                result.push({
+                    schema: otherwise,
+                    condition: { dependentKeys: keys, conditionFn: (...values) => values.some((v, i) => expected[keys[i]] !== v) },
+                });
+            }
+        }
+    }
+    return result;
+}

package/dist/esm/v3/raw/validation/index.js

@@ -0,0 +1,146 @@
+// createValidationSchema for v3 (V-A: Yup, no global addMethod). Same signature and
+// messages as 2.x. Fixed: Q-VAL-2 ("" counts as absent), Q-VAL-4 (type-less fields
+// and type arrays), Q-VAL-5 (arrays via the shared normaliser, `required` applies),
+// Q-VAL-6, SEC-4/5 (patterns), SEC-REF-2 (cyclic `$ref` through properties). Kept:
+// Q-VAL-1, Q-VAL-7, Q-VAL-8. Never throws on wrong-typed data (BUG-109).
+import * as Yup from "yup";
+import { hasOwn, isPlainObject, PROTOTYPE_KEYS } from "../core/json";
+import { ignoreIssues, issue } from "../core/issues";
+import { resolveRefs } from "../core/refs";
+import { mayEnter } from "../core/trail";
+import { normaliseType } from "../core/schemaType";
+import { buildAnyOfArraySchema, buildArraySchema } from "./arrays";
+import { getConditionalValidations } from "./conditions";
+import { applyNumberKeywords, applyStringKeywords, applyValueKeywords } from "./keywords";
+import { makeMessage } from "./messages";
+/** Key 2.x used for array items (no uiSchema lookup, no condition registration). */
+const ITEM_KEY = "#ignore-this";
+const emptyToUndefined = (value, original) => (original === "" ? undefined : value);
+/**
+ * Yup's object cast looks data keys up in its `fields` object, so a DATA key named
+ * like an Object.prototype member ("toString", "constructor", "__proto__", ...) finds
+ * a function and throws "field.resolve is not a function" (2.x too). Such keys are
+ * dropped from the value that is validated, unless the schema declares them.
+ */
+const withoutInheritedKeys = (declared) => (value) => {
+    if (!isPlainObject(value))
+        return value;
+    const unsafe = Object.keys(value).filter((k) => !declared.includes(k) && (PROTOTYPE_KEYS.has(k) || k in Object.prototype));
+    if (unsafe.length === 0)
+        return value;
+    const copy = {};
+    for (const k of Object.keys(value))
+        if (!unsafe.includes(k))
+            copy[k] = value[k];
+    return copy;
+};
+const baseFor = (type) => {
+    switch (type) {
+        case "object":
+            return Yup.object().transform(withoutInheritedKeys([]));
+        case "array":
+            return Yup.array();
+        case "boolean":
+            return Yup.boolean().transform(emptyToUndefined);
+        case "integer":
+        case "number":
+            return Yup.number().transform(emptyToUndefined);
+        case "null": // 2.x validated `null` as a string and its `.nullable()` call was a no-op; kept
+        case "string":
+            return Yup.string().transform(emptyToUndefined);
+        default:
+            return Yup.mixed();
+    }
+};
+export function createValidationSchema(schemas, options = {}) {
+    const { schema, uiSchema = {} } = schemas;
+    const { localize, translate, definitions, defs: rootDefs, conditionsContext = {}, condition, refChain = [], trail = [] } = options;
+    // The conditions registered so far, by property key. Array items are built lazily on every validation, so they
+    // register into a copy that is dropped afterwards (Q-PERF-1): the registrations never grow with validations.
+    let active = conditionsContext;
+    const sink = options.sink ?? ignoreIssues;
+    if (!isPlainObject(schema) || !isPlainObject(schema.properties))
+        return Yup.object().shape({}).transform(withoutInheritedKeys([]));
+    if (!mayEnter(schema, trail, sink, ""))
+        return Yup.object().shape({}).transform(withoutInheritedKeys([]));
+    const inside = [...trail, schema];
+    const msg = makeMessage({ localize, translate });
+    const defs = (definitions ?? schema.definitions ?? {});
+    const $defs = (rootDefs ?? (isPlainObject(schema.$defs) ? schema.$defs : undefined));
+    const required = Array.isArray(schema.required) ? schema.required : [];
+    const nested = (s, ui, chain, extra = {}) => createValidationSchema({ schema: s, uiSchema: ui }, { localize, translate, definitions: defs, defs: $defs, conditionsContext: active, sink, refChain: chain, trail: inside, ...extra });
+    /** Runs `build` with a private copy of the registered conditions (restored afterwards, also when it throws). */
+    function scoped(build) {
+        const outer = active;
+        active = Object.fromEntries(Object.entries(outer).map(([key, list]) => [key, [...list]]));
+        try {
+            return build();
+        }
+        finally {
+            active = outer;
+        }
+    }
+    function valueSchema(given, key, isRequired, chain, scope = inside) {
+        const ref = isPlainObject(given) && typeof given.$ref === "string" ? given.$ref : undefined;
+        if (ref && chain.includes(ref)) {
+            sink(issue("REF_CYCLE", key, ref));
+            return Yup.mixed();
+        }
+        const nextChain = ref ? [...chain, ref] : chain;
+        const { schema: solved } = resolveRefs(given, {}, { definitions: defs, defs: $defs, sink, path: key });
+        const ui = uiSchema?.[key];
+        const { type, nullable } = normaliseType(solved);
+        let yup;
+        if (isPlainObject(solved.properties))
+            yup = nested(solved, ui, nextChain, { trail: scope });
+        else if (type === "array" && solved.anyOf)
+            yup = buildAnyOfArraySchema(solved, { msg, ui, required: isRequired });
+        else if (type === "array") {
+            // Items are validated lazily (data-bounded recursion), so the eager chain and the trail reset.
+            const item = (s) => Yup.lazy(() => scoped(() => valueSchema(s, ITEM_KEY, true, [], [])));
+            return finishConditional(buildArraySchema(solved, { item, msg, ui, required: isRequired, sink, path: key }), solved, key);
+        }
+        else
+            yup = baseFor(type);
+        if (nullable && yup.nullable)
+            yup = yup.nullable();
+        if (type === "string")
+            yup = applyStringKeywords(yup, solved, ui, msg, sink, key);
+        if (type === "number" || type === "integer")
+            yup = applyNumberKeywords(yup, solved, ui, msg);
+        yup = applyValueKeywords(yup, solved, ui, msg);
+        if (isRequired)
+            yup = yup.required(msg("required", ui));
+        return finishConditional(yup, solved, key);
+    }
+    function finishConditional(yup, solved, key) {
+        if (!condition)
+            return yup;
+        if (key === ITEM_KEY) {
+            // 2.x wrapped array items in `when` too, but their keys resolve against the array
+            // (always undefined) and it re-registered them on every validation run, so the
+            // schema grew per keystroke. v3 evaluates that outcome once, with no registration.
+            return condition.conditionFn(...condition.dependentKeys.map(() => undefined)) ? yup : baseFor(normaliseType(solved).type);
+        }
+        const existing = hasOwn(active, key) ? active[key] : [];
+        active[key] = [...existing, { yupSchema: yup, condition }];
+        const typed = baseFor(normaliseType(solved).type).when(condition.dependentKeys, { is: condition.conditionFn, then: () => yup });
+        return existing.reduce((result, ctx) => result.when(ctx.condition.dependentKeys, { is: ctx.condition.conditionFn, then: () => ctx.yupSchema }), typed);
+    }
+    let result = Yup.object().shape({});
+    for (const key of Object.keys(schema.properties)) {
+        if (PROTOTYPE_KEYS.has(key)) {
+            sink(issue("KEY_REJECTED", key));
+            continue;
+        }
+        const child = schema.properties[key];
+        if (!isPlainObject(child))
+            continue;
+        result = result.concat(Yup.object().shape({ [key]: valueSchema(child, key, required.includes(key), refChain) }));
+    }
+    for (const conditional of getConditionalValidations(schema)) {
+        const { schema: solved } = resolveRefs(conditional.schema, {}, { definitions: defs, defs: $defs, sink });
+        result = result.concat(nested(solved, uiSchema, refChain, { condition: conditional.condition }));
+    }
+    return result.transform(withoutInheritedKeys(Object.keys(schema.properties).filter((k) => !PROTOTYPE_KEYS.has(k))));
+}

package/dist/esm/v3/raw/validation/keywords.js

@@ -0,0 +1,73 @@
+// JSON Schema keyword -> Yup tests, per type. Same messages and params as 2.x.
+import * as Yup from "yup";
+import { deepEqual } from "../core/json";
+import { compilePattern, DEFAULT_PATTERN_INPUT_CAP, testPattern } from "./patterns";
+export const applyStringKeywords = (base, schema, ui, msg, sink, path) => {
+    let s = base;
+    if (schema.minLength !== undefined)
+        s = s.min(schema.minLength, msg("minLength", ui, { limit: schema.minLength }));
+    if (schema.maxLength !== undefined)
+        s = s.max(schema.maxLength, msg("maxLength", ui, { limit: schema.maxLength }));
+    const regex = compilePattern(schema.pattern, sink, path);
+    if (regex) {
+        const cap = schema.maxLength ?? DEFAULT_PATTERN_INPUT_CAP;
+        s = s.test("pattern", msg("pattern", ui), (value) => testPattern(regex, value, cap));
+    }
+    return s;
+};
+export const applyNumberKeywords = (base, schema, ui, msg) => {
+    let s = base;
+    if (schema.minimum !== undefined)
+        s = s.min(schema.minimum, msg("minimum", ui, { min: schema.minimum }));
+    if (schema.maximum !== undefined)
+        s = s.max(schema.maximum, msg("maximum", ui, { max: schema.maximum }));
+    if (typeof schema.exclusiveMinimum === "number") {
+        s = s.moreThan(schema.exclusiveMinimum, msg("exclusiveMinimum", ui, { min: schema.exclusiveMinimum }));
+    }
+    if (typeof schema.exclusiveMaximum === "number") {
+        s = s.lessThan(schema.exclusiveMaximum, msg("exclusiveMaximum", ui, { max: schema.exclusiveMaximum }));
+    }
+    if (typeof schema.multipleOf === "number") {
+        const step = schema.multipleOf;
+        s = s.test("multipleOf", msg("multipleOf", ui, { multipleOf: step }), (v) => v === undefined || v === null || v % step === 0);
+    }
+    return s;
+};
+/** minItems / maxItems / uniqueItems (Q-VAL-6: deep equality instead of Set identity). */
+export const applyArrayKeywords = (base, schema, ui, msg) => {
+    let s = base;
+    const length = (v) => (Array.isArray(v) ? v.length : undefined);
+    if (schema.minItems !== undefined) {
+        const min = schema.minItems;
+        s = s.test("minItems", msg("minItems", ui, { min }), (v) => length(v) === undefined || length(v) >= min);
+    }
+    if (schema.maxItems !== undefined) {
+        const max = schema.maxItems;
+        s = s.test("maxItems", msg("maxItems", ui, { max }), (v) => length(v) === undefined || length(v) <= max);
+    }
+    if (schema.uniqueItems === true) {
+        s = s.test("uniqueItems", msg("uniqueItems", ui), (v) => !Array.isArray(v) || v.every((item, i) => v.findIndex((other) => deepEqual(item, other)) === i));
+    }
+    return s;
+};
+/** enum / const (incl. `{ $data }`, Q-VAL-7 kept: last pointer segment) / not.const. */
+export const applyValueKeywords = (base, schema, ui, msg) => {
+    let s = base;
+    if (schema.enum !== undefined || schema.const !== undefined) {
+        const constValue = schema.const;
+        if (constValue !== null && typeof constValue === "object" && typeof constValue.$data === "string") {
+            const parts = constValue.$data.split("/");
+            s = s.oneOf([Yup.ref(parts[parts.length - 1])], msg("const", ui));
+        }
+        else if (schema.const !== undefined) {
+            s = s.oneOf([schema.const], msg("const", ui));
+        }
+        else if (Array.isArray(schema.enum)) {
+            s = s.oneOf(schema.enum, msg("enum", ui));
+        }
+    }
+    const not = schema.not;
+    if (not && typeof not === "object" && not.const !== undefined)
+        s = s.notOneOf([not.const], msg("notConst", ui));
+    return s;
+};

package/dist/esm/v3/raw/validation/messages.js

@@ -0,0 +1,10 @@
+import { createTranslator } from "../i18n";
+const english = createTranslator("en");
+export const makeMessage = ({ localize, translate = english }) => (keyword, fieldUiSchema, params) => {
+    const custom = fieldUiSchema?.["ui:validation"]?.error?.[keyword];
+    if (custom)
+        return custom;
+    if (localize)
+        return localize(`validation.error.${keyword}`, params);
+    return translate(`validation.error.${keyword}`, params);
+};