@elcrm/form 0.1.19 → 0.1.20
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/README.md +1 -1
- package/dist/assets/styles/Color.module.css +1 -1
- package/dist/assets/styles/Field.module.css +1 -1
- package/dist/assets/styles/Search.module.css +1 -1
- package/dist/assets/styles/Select.module.css +1 -1
- package/dist/core/Field.d.ts +7 -3
- package/dist/core/Field.js +4 -4
- package/dist/dark.css +1 -1
- package/dist/fields/Card.js +1 -1
- package/dist/fields/Check.js +1 -1
- package/dist/fields/Code.js +1 -1
- package/dist/fields/Color.js +1 -1
- package/dist/fields/Date.js +1 -1
- package/dist/fields/Display.js +1 -1
- package/dist/fields/DragDrop.js +1 -1
- package/dist/fields/File.js +1 -1
- package/dist/fields/Input.js +1 -1
- package/dist/fields/Mask.js +1 -1
- package/dist/fields/Modal.js +1 -1
- package/dist/fields/Money.js +1 -1
- package/dist/fields/NativeTextField.js +1 -1
- package/dist/fields/Numeric.js +1 -1
- package/dist/fields/Options.js +1 -1
- package/dist/fields/Password.js +1 -1
- package/dist/fields/Percent.js +1 -1
- package/dist/fields/Phone.js +1 -1
- package/dist/fields/Radio.js +1 -1
- package/dist/fields/Range.js +1 -1
- package/dist/fields/Rating.js +1 -1
- package/dist/fields/RichText.js +1 -1
- package/dist/fields/Search.js +1 -1
- package/dist/fields/Select.js +1 -1
- package/dist/fields/Tabs.js +1 -1
- package/dist/fields/Tags.js +1 -1
- package/dist/fields/Textarea.js +1 -1
- package/dist/fields/Time.js +1 -1
- package/dist/fields/type.d.ts +2 -1
- package/dist/hooks/useFieldSize.d.ts +8 -0
- package/dist/hooks/useFieldSize.js +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +4 -4
- package/dist/index.umd.js +3 -3
- package/dist/kit-manifest.json +8 -0
- package/dist/light.css +1 -1
- package/dist/package.js +1 -1
- package/dist/style.css +4 -4
- package/dist/styles/Color.module.js +1 -1
- package/dist/styles/Field.module.js +1 -1
- package/dist/styles/Search.module.js +1 -1
- package/dist/tokens.css +1 -1
- package/package.json +12 -36
package/dist/light.css
CHANGED
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
--select-li-hover-bg: #f2f2f7;
|
|
98
98
|
--select-li-focus-bg: #e5e5ea;
|
|
99
99
|
--select-li-selected-bg: #e5e5ea;
|
|
100
|
-
--select-height:
|
|
100
|
+
--select-height: var(--field-height);
|
|
101
101
|
--select-font-size: var(--control-font-size);
|
|
102
102
|
--select-radius: 20px;
|
|
103
103
|
--select-max-height: 300px;
|
package/dist/package.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e={name:`@elcrm/form`,version:`0.1.
|
|
1
|
+
var e={name:`@elcrm/form`,version:`0.1.20`,description:`React-компоненты полей формы и хук useForm для elCRM: текст, даты, маски, деньги, селект, связка с формой по имени поля (tree-shakeable ESM).`,type:`module`,author:`MaSkal <dev@elcrm.online>`,license:`MIT`,repository:{type:`git`,url:`https://elgit.ru/lib/elCRM.form.git`},homepage:`https://www.npmjs.com/package/@elcrm/form`,publishConfig:{access:`public`},engines:{node:`>=18`},files:[`dist`],keywords:[`elcrm`,`form`,`react`,`fields`,`useForm`,`input`],sideEffects:[`./dist/index.js`,`./dist/core/Field.js`,`**/*.css`,`**/*.module.css`],main:`./dist/index.umd.js`,module:`./dist/index.js`,types:`./dist/index.d.ts`,exports:{".":{types:`./dist/index.d.ts`,import:`./dist/index.js`,require:`./dist/index.umd.js`},"./fields/*":{types:`./dist/fields/*.d.ts`,import:`./dist/fields/*.js`},"./hooks/*":{types:`./dist/hooks/*.d.ts`,import:`./dist/hooks/*.js`},"./events/*":{types:`./dist/events/*.d.ts`,import:`./dist/events/*.js`},"./core/*":{types:`./dist/core/*.d.ts`,import:`./dist/core/*.js`},"./mask/*":{types:`./dist/mask/*.d.ts`,import:`./dist/mask/*.js`},"./Form":{types:`./dist/Form.d.ts`,import:`./dist/Form.js`},"./FormInitContext":{types:`./dist/FormInitContext.d.ts`,import:`./dist/FormInitContext.js`},"./style.css":{import:`./dist/style.css`,require:`./dist/style.css`,default:`./dist/style.css`},"./light.css":{import:`./dist/light.css`,require:`./dist/light.css`,default:`./dist/light.css`},"./dark.css":{import:`./dist/dark.css`,require:`./dist/dark.css`,default:`./dist/dark.css`},"./tokens.css":{import:`./dist/tokens.css`,require:`./dist/tokens.css`,default:`./dist/tokens.css`},"./dist/style.css":{import:`./dist/style.css`,require:`./dist/style.css`,default:`./dist/style.css`},"./package.json":`./package.json`},scripts:{dev:`vite --config test/vite.config.ts`,build:`node scripts/build.mjs`,"check:css":`node scripts/check-css-scoped.mjs`,test:`vitest run`,"test:watch":`vitest`,"test:build":`vite build --config test/vite.config.ts`,"test:preview":`vite preview --config test/vite.config.ts`,prepublishOnly:`npm run check:css && vitest run && node scripts/build.mjs`,"pack:check":`npm pack --dry-run`,link:`bun run link:local`},peerDependencies:{"@types/react":`>=18.0.0`,react:`>=18.0.0`,"react-dom":`>=18.0.0`,"@elcrm/components":`>=0.2.14`},peerDependenciesMeta:{"@types/react":{optional:!0},"@elcrm/components":{optional:!0}},devDependencies:{"@elcrm/storybook":`^0.0.3`,"@testing-library/dom":`^10.4.1`,"@testing-library/jest-dom":`^6.6.3`,"@testing-library/react":`^16.3.2`,"@testing-library/user-event":`^14.6.1`,"@types/node":`^22.13.10`,"@types/react":`^18.2.79`,"@types/react-dom":`^18.2.25`,"@vitejs/plugin-react":`^6.0.1`,elcrm:`^1.0.0`,jsdom:`^29.0.1`,react:`^19.2.4`,"react-dom":`^19.2.4`,typescript:`^5.8.2`,vite:`^8.0.1`,"vite-plugin-dts":`^4.0.3`,"vite-plugin-dynamic-import":`^1.6.0`,"vite-plugin-lib-inject-css":`^2.1.1`,vitest:`^4.1.0`,"@elcrm/components":`0.5.2`}};export{e as default};
|
package/dist/style.css
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
@layer elcrm-form{.ffl{min-width:var(--field-width);gap:var(--field-block-gap);flex-direction:column;margin:0;padding:0;display:flex;position:relative}.ffl[data-size=s],.ffl[data-size=sm]{--field-height:var(--control-height-s);--control-height:var(--control-height-s);--field-icon-size:16px;--field-check-size:18px;--field-radio-size:16px;--field-rating-size:18px;font-size:13px}.ffl[data-size=l]{--field-height:var(--control-height-l);--control-height:var(--control-height-l);--field-icon-size:24px;--field-check-size:26px;--field-radio-size:24px;--field-rating-size:26px}.ffl>.fft,.ffl>.fff,.ffl>.ffm{margin:0}.ffl[data-field=group] .fff>div{cursor:pointer;border-bottom:var(--field-border);margin:0;padding:0}.ffl[data-field=group] .fff>div:last-child{border-bottom:0}.ffl[data-field=options]{width:100%}.ffl[data-field=options] .fff{box-sizing:border-box;flex-direction:column;align-self:stretch;align-items:stretch;gap:0;width:100%;min-height:0;padding:0}.ffl[data-field=options] .fff>div{box-sizing:border-box;width:100%;min-width:0;padding:var(--field-padding);border-bottom:var(--field-border);cursor:pointer;flex:none;margin:0;line-height:1.35}.ffl[data-field=options] .fff>div:last-child{border-bottom:0}.ffl[data-field=options] .fff>div[data-empty=true]{color:var(--field-placeholder);border-bottom:0;font-weight:400}.ffl [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;pointer-events:none;font-style:normal;font-weight:400;display:block}.ffl [placeholder]:focus:before{display:none}.fff{box-sizing:border-box;align-items:stretch;gap:var(--field-icon-gap);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--field-padding);min-height:var(--field-height);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}.fff:hover{border-color:var(--field-border-hover)}.fff:focus-within{border-color:var(--field-border-focus);box-shadow:var(--field-focus-shadow);background:var(--field-background-focus)}.fff[data-tabs]:focus-within{box-shadow:none!important;background:var(--field-background)!important}.fff.ffe:focus-within{background:var(--field-error-background);color:var(--field-error-color)}.fff[data-disabled=true]{background:var(--field-background-disabled);border-color:var(--field-border-disabled);color:var(--field-color-disabled);cursor:not-allowed;opacity:.85;-webkit-user-select:none;user-select:none}.fff[data-disabled=true]>*{cursor:not-allowed;pointer-events:none}.fff[data-disabled=true]:focus-within{border-color:var(--field-border-disabled);box-shadow:none;background:var(--field-background-disabled)}.fff>div{min-width:0;min-height:0;line-height:1.25;font-size:var(--control-font-size);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}.fff>div::selection{background:var(--field-selection-bg);color:var(--field-selection-color)}.fff>:not(div){box-sizing:border-box;height:auto;min-height:0;max-height:none;color:var(--field-icon-color);flex:none;justify-content:center;align-self:center;align-items:center;display:inline-flex}.fff>:not(div) svg{width:var(--field-icon-size);height:var(--field-icon-size);flex-shrink:0;display:block}.fff input::placeholder,.fff textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}.fff input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}.fff textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}.fff input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}.fff textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}.fff input:-webkit-autofill{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:inherit!important;line-height:inherit!important;background-color:#0000!important;background-image:none!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.fff input:-webkit-autofill:hover{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:inherit!important;line-height:inherit!important;background-color:#0000!important;background-image:none!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.fff input:-webkit-autofill:focus{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:inherit!important;line-height:inherit!important;background-color:#0000!important;background-image:none!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.fff input:-webkit-autofill:active{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:inherit!important;line-height:inherit!important;background-color:#0000!important;background-image:none!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.fff input:-webkit-autofill{-webkit-background-clip:text!important;background-clip:text!important}.fff [contenteditable=true],.fff [contenteditable=plaintext-only],.fff>div{scrollbar-width:none;-ms-overflow-style:none}:is(.fff [contenteditable=true],.fff [contenteditable=plaintext-only],.fff>div)::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.ffn{min-height:var(--field-note-height);align-items:stretch}.ffn>div{min-height:0;line-height:var(--field-note-line-height);scrollbar-width:none;-ms-overflow-style:none;padding:0;overflow:hidden auto}.ffn>div::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.ffw>div{box-sizing:border-box;height:auto;min-height:0;max-height:none;line-height:calc(var(--field-height) - 2 * var(--field-padding-block));text-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;align-self:stretch;overflow:auto hidden}.ffw>div::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.ffw>div input{box-sizing:border-box;height:100%;min-height:0;max-height:100%;line-height:normal}.fft{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:var(--field-label-gap);cursor:default;display:block}.ffx{flex:1;align-items:center;min-width:0;display:flex}.ffy{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}.ffy:-webkit-autofill{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:#0000!important;background-image:none!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.ffy:-webkit-autofill:hover{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:#0000!important;background-image:none!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.ffy:-webkit-autofill:focus{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:#0000!important;background-image:none!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.ffy:-webkit-autofill:active{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:#0000!important;background-image:none!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.ffa{box-sizing:border-box;height:auto;min-height:0;max-height:none;color:var(--field-icon-color);font-size:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-self:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}.ffa:disabled{cursor:not-allowed;opacity:.6}.ffa svg{width:var(--field-icon-size);height:var(--field-icon-size);flex-shrink:0;display:block}@keyframes ffspin{to{transform:rotate(360deg)}}.ffj{animation:.55s ease-in-out ffspin}@media (prefers-reduced-motion:reduce){.ffj{animation:none}}.ffg{gap:var(--field-padding-block);flex-direction:column;align-items:stretch}.ffr>div{box-sizing:border-box;flex:1;align-items:center;min-width:0;min-height:0;line-height:normal;display:flex}.ffr .ffk{box-sizing:border-box;width:100%;height:var(--field-range-bar-height);background:var(--field-range-track);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}.ffr .ffk:focus-visible{box-shadow:var(--field-focus-shadow)}.ffr .ffk[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}.ffr .ffu{background:var(--field-range-fill);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}.ffr .ffv{border-radius:999px}.ffr[data-variant=line]{border-radius:0;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.ffr[data-variant=line]:hover,.ffr[data-variant=line]:focus-within{box-shadow:none!important;background:0 0!important;border:none!important}.ffr[data-variant=line]>div{min-height:calc(var(--field-range-thumb-size) + 6px);overflow:visible}.ffr[data-variant=line] .ffk{height:var(--field-range-line-height);background:var(--field-range-track);overflow:visible}.ffr[data-variant=line] .ffu{display:none}.ffr[data-variant=line] .ffh{width:var(--field-range-thumb-size);height:var(--field-range-thumb-size);background:var(--field-range-thumb);pointer-events:none;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ffe{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}.ffm{color:var(--field-error-color);font-size:var(--field-error-size);margin-top:var(--field-error-gap);font-style:normal}.ffd{cursor:default}.ffd>div{color:inherit;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text;overflow:hidden}.ffd[data-multiline=true]>div{white-space:pre-wrap;text-overflow:unset;overflow-wrap:anywhere;overflow-y:auto}.ffz{color:var(--field-placeholder)}}
|
|
1
|
+
@layer elcrm-form{.ffl{min-width:var(--field-width);gap:var(--field-block-gap);flex-direction:column;margin:0;padding:0;display:flex;position:relative}.ffl[data-size=s],.ffl[data-size=sm]{--field-height:var(--control-height-s);--control-height:var(--control-height-s);--field-icon-size:16px;--field-check-size:18px;--field-radio-size:16px;--field-rating-size:18px;font-size:13px}.ffl[data-size=l]{--field-height:var(--control-height-l);--control-height:var(--control-height-l);--field-icon-size:24px;--field-check-size:26px;--field-radio-size:24px;--field-rating-size:26px}.ffl>.fft,.ffl>.fff,.ffl>.ffm{margin:0}.ffl[data-field=group] .fff>div{cursor:pointer;border-bottom:var(--field-border);margin:0;padding:0}.ffl[data-field=group] .fff>div:last-child{border-bottom:0}.ffl[data-field=options]{width:100%}.ffl[data-field=options] .fff{box-sizing:border-box;flex-direction:column;align-self:stretch;align-items:stretch;gap:0;width:100%;min-height:0;padding:0}.ffl[data-field=options] .fff>div{box-sizing:border-box;width:100%;min-width:0;padding:var(--field-padding);border-bottom:var(--field-border);cursor:pointer;flex:none;margin:0;line-height:1.35}.ffl[data-field=options] .fff>div:last-child{border-bottom:0}.ffl[data-field=options] .fff>div[data-empty=true]{color:var(--field-placeholder);border-bottom:0;font-weight:400}.ffl [placeholder]:empty:before{content:attr(placeholder);color:var(--field-placeholder);opacity:1;pointer-events:none;font-style:normal;font-weight:400;display:block}.ffl [placeholder]:focus:before{display:none}.fff{box-sizing:border-box;align-items:stretch;gap:var(--field-icon-gap);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-background);color:var(--field-color);padding:var(--field-padding);min-height:var(--field-height);transition:border-color .16s,box-shadow .16s,background-color .16s,opacity .16s;display:flex;overflow:hidden}.fff:hover{border-color:var(--field-border-hover)}.fff:focus-within{border-color:var(--field-border-focus);box-shadow:var(--field-focus-shadow);background:var(--field-background-focus)}.fff[data-tabs]:focus-within{box-shadow:none!important;background:var(--field-background)!important}.fff.ffe:focus-within{background:var(--field-error-background);color:var(--field-error-color)}.fff[data-disabled=true]{background:var(--field-background-disabled);border-color:var(--field-border-disabled);color:var(--field-color-disabled);cursor:not-allowed;opacity:.85;-webkit-user-select:none;user-select:none}.fff[data-disabled=true]>*{cursor:not-allowed;pointer-events:none}.fff[data-disabled=true]:focus-within{border-color:var(--field-border-disabled);box-shadow:none;background:var(--field-background-disabled)}.fff>div{min-width:0;min-height:0;line-height:1.25;font-size:var(--control-font-size);text-wrap:pretty;outline:0;flex:1;margin:0;padding:0}.fff>div::selection{background:var(--field-selection-bg);color:var(--field-selection-color)}.fff>:not(div){box-sizing:border-box;height:auto;min-height:0;max-height:none;color:var(--field-icon-color);flex:none;justify-content:center;align-self:center;align-items:center;display:inline-flex}.fff>:not(div) svg{width:var(--field-icon-size);height:var(--field-icon-size);flex-shrink:0;display:block}.fff input::placeholder,.fff textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}.fff input::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}.fff textarea::-webkit-input-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}.fff input::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}.fff textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}.fff input:-webkit-autofill{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:inherit!important;line-height:inherit!important;background-color:#0000!important;background-image:none!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.fff input:-webkit-autofill:hover{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:inherit!important;line-height:inherit!important;background-color:#0000!important;background-image:none!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.fff input:-webkit-autofill:focus{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:inherit!important;line-height:inherit!important;background-color:#0000!important;background-image:none!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.fff input:-webkit-autofill:active{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:inherit!important;line-height:inherit!important;background-color:#0000!important;background-image:none!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.fff input:-webkit-autofill{-webkit-background-clip:text!important;background-clip:text!important}.fff [contenteditable=true],.fff [contenteditable=plaintext-only],.fff>div{scrollbar-width:none;-ms-overflow-style:none}:is(.fff [contenteditable=true],.fff [contenteditable=plaintext-only],.fff>div)::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.ffn{min-height:var(--field-note-height);align-items:stretch}.ffn>div{min-height:0;line-height:var(--field-note-line-height);scrollbar-width:none;-ms-overflow-style:none;padding:0;overflow:hidden auto}.ffn>div::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.ffw>div{box-sizing:border-box;height:auto;min-height:0;max-height:none;line-height:calc(var(--field-height) - 2 * var(--field-padding-block));text-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;align-self:stretch;overflow:auto hidden}.ffw>div::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.ffw>div input{box-sizing:border-box;height:100%;min-height:0;max-height:100%;line-height:normal}.fft{color:var(--field-label-color);font-size:var(--field-label-size);padding-bottom:var(--field-label-gap);cursor:default;display:block}.ffx{flex:1;align-items:center;min-width:0;display:flex}.ffy{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}.ffy:-webkit-autofill{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:#0000!important;background-image:none!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.ffy:-webkit-autofill:hover{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:#0000!important;background-image:none!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.ffy:-webkit-autofill:focus{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:#0000!important;background-image:none!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.ffy:-webkit-autofill:active{caret-color:var(--field-color);-webkit-text-fill-color:var(--field-color)!important;color:var(--field-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:#0000!important;background-image:none!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 99999s ease-out,background-image 99999s ease-out!important}.ffa{box-sizing:border-box;height:auto;min-height:0;max-height:none;color:var(--field-icon-color);font-size:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-self:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}.ffa:disabled{cursor:not-allowed;opacity:.6}.ffa svg{width:var(--field-icon-size);height:var(--field-icon-size);flex-shrink:0;display:block}@keyframes ffs{to{transform:rotate(360deg)}}.ffj{animation:.55s ease-in-out ffs}@media (prefers-reduced-motion:reduce){.ffj{animation:none}}.ffg{gap:var(--field-padding-block);flex-direction:column;align-items:stretch}.ffr>div{box-sizing:border-box;flex:1;align-items:center;min-width:0;min-height:0;line-height:normal;display:flex}.ffr .ffk{box-sizing:border-box;width:100%;height:var(--field-range-bar-height);background:var(--field-range-track);cursor:pointer;touch-action:none;border-radius:999px;outline:none;flex-shrink:0;position:relative;overflow:hidden}.ffr .ffk:focus-visible{box-shadow:var(--field-focus-shadow)}.ffr .ffk[data-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}.ffr .ffu{background:var(--field-range-fill);pointer-events:none;border-radius:999px 0 0 999px;width:0;min-width:0;height:100%}.ffr .ffv{border-radius:999px}.ffr[data-variant=line]{border-radius:0;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.ffr[data-variant=line]:hover,.ffr[data-variant=line]:focus-within{box-shadow:none!important;background:0 0!important;border:none!important}.ffr[data-variant=line]>div{min-height:calc(var(--field-range-thumb-size) + 6px);overflow:visible}.ffr[data-variant=line] .ffk{height:var(--field-range-line-height);background:var(--field-range-track);overflow:visible}.ffr[data-variant=line] .ffu{display:none}.ffr[data-variant=line] .ffh{width:var(--field-range-thumb-size);height:var(--field-range-thumb-size);background:var(--field-range-thumb);pointer-events:none;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ffe{border-color:var(--field-error-border);background:var(--field-error-background);color:var(--field-error-color)}.ffm{color:var(--field-error-color);font-size:var(--field-error-size);margin-top:var(--field-error-gap);font-style:normal}.ffd{cursor:default}.ffd>div{color:inherit;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text;overflow:hidden}.ffd[data-multiline=true]>div{white-space:pre-wrap;text-overflow:unset;overflow-wrap:anywhere;overflow-y:auto}.ffz{color:var(--field-placeholder)}}
|
|
2
2
|
|
|
3
3
|
@layer elcrm-form{.fmo{z-index:var(--elcrm-z-popover);background:0 0;position:fixed;inset:0}.fmc{box-shadow:var(--popup-shadow);padding:var(--date-popup-padding);background:var(--select-background);z-index:var(--elcrm-z-popover-front);border-radius:var(--date-popup-radius);scrollbar-width:none;-ms-overflow-style:none;max-height:min(92vh,480px);margin:0;display:block;position:fixed;overflow:hidden auto}.fmc::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.fmc{color:var(--select-color);box-sizing:border-box;min-width:var(--date-popup-min-width)}.fmc [grid-calendar]{grid-template-columns:repeat(7,1fr);grid-auto-rows:var(--date-popup-row-height);gap:2px;display:grid}.fmc [grid-calendar]>p{color:var(--field-placeholder);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}.fmc [grid-month]{grid-template-columns:1fr 1fr 1fr 1fr;width:250px;display:grid}.fmc b{border-radius:var(--date-popup-cell-radius);cursor:pointer;text-align:center;padding:8px 5px;font-weight:400;display:block}.fmc b:hover{background:var(--select-li-hover-bg)}.fmc p{color:var(--field-placeholder);text-align:center;cursor:default;pointer-events:none;padding:0}.fmc i{text-align:center;cursor:pointer;border-radius:var(--date-popup-cell-radius);flex:0 30px;padding:9px}.fmc i:hover{background:var(--select-li-hover-bg)}.fmc i:before{cursor:pointer;display:block}.fmc s{align-items:center;gap:4px;padding-bottom:6px;font-style:normal;text-decoration:none;display:flex}.fmc s h2{text-align:center;min-width:0;color:var(--select-color);cursor:default;flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.25;display:flex}.fmc .fmh,.fmc .fmy{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:2px 8px}.fmc .fmh:hover,.fmc .fmy:hover{background:var(--select-li-hover-bg)}.fmc .fmd{cursor:not-allowed;opacity:.45;pointer-events:none}.fmc .fmd[data-active=true],.fmc .fmd[data-current=true]{opacity:.45}.fmc [grid-calendar] b[data-current=true],.fmc [grid-month] b[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);font-weight:600}.fmc [grid-calendar] b[data-active=true]:not([data-current=true]),.fmc [grid-month] b[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px}.fmc [grid-calendar] b[data-active=true][data-current=true],.fmc [grid-month] b[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}.fmc [grid-calendar] p[data-current=true]{background:color-mix(in srgb, var(--field-background-active) 52%, transparent);color:inherit;border-radius:var(--date-popup-cell-radius);font-weight:600}.fmc [grid-calendar] p[data-active=true]:not([data-current=true]){outline:2px solid var(--field-background-active);outline-offset:-2px;opacity:.85}.fmc [grid-calendar] p[data-active=true][data-current=true]{box-shadow:inset 0 0 0 2px var(--field-background-active)}.fmc span{text-align:center;padding:2px}.fmc span p{color:var(--field-placeholder);padding:8px 5px}.fmc [grid-calendar]>span{box-sizing:border-box;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}.fmc [grid-calendar]>span>b,.fmc [grid-calendar]>span>p{box-sizing:border-box;border-radius:var(--date-popup-cell-radius);flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}.fmc .fms{cursor:ns-resize}.fmc .fmp{cursor:pointer}}
|
|
4
4
|
|
|
5
|
-
@layer elcrm-form{.fso{z-index:var(--elcrm-z-popover);background:var(--select-overlay);position:fixed;inset:0}.fsl{--select-icon:calc(var(--select-height,
|
|
5
|
+
@layer elcrm-form{.fso{z-index:var(--elcrm-z-popover);background:var(--select-overlay);position:fixed;inset:0}.fsl{--select-icon:calc(var(--select-height,var(--field-height)) / 1.5);--select-icon-padding:calc((var(--select-height,var(--field-height)) - var(--select-icon)) / 2);background:var(--select-background);box-shadow:var(--popup-shadow);z-index:var(--elcrm-z-popover-front);border-radius:var(--select-radius,20px);max-height:var(--select-max-height,300px);scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0;display:block;position:fixed;overflow:hidden auto}.fsl::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.fsl ul{width:100%;max-height:var(--select-max-height,300px);scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto}.fsl ul::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.fsl li{border-bottom:var(--select-separator);cursor:pointer;padding:0 var(--field-padding-inline);color:var(--select-color);height:var(--select-height,var(--field-height));line-height:var(--select-height,var(--field-height));font-size:var(--select-font-size,var(--control-font-size));white-space:nowrap;text-overflow:ellipsis;opacity:1;margin:0;display:block;overflow:hidden;text-align:left!important;border-left:0!important}.fsl li[aria-selected=true]{background:var(--select-li-selected-bg)}.fsl li:hover{background:var(--select-li-hover-bg)}.fsl li[data-focus=true]{background:var(--select-li-focus-bg)}.fsl li:last-child{border-bottom:0}.fsi{width:var(--select-icon);height:var(--select-icon);color:var(--field-color);right:var(--select-icon-padding);top:var(--select-icon-padding);position:absolute}.fsp{color:var(--field-placeholder);font-weight:400}.fsf{cursor:pointer}.fsf[aria-disabled=true]{cursor:not-allowed}}
|
|
6
6
|
|
|
7
|
-
@layer elcrm-form{.fco{z-index:var(--elcrm-z-popover);background:var(--select-overlay);position:fixed;inset:0}.fcp{z-index:var(--elcrm-z-popover-front);box-sizing:border-box;width:var(--color-picker-width);padding:var(--color-picker-pad);background:var(--select-background);color:var(--select-color);border-radius:var(--color-picker-radius);box-shadow:var(--popup-shadow);flex-direction:column;gap:8px;display:flex;position:fixed}.fcv{aspect-ratio:1/.55;cursor:crosshair;touch-action:none;border-radius:8px;width:100%;max-height:140px;position:relative;overflow:hidden}.fcw{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.fcb{background:linear-gradient(#0000,#000);position:absolute;inset:0}.fch{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000059}.fcr{align-items:center;gap:8px;display:flex}.fce{border-radius:var(--color-picker-input-radius);background:var(--field-background);width:26px;height:26px;color:var(--field-icon-color);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.fce:hover{color:var(--field-color)}.fcs{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.fcl{cursor:pointer;touch-action:none;border-radius:999px;height:10px;position:relative}.fcu{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.fca{background-image:linear-gradient(to right, transparent, var(--alpha-color)), linear-gradient(45deg, #777 25%, transparent 25%), linear-gradient(-45deg, #777 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #777 75%), linear-gradient(-45deg, transparent 75%, #777 75%);background-color:#bbb;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px}.fcd{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;background:0 0;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;box-shadow:0 0 0 1px #00000059}.fci{align-items:center;gap:6px;display:flex}.fcf{color:var(--field-placeholder);flex:none;padding:0 2px;font-size:12px}.fcn{box-sizing:border-box;border-radius:var(--color-picker-input-radius);background:var(--field-background);min-width:0;height:28px;color:var(--field-color);font:inherit;border:none;outline:none;flex:1;padding:0 8px;font-size:13px}.fcn:focus{box-shadow:0 0 0 2px var(--field-focus-ring)}.fcx{text-align:center;flex:0 0 56px}.fcy{grid-template-columns:repeat(8,1fr);place-items:center;gap:4px;padding:0;display:grid}.fcz{width:var(--color-picker-swatch);height:var(--color-picker-swatch);cursor:pointer;background:var(--swatch);border:none;border-radius:50%;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001f}.fcz[aria-checked=true]{z-index:1;box-shadow:inset 0 0 0 1px #00000026, 0 0 0 2px var(--select-background), 0 0 0 3px #ffffff59;transform:scale(1.35)}.fcz:disabled{cursor:not-allowed;opacity:.5}.fct{cursor:pointer;align-items:center;gap:var(--field-icon-gap);flex:1;min-width:0;height:auto;min-height:0;display:flex}.fct[aria-disabled=true]{cursor:not-allowed}
|
|
7
|
+
@layer elcrm-form{.fco{z-index:var(--elcrm-z-popover);background:var(--select-overlay);position:fixed;inset:0}.fcp{z-index:var(--elcrm-z-popover-front);box-sizing:border-box;width:var(--color-picker-width);padding:var(--color-picker-pad);background:var(--select-background);color:var(--select-color);border-radius:var(--color-picker-radius);box-shadow:var(--popup-shadow);flex-direction:column;gap:8px;display:flex;position:fixed}.fcv{aspect-ratio:1/.55;cursor:crosshair;touch-action:none;border-radius:8px;width:100%;max-height:140px;position:relative;overflow:hidden}.fcw{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.fcb{background:linear-gradient(#0000,#000);position:absolute;inset:0}.fch{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000059}.fcr{align-items:center;gap:8px;display:flex}.fce{border-radius:var(--color-picker-input-radius);background:var(--field-background);width:26px;height:26px;color:var(--field-icon-color);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.fce:hover{color:var(--field-color)}.fcs{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.fcl{cursor:pointer;touch-action:none;border-radius:999px;height:10px;position:relative}.fcu{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.fca{background-image:linear-gradient(to right, transparent, var(--alpha-color)), linear-gradient(45deg, #777 25%, transparent 25%), linear-gradient(-45deg, #777 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #777 75%), linear-gradient(-45deg, transparent 75%, #777 75%);background-color:#bbb;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px}.fcd{width:var(--color-picker-handle);height:var(--color-picker-handle);margin:calc(var(--color-picker-handle) / -2) 0 0 calc(var(--color-picker-handle) / -2);pointer-events:none;box-sizing:border-box;background:0 0;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;box-shadow:0 0 0 1px #00000059}.fci{align-items:center;gap:6px;display:flex}.fcf{color:var(--field-placeholder);flex:none;padding:0 2px;font-size:12px}.fcn{box-sizing:border-box;border-radius:var(--color-picker-input-radius);background:var(--field-background);min-width:0;height:28px;color:var(--field-color);font:inherit;border:none;outline:none;flex:1;padding:0 8px;font-size:13px}.fcn:focus{box-shadow:0 0 0 2px var(--field-focus-ring)}.fcx{text-align:center;flex:0 0 56px}.fcy{grid-template-columns:repeat(8,1fr);place-items:center;gap:4px;padding:0;display:grid}.fcz{width:var(--color-picker-swatch);height:var(--color-picker-swatch);cursor:pointer;background:var(--swatch);border:none;border-radius:50%;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001f}.fcz[aria-checked=true]{z-index:1;box-shadow:inset 0 0 0 1px #00000026, 0 0 0 2px var(--select-background), 0 0 0 3px #ffffff59;transform:scale(1.35)}.fcz:disabled{cursor:not-allowed;opacity:.5}.fct{cursor:pointer;align-items:center;gap:var(--field-icon-gap);flex:1;min-width:0;height:auto;min-height:0;display:flex}.fct[aria-disabled=true]{cursor:not-allowed}[data-color-cap]{overflow:hidden}[data-color-cap]>div{min-width:0}.fcc{background-color:var(--preview-color);background-image:linear-gradient(var(--preview-color), var(--preview-color)), linear-gradient(45deg, #c6c6c8 25%, transparent 25%), linear-gradient(-45deg, #c6c6c8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #c6c6c8 75%), linear-gradient(-45deg, transparent 75%, #c6c6c8 75%);background-position:0 0,0 0,0 3px,3px -3px,-3px 0;background-size:100% 100%,6px 6px,6px 6px,6px 6px,6px 6px;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026}.fcg{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--control-font-size);font-variant-numeric:tabular-nums;flex:1;overflow:hidden}.fct:has(+.fcj){flex:none;margin-left:-1px;padding-left:3px}.fct:has(+.fcj) .fcg{flex:none;width:9ch;min-width:9ch;max-width:9ch}.fcg[data-ph]{color:var(--field-placeholder);font-weight:400}.fcj{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex:1;align-items:center;gap:4px;min-width:0;max-width:100%;margin-left:0;padding:0 2px;display:flex;overflow:auto hidden}.fcj::-webkit-scrollbar{width:0;height:0;display:none}.fck{cursor:pointer;background:var(--swatch);transform-origin:50%;border:none;border-radius:50%;flex:none;width:18px;min-width:18px;height:18px;padding:0;transition:box-shadow .12s;box-shadow:inset 0 0 0 1px #0000001f}.fck[data-exit=true]{pointer-events:none;animation:.22s ease-in forwards fcq}.fck:disabled{cursor:not-allowed;opacity:.5}@keyframes fcq{0%{opacity:1;width:18px;min-width:18px;transform:scale(1)}55%{opacity:.7;transform:scale(.55)}to{opacity:0;width:0;min-width:0;box-shadow:none;margin:0;transform:scale(0)}}.fcc[data-enter=true]{animation:.28s cubic-bezier(.22,1,.36,1) fcm}@keyframes fcm{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}}
|
|
8
8
|
|
|
9
9
|
@layer elcrm-form{.fkr>div{align-items:center;width:100%;min-height:0;padding:0;line-height:normal;display:flex}.fkr[data-variant=plain]{border-radius:0;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important;min-height:0!important;padding:0!important}.fkr[data-variant=plain]:hover,.fkr[data-variant=plain]:focus-within{box-shadow:none!important;background:0 0!important;border:none!important}.fkr[data-variant=plain]>div{align-items:flex-start}.fkr[data-size=sm]>div,.fkr[data-size=s]>div{align-items:center;min-height:0}.fkp{width:100%;min-width:0}.fkc{width:100%;min-height:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:center;gap:12px;margin:0;padding:0;display:flex}.fkc[data-align=top]{align-items:flex-start}.fkc[data-align=bottom]{align-items:flex-end}.fkc[data-align=center]{align-items:center}.fkc[data-align=top] .fkb{margin-top:calc((1.25em - var(--field-check-size)) / 2)}.fkc[data-align=bottom] .fkb{margin-bottom:calc((1.25em - var(--field-check-size)) / 2)}.fkc:focus-visible{box-shadow:var(--field-focus-shadow);border-radius:calc(var(--field-radius) - 2px)}.fkc[data-focus-ring=false]:focus-visible{box-shadow:none}.fkc[aria-disabled=true]{cursor:not-allowed}.fkc[data-size=sm],.fkc[data-size=s]{border-radius:8px;align-items:center;gap:10px;min-height:0;padding:0}:is(.fkc[data-size=sm],.fkc[data-size=s]) .fkb{border-radius:5px;width:18px;height:18px}:is(.fkc[data-size=sm],.fkc[data-size=s]) .fkm{width:9px;height:5px}:is(.fkc[data-size=sm],.fkc[data-size=s]) .fkt{padding-top:0;font-size:13px;line-height:1.2}.fkc[data-size=sm][data-variant=plain]:hover:not([aria-disabled=true]),.fkc[data-size=s][data-variant=plain]:hover:not([aria-disabled=true]){background:var(--field-background-focus)}.fkb{width:var(--field-check-size);height:var(--field-check-size);border:var(--field-check-box-border);background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}.fkm{border-top:none;border-bottom:2px solid #fcfff4;border-left:2px solid #fcfff4;border-right:none;width:11px;height:6px;transform:translateY(-1px)rotate(-45deg)}.fkt{min-width:0;color:inherit;font-size:var(--control-font-size);flex:auto;padding-top:0;line-height:1.25}.fkc[aria-checked=true] .fkb{background:var(--field-background-active)}}
|
|
10
10
|
|
|
@@ -28,4 +28,4 @@
|
|
|
28
28
|
|
|
29
29
|
@layer elcrm-form{.fur{gap:var(--field-group-gap);width:var(--field-width);background:0 0;border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}}
|
|
30
30
|
|
|
31
|
-
@layer elcrm-form{.fqc{min-width:0}.fqs{width:fit-content;min-width:0}.fqm{width:fit-content;min-width:var(--field-search-min-width)}.fql{width:100%;max-width:100%}.fqr{position:relative;gap:var(--field-icon-gap)!important;overflow:visible!important}.fqr[data-variant=ghost]{background:0 0;border-color:#0000}.fqr[data-variant=ghost]:focus-within{background:var(--field-background-focus)!important;border-color:var(--field-border-hover)!important;box-shadow:none!important}.fqr[data-variant=filled]{background:var(--field-background-disabled);border-color:#0000}.fqr[data-variant=filled]:focus-within{background:var(--field-background-focus)!important;box-shadow:none!important}.fqd{align-items:center;gap:var(--field-icon-gap);flex-direction:row;width:100%;min-width:0;min-height:0;padding:0;line-height:normal;display:flex}.fqr [data-live]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fqp .fqr{width:var(--field-height);min-width:var(--field-height);max-width:var(--field-height);cursor:pointer;justify-content:center;padding:0!important}.fqp .fqn,.fqp .fqx,.fqp .fqu,.fqp .fqw,.fqp .fqk{opacity:0;pointer-events:none;flex:0 0 0;width:0;min-width:0;overflow:hidden}.fqy .fqr{width:auto;max-width:none;padding-inline:var(--field-padding-inline)!important}.fqy .fqk{opacity:1;flex:none;width:auto;overflow:visible}.fqe .fqr{cursor:text;width:auto;min-width:var(--field-search-expand-min);justify-content:flex-start;max-width:none;padding:var(--field-padding)!important}.fql.fqe .fqr{width:100%;min-width:0}.fqe .fqn{opacity:1;pointer-events:auto;flex:auto;width:auto;min-width:0;overflow:visible}.fqe .fqx,.fqe .fqu,.fqe .fqw{opacity:1;pointer-events:auto;flex:none;width:auto;overflow:visible}.fqe .fqu{pointer-events:none;visibility:hidden}.fqb{color:var(--field-icon-color);flex-shrink:0;display:inline-flex}.fqv{width:var(--field-icon-size);height:var(--field-icon-size);stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block}.fqi{animation:.7s linear infinite
|
|
31
|
+
@layer elcrm-form{.fqc{min-width:0}.fqs{width:fit-content;min-width:0}.fqm{width:fit-content;min-width:var(--field-search-min-width)}.fql{width:100%;max-width:100%}.fqr{position:relative;gap:var(--field-icon-gap)!important;overflow:visible!important}.fqr[data-variant=ghost]{background:0 0;border-color:#0000}.fqr[data-variant=ghost]:focus-within{background:var(--field-background-focus)!important;border-color:var(--field-border-hover)!important;box-shadow:none!important}.fqr[data-variant=filled]{background:var(--field-background-disabled);border-color:#0000}.fqr[data-variant=filled]:focus-within{background:var(--field-background-focus)!important;box-shadow:none!important}.fqd{align-items:center;gap:var(--field-icon-gap);flex-direction:row;width:100%;min-width:0;min-height:0;padding:0;line-height:normal;display:flex}.fqr [data-live]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fqp .fqr{width:var(--field-height);min-width:var(--field-height);max-width:var(--field-height);cursor:pointer;justify-content:center;padding:0!important}.fqp .fqn,.fqp .fqx,.fqp .fqu,.fqp .fqw,.fqp .fqk{opacity:0;pointer-events:none;flex:0 0 0;width:0;min-width:0;overflow:hidden}.fqy .fqr{width:auto;max-width:none;padding-inline:var(--field-padding-inline)!important}.fqy .fqk{opacity:1;flex:none;width:auto;overflow:visible}.fqe .fqr{cursor:text;width:auto;min-width:var(--field-search-expand-min);justify-content:flex-start;max-width:none;padding:var(--field-padding)!important}.fql.fqe .fqr{width:100%;min-width:0}.fqe .fqn{opacity:1;pointer-events:auto;flex:auto;width:auto;min-width:0;overflow:visible}.fqe .fqx,.fqe .fqu,.fqe .fqw{opacity:1;pointer-events:auto;flex:none;width:auto;overflow:visible}.fqe .fqu{pointer-events:none;visibility:hidden}.fqb{color:var(--field-icon-color);flex-shrink:0;display:inline-flex}.fqv{width:var(--field-icon-size);height:var(--field-icon-size);stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block}.fqi{animation:.7s linear infinite fqj}@keyframes fqj{to{transform:rotate(360deg)}}.fqn{min-width:0;color:inherit;font:inherit;appearance:none;background:0 0;border:0;outline:0;flex:1;height:100%;padding:0}.fqn::-webkit-search-cancel-button{appearance:none;display:none}.fqn::-webkit-search-decoration{appearance:none;display:none}.fqn::placeholder{color:var(--field-placeholder);opacity:1}.fqn:disabled{cursor:not-allowed}.fqk{font:inherit;border:var(--field-border);background:var(--field-background-disabled);color:var(--field-placeholder);border-radius:6px;flex-shrink:0;padding:2px 5px;font-size:11px;line-height:1}.fqx,.fqu{width:var(--field-icon-size);height:var(--field-icon-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fqx{appearance:none;cursor:pointer;color:var(--field-placeholder);background:0 0;border:0;border-radius:6px;margin:0;padding:0}.fqx:hover:not(:disabled){color:var(--field-color);background:var(--field-background-focus)}.fqu{pointer-events:none;visibility:hidden}.fqw{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.fqq{box-sizing:border-box;max-height:var(--field-search-list-max-height);border:var(--field-border);border-radius:var(--select-radius);background:var(--select-background);color:var(--select-color);box-shadow:var(--popup-shadow);margin:0;padding:6px;list-style:none;position:fixed;overflow:auto}.fqa{cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.fqa:has(>.fqf){flex-direction:row;align-items:center;gap:10px}.fqf{flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.fqf :is(svg,img){width:100%;height:100%;display:block}.fqz{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.fqh{background:var(--select-li-selected-bg)}.fqg{font:inherit;min-width:0;line-height:1.3}.fqo,.fqt{color:var(--field-placeholder);font-size:12px;line-height:1.3}.fqo{padding:8px 10px}.fqa .fqt{padding:0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e={o:`fco`,p:`fcp`,v:`fcv`,w:`fcw`,b:`fcb`,h:`fch`,r:`fcr`,e:`fce`,s:`fcs`,l:`fcl`,u:`fcu`,a:`fca`,d:`fcd`,i:`fci`,f:`fcf`,n:`fcn`,x:`fcx`,y:`fcy`,z:`fcz`,t:`fct`,
|
|
1
|
+
var e={o:`fco`,p:`fcp`,v:`fcv`,w:`fcw`,b:`fcb`,h:`fch`,r:`fcr`,e:`fce`,s:`fcs`,l:`fcl`,u:`fcu`,a:`fca`,d:`fcd`,i:`fci`,f:`fcf`,n:`fcn`,x:`fcx`,y:`fcy`,z:`fcz`,t:`fct`,c:`fcc`,g:`fcg`,j:`fcj`,k:`fck`,q:`fcq`,m:`fcm`};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e={l:`ffl`,t:`fft`,f:`fff`,m:`ffm`,e:`ffe`,n:`ffn`,w:`ffw`,x:`ffx`,y:`ffy`,a:`ffa`,j:`ffj`,spin:`
|
|
1
|
+
var e={l:`ffl`,t:`fft`,f:`fff`,m:`ffm`,e:`ffe`,n:`ffn`,w:`ffw`,x:`ffx`,y:`ffy`,a:`ffa`,j:`ffj`,spin:`ffs`,g:`ffg`,r:`ffr`,k:`ffk`,u:`ffu`,v:`ffv`,h:`ffh`,d:`ffd`,z:`ffz`};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e={c:`fqc`,s:`fqs`,m:`fqm`,l:`fql`,r:`fqr`,d:`fqd`,p:`fqp`,n:`fqn`,x:`fqx`,u:`fqu`,w:`fqw`,k:`fqk`,y:`fqy`,e:`fqe`,b:`fqb`,v:`fqv`,i:`fqi`,
|
|
1
|
+
var e={c:`fqc`,s:`fqs`,m:`fqm`,l:`fql`,r:`fqr`,d:`fqd`,p:`fqp`,n:`fqn`,x:`fqx`,u:`fqu`,w:`fqw`,k:`fqk`,y:`fqy`,e:`fqe`,b:`fqb`,v:`fqv`,i:`fqi`,j:`fqj`,q:`fqq`,a:`fqa`,f:`fqf`,z:`fqz`,h:`fqh`,g:`fqg`,o:`fqo`,t:`fqt`};export{e as default};
|
package/dist/tokens.css
CHANGED
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
/* Popover / select / date / color geometry */
|
|
46
46
|
--elcrm-z-popover: 1000;
|
|
47
47
|
--elcrm-z-popover-front: 1001;
|
|
48
|
-
--select-height: var(--
|
|
48
|
+
--select-height: var(--field-height);
|
|
49
49
|
--select-font-size: var(--control-font-size);
|
|
50
50
|
--select-radius: var(--control-radius);
|
|
51
51
|
--select-max-height: 300px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elcrm/form",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.20",
|
|
4
4
|
"description": "React-компоненты полей формы и хук useForm для elCRM: текст, даты, маски, деньги, селект, связка с формой по имени поля (tree-shakeable ESM).",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": "MaSkal <dev@elcrm.online>",
|
|
@@ -9,6 +9,9 @@
|
|
|
9
9
|
"type": "git",
|
|
10
10
|
"url": "https://elgit.ru/lib/elCRM.form.git"
|
|
11
11
|
},
|
|
12
|
+
"bugs": {
|
|
13
|
+
"url": "https://elgit.ru/lib/elCRM.form/issues"
|
|
14
|
+
},
|
|
12
15
|
"homepage": "https://www.npmjs.com/package/@elcrm/form",
|
|
13
16
|
"publishConfig": {
|
|
14
17
|
"access": "public"
|
|
@@ -17,7 +20,9 @@
|
|
|
17
20
|
"node": ">=18"
|
|
18
21
|
},
|
|
19
22
|
"files": [
|
|
20
|
-
"dist"
|
|
23
|
+
"dist",
|
|
24
|
+
"LICENSE",
|
|
25
|
+
"README.md"
|
|
21
26
|
],
|
|
22
27
|
"keywords": [
|
|
23
28
|
"elcrm",
|
|
@@ -97,47 +102,18 @@
|
|
|
97
102
|
},
|
|
98
103
|
"./package.json": "./package.json"
|
|
99
104
|
},
|
|
100
|
-
"scripts": {
|
|
101
|
-
"dev": "vite --config test/vite.config.ts",
|
|
102
|
-
"build": "node scripts/build.mjs",
|
|
103
|
-
"check:css": "node scripts/check-css-scoped.mjs",
|
|
104
|
-
"test": "vitest run",
|
|
105
|
-
"test:watch": "vitest",
|
|
106
|
-
"test:build": "vite build --config test/vite.config.ts",
|
|
107
|
-
"test:preview": "vite preview --config test/vite.config.ts",
|
|
108
|
-
"prepublishOnly": "npm run check:css && vitest run && node scripts/build.mjs",
|
|
109
|
-
"pack:check": "npm pack --dry-run",
|
|
110
|
-
"link": "bun run link:local"
|
|
111
|
-
},
|
|
112
105
|
"peerDependencies": {
|
|
113
106
|
"@types/react": ">=18.0.0",
|
|
114
107
|
"react": ">=18.0.0",
|
|
115
|
-
"react-dom": ">=18.0.0"
|
|
108
|
+
"react-dom": ">=18.0.0",
|
|
109
|
+
"@elcrm/components": ">=0.2.14"
|
|
116
110
|
},
|
|
117
111
|
"peerDependenciesMeta": {
|
|
118
112
|
"@types/react": {
|
|
119
113
|
"optional": true
|
|
114
|
+
},
|
|
115
|
+
"@elcrm/components": {
|
|
116
|
+
"optional": true
|
|
120
117
|
}
|
|
121
|
-
},
|
|
122
|
-
"devDependencies": {
|
|
123
|
-
"@elcrm/storybook": "^0.0.3",
|
|
124
|
-
"@testing-library/dom": "^10.4.1",
|
|
125
|
-
"@testing-library/jest-dom": "^6.6.3",
|
|
126
|
-
"@testing-library/react": "^16.3.2",
|
|
127
|
-
"@testing-library/user-event": "^14.6.1",
|
|
128
|
-
"@types/node": "^22.13.10",
|
|
129
|
-
"@types/react": "^18.2.79",
|
|
130
|
-
"@types/react-dom": "^18.2.25",
|
|
131
|
-
"@vitejs/plugin-react": "^6.0.1",
|
|
132
|
-
"elcrm": "^1.0.0",
|
|
133
|
-
"jsdom": "^29.0.1",
|
|
134
|
-
"react": "^19.2.4",
|
|
135
|
-
"react-dom": "^19.2.4",
|
|
136
|
-
"typescript": "^5.8.2",
|
|
137
|
-
"vite": "^8.0.1",
|
|
138
|
-
"vite-plugin-dts": "^4.0.3",
|
|
139
|
-
"vite-plugin-dynamic-import": "^1.6.0",
|
|
140
|
-
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
141
|
-
"vitest": "^4.1.0"
|
|
142
118
|
}
|
|
143
119
|
}
|