reactaform 1.9.0 → 1.9.2
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/dist/components/fields/Description.d.ts +10 -0
- package/dist/components/form/ReactaForm.d.ts +1 -1
- package/dist/components/form/ReactaFormProvider.d.ts +1 -1
- package/dist/core/reactaFormTypes.d.ts +11 -7
- package/dist/reactaform.cjs.js +20 -6
- package/dist/reactaform.css +1 -1
- package/dist/reactaform.es.js +937 -917
- package/dist/styles/cssClasses.d.ts +1 -0
- package/package.json +1 -1
package/dist/reactaform.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--reactaform-primary-bg: #f9f9f9;--reactaform-secondary-bg: #fff;--reactaform-text-color: #000;--reactaform-text-muted: #666;--reactaform-label-text-color: #000000;--reactaform-form-border-color: #000000;--reactaform-border-color: #ccc;--reactaform-border-hover: #999;--reactaform-border-focus: #4CAF50;--reactaform-error-color: #e11d48;--reactaform-success-color: #4CAF50;--reactaform-space: 8px;--reactaform-space-lg: 12px;--reactaform-option-menu-hover-bg: #80FFFF;--reactaform-column-gap: var(--reactaform-space);--reactaform-inline-gap: var(--reactaform-space);--reactaform-label-gap: 0px;--reactaform-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--reactaform-font-size: 14px;--reactaform-font-weight: 500;--reactaform-label-font-family: var(--reactaform-font-family);--reactaform-label-font-size: 14px;--reactaform-label-font-weight: 600;--reactaform-border-radius: 0px;--reactaform-border-width: 1px;--reactaform-border-style: solid;--reactaform-form-border-radius: 0px;--reactaform-form-border-style: solid;--reactaform-form-border-width: 0px;--reactaform-group-border-radius: var(--reactaform-border-radius);--reactaform-group-border-style: var(--reactaform-border-style);--reactaform-group-border-width: var(--reactaform-border-width);--reactaform-form-shadow: 0 2px 4px rgba(0, 0, 0, .1);--reactaform-button-bg: var(--reactaform-success-color);--reactaform-button-text: #ffffff;--reactaform-button-padding: var(--reactaform-space) 12px;--reactaform-button-border-radius:
|
|
1
|
+
:root{--reactaform-primary-bg: #f9f9f9;--reactaform-secondary-bg: #fff;--reactaform-text-color: #000;--reactaform-text-muted: #666;--reactaform-label-text-color: #000000;--reactaform-form-border-color: #000000;--reactaform-border-color: #ccc;--reactaform-border-hover: #999;--reactaform-border-focus: #4CAF50;--reactaform-error-color: #e11d48;--reactaform-success-color: #4CAF50;--reactaform-space: 8px;--reactaform-space-lg: 12px;--reactaform-option-menu-hover-bg: #80FFFF;--reactaform-column-gap: var(--reactaform-space);--reactaform-inline-gap: var(--reactaform-space);--reactaform-label-gap: 0px;--reactaform-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--reactaform-font-size: 14px;--reactaform-font-weight: 500;--reactaform-label-font-family: var(--reactaform-font-family);--reactaform-label-font-size: 14px;--reactaform-label-font-weight: 600;--reactaform-border-radius: 0px;--reactaform-border-width: 1px;--reactaform-border-style: solid;--reactaform-form-border-radius: 0px;--reactaform-form-border-style: solid;--reactaform-form-border-width: 0px;--reactaform-group-border-radius: var(--reactaform-border-radius);--reactaform-group-border-style: var(--reactaform-border-style);--reactaform-group-border-width: var(--reactaform-border-width);--reactaform-form-shadow: 0 2px 4px rgba(0, 0, 0, .1);--reactaform-button-bg: var(--reactaform-success-color);--reactaform-button-text: #ffffff;--reactaform-button-padding: var(--reactaform-space) 12px;--reactaform-button-border-radius: 6px;--reactaform-button-font-size: 14px;--reactaform-button-font-weight: var(--reactaform-font-weight);--reactaform-button-hover-opacity: .9;--reactaform-button-disabled-opacity: .6;--reactaform-button-disabled-bg: #cccccc;--reactaform-button-disabled-cursor: not-allowed;--reactaform-button-margin-top: .5em;--reactaform-button-shadow: none;--reactaform-input-padding: var(--reactaform-space);--reactaform-container-padding: var(--reactaform-space-lg);--reactaform-field-gap: var(--reactaform-space);--reactaform-input-bg: var(--reactaform-secondary-bg);--reactaform-field-text-color: #0000ff;--reactaform-tooltip-color-bg: rgba(60,60,60,.92);--reactaform-tooltip-color: #ffffff;--reactaform-field-grid-columns: 1fr 2fr}[data-reactaform-theme=dark]{--reactaform-primary-bg: #121212;--reactaform-secondary-bg: #1A1A1A;--reactaform-input-bg: #262626;--reactaform-text-color: #EDEDED;--reactaform-text-muted: #A5A5A5;--reactaform-field-text-color: #C8C8E5;--reactaform-border-color: #3A3A3A;--reactaform-border-hover: #4A4A4A;--reactaform-border-focus: #4DA6FF;--reactaform-form-border-color: #333333;--reactaform-error-color: #FF6B6B;--reactaform-success-color: #4CAF6A;--reactaform-option-menu-hover-bg: rgba(255, 255, 255, .06);--reactaform-form-shadow: 0 2px 8px rgba(0, 0, 0, .45);--reactaform-tooltip-color-bg: rgba(40, 40, 40, .95);--reactaform-tooltip-color: #F5F5F5}.reactaform-container{font-family:var(--reactaform-font-family, sans-serif);font-size:var(--reactaform-font-size, 14px);background:var(--reactaform-primary-bg, #f9f9f9);color:var(--reactaform-text-color, #000000);padding:var(--reactaform-container-padding, 12px);border-radius:var(--reactaform-form-border-radius, 0px);border-color:var(--reactaform-form-border-color, #000000);border-style:var(--reactaform-form-border-style, solid);border-width:var(--reactaform-form-border-width, 0px);box-shadow:var(--reactaform-form-shadow, none);gap:var(--reactaform-space-lg, 12px);max-width:100%;margin:0 auto}.reactaform-field{display:grid;grid-template-columns:var(--reactaform-field-grid-columns, 1fr 2fr);align-items:start;padding:0;gap:var(--reactaform-column-gap, 8px);margin-bottom:var(--reactaform-field-gap, 8px)}.reactaform-group{border:1px solid var(--reactaform-border-color, #bbb);padding:var(--reactaform-fieldset-padding, .5em);border-radius:var(--reactaform-group-border-radius, var(--reactaform-border-radius, 4px));border-style:var(--reactaform-group-border-style, var(--reactaform-border-style, solid));border-width:var(--reactaform-group-border-width, var(--reactaform-border-width, 1px));margin-bottom:var(--reactaform-space, 8px)}.reactaform-group_legend{font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0 var(--reactaform-space, 8px);color:var(--reactaform-text-color, inherit);margin-left:.4em}.reactaform-group_legend_arrow{margin-left:.4em}.reactaform-label{justify-self:start;align-self:center;white-space:normal;line-height:1.4;min-width:100px;color:var(--reactaform-label-text-color, var(--reactaform-text-color, #000000));font-family:var(--reactaform-label-font-family, var(--reactaform-font-family, sans-serif));font-weight:var(--reactaform-label-font-weight, var(--reactaform-font-weight, 600));font-size:var(--reactaform-label-font-size, var(--reactaform-font-size, 14px));-webkit-user-select:none;user-select:none}.reactaform-description{font-size:var(--reactaform-font-size, 14px);font-weight:var(--reactaform-font-weight, 500);margin:var(--reactaform-space, 8px) 0;color:var(--reactaform-text-color, #000000);-webkit-user-select:none;user-select:none}.reactaform-input{width:100%;color:var(--reactaform-text-color, #000000);border:1px solid var(--reactaform-border-color, #ccc);border-radius:var(--reactaform-border-radius, 0px);border-style:var(--reactaform-border-style, solid);border-width:var(--reactaform-border-width, 1px);padding:var(--reactaform-input-padding, 8px);box-sizing:border-box;background-color:var(--reactaform-input-bg, #ffffff);font-size:var(--reactaform-font-size, 14px);font-weight:var(--reactaform-font-weight, 400);transition:border-color .2s ease;box-shadow:inset 0 1px #ffffff08}.reactaform-input:hover{border-color:var(--reactaform-border-hover, #4A4A4A)}.reactaform-input:focus{outline:none;border-color:var(--reactaform-border-focus, #4DA6FF);box-shadow:0 0 0 3px #22d3ee66,0 0 16px #22d3ee40,inset 0 1px #ffffff0d}.reactaform-input--text{text-align:left}.reactaform-input--number{text-align:right}.reactaform-input--select{text-align:left;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='8' viewBox='0 0 24 24' width='8' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right var(--reactaform-space) center;background-size:20px;padding-right:32px}.reactaform-select{text-align:left;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='8' viewBox='0 0 24 24' width='8' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right var(--reactaform-space) center;background-size:2.5em;padding-right:32px;background-color:var(--reactaform-input-bg)}.reactaform-textarea{width:100%;background-color:var(--reactaform-input-bg);color:var(--reactaform-text-color);border:1px solid var(--reactaform-border-color);border-radius:var(--reactaform-border-radius);padding:var(--reactaform-input-padding);box-sizing:border-box}.reactaform-chip{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background-color:var(--reactaform-input-bg);border:1px solid var(--reactaform-border-color);border-radius:var(--reactaform-border-radius);color:var(--reactaform-text-color);font-size:.875rem;gap:8px}.reactaform-button{background-color:var(--reactaform-button-bg, var(--reactaform-success-color, #4CAF50));color:var(--reactaform-button-text, var(--reactaform-text-color, #000000));padding:var(--reactaform-button-padding);border-radius:var(--reactaform-button-border-radius, 6px);font-size:var(--reactaform-button-font-size);font-weight:var(--reactaform-button-font-weight);box-shadow:var(--reactaform-button-shadow);margin-top:var(--reactaform-button-margin-top);border:none;cursor:pointer;transition:opacity .2s ease;width:100%;display:flex;justify-content:center;align-items:center}.reactaform-button:hover:not(:disabled){opacity:var(--reactaform-button-hover-opacity);background-color:var(--reactaform-button-bg-hover, #0056b3)}.reactaform-button:disabled{opacity:var(--reactaform-button-disabled-opacity);background-color:var(--reactaform-button-disabled-bg);cursor:var(--reactaform-button-disabled-cursor)}@media(max-width:1024px){.reactaform-container{padding:calc(var(--reactaform-space) * .8)}.reactaform-field{gap:calc(var(--reactaform-column-gap) * .8)}}@media(max-width:768px){.reactaform-field{grid-template-columns:1fr;gap:6px}.reactaform-label{justify-self:start;margin-bottom:4px;font-size:.9rem}.reactaform-container{padding:var(--reactaform-space)}.reactaform-input,.reactaform-textarea,.reactaform-select{font-size:16px;padding:var(--reactaform-input-padding)}.reactaform-checkbox-wrapper,.reactaform-radio-wrapper{padding:8px 0;min-height:44px;align-items:center}.reactaform-group{margin-bottom:calc(var(--reactaform-space) * 1.5)}}@media(max-width:480px){.reactaform-container{padding:calc(var(--reactaform-space) * .7)}.reactaform-field{gap:8px}.reactaform-label{font-size:.85rem;line-height:1.3}.reactaform-input,.reactaform-textarea,.reactaform-select{padding:14px}}
|