UNPKG

react-cron-gen

Version:

[![Main Branch CD Pipeline](https://github.com/italomaio/react-cron-gen/actions/workflows/publish.yaml/badge.svg)](https://github.com/italomaio/react-cron-gen/actions/workflows/publish.yaml) [![npm version](https://img.shields.io/npm/v/react-cron-gen.svg)

1 lines 7.41 kB
{"version":3,"sources":["styles.css"],"names":[],"mappings":"AAAA,MACE,sBAAuB,CACvB,WACF,CAEA,kBACE,GACE,SACF,CACA,GACE,SACF,CACF,CAEA,mBACE,GACE,SACF,CACA,GACE,SACF,CACF,CAEA,kBACE,GACE,oBACF,CACA,GACE,kBACF,CACF,CAEA,mBACE,GACE,kBACF,CACA,GACE,oBACF,CACF,CAEA,0BACE,GACE,4BACF,CACA,GACE,uBACF,CACF,CAEA,6BACE,GACE,2BACF,CACA,GACE,uBACF,CACF,CAEA,2BACE,GACE,4BACF,CACA,GACE,uBACF,CACF,CAEA,4BACE,GACE,2BACF,CACA,GACE,uBACF,CACF,CAEA,gCAgBE,kBAAmB,CAfnB,4BAA6B,CAC7B,oCAAqC,CACrC,qBAAuB,CASvB,sCAAyC,CACzC,cAAe,CALf,YAAa,CAEb,iBAAmB,CACnB,eAAgB,CAFhB,QAAS,CAMT,6BAA8B,CAR9B,oBAAsB,CAOtB,aAGF,CAEA,yCACE,qBAAyB,CACzB,qBAAyB,CAGzB,eAAgB,CAFhB,UAAW,CACX,kBAEF,CAEA,gCAcE,uBAAwB,CAZxB,kBAAmB,CAEnB,4BAA6B,CAC7B,wBAAyB,CACzB,qBAAuB,CAIvB,sCAAyC,CATzC,YAAa,CAEb,6BAA8B,CAK9B,cAAe,CAGf,gBAAiB,CACjB,iBAAkB,CAHlB,cAAgB,CAMhB,oBAAqB,CAErB,8DAE6B,CAC7B,6BACF,CAEA,mDACE,YACF,CAEA,gEACE,qBACF,CAEA,iDACE,qEAGF,CAEA,mDACE,uEAGF,CAEA,mEACE,+CACF,CAEA,gEACE,kDACF,CAEA,kEACE,gDACF,CAEA,iEACE,iDACF,CAEA,iDACE,SAAU,CACV,8CACF,CAEA,mDACE,SAAU,CACV,oBACF,CAEA,6BAOE,4BAA6B,CAC7B,qBAAuB,CAEvB,iBAAmB,CACnB,eAAgB,CANhB,eAAgB,CAChB,gBAAiB,CAGjB,gBAAiB,CALjB,oBAAuB,CAQvB,iBAAkB,CAElB,+BACF,CAEA,mIAGE,wBACF,CAEA,uDAKE,UAAW,CAJX,WAAY,CACZ,aAAc,CAKd,UAAY,CAJZ,iBAAkB,CAClB,WAAa,CAEb,WAEF,CAEA,+CACE,YAAa,CACb,qBAA8B,CAC9B,kBAAmB,CACnB,kBAAmB,CACnB,iBAAkB,CAClB,WACF,CAEA,uBAME,4BAA6B,CAD7B,oCAAqC,CADrC,qBAAuB,CAOvB,sCAA2C,CAD3C,aAAc,CATd,YAAa,CAOb,eAAiB,CACjB,eAAgB,CAPhB,cAAe,CAKf,qBAAwB,CAKxB,0DAIF,CAEA,gCACE,wBAEF,CAEA,6CAEE,4BAA6B,CAD7B,QAAS,CAIT,uBAAwB,CAFxB,iBAAmB,CACnB,eAEF,CAEA,yCACE,6BACF,CAFA,oCACE,6BACF,CAEA,qCAEE,gCAAiC,CADjC,YAEF,CAEA,gCACE,kBAAmB,CACnB,UACF,CAEA,yBACE,uBACE,iBACF,CACF","file":"styles.css","sourcesContent":[":root {\n --input-border: #e5e7eb;\n --ring: gray;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n@keyframes zoomIn {\n from {\n transform: scale(0.95);\n } /* zoom-out-95 para o estado inicial de zoom */\n to {\n transform: scale(1);\n } /* zoom-in-95 para o estado final de zoom */\n}\n\n@keyframes zoomOut {\n from {\n transform: scale(1);\n }\n to {\n transform: scale(0.95);\n } /* zoom-out-95 */\n}\n\n@keyframes slideInFromTop {\n from {\n transform: translateY(-0.5rem);\n }\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes slideInFromBottom {\n from {\n transform: translateY(0.5rem);\n }\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes slideInFromLeft {\n from {\n transform: translateX(-0.5rem);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes slideInFromRight {\n from {\n transform: translateX(0.5rem);\n }\n to {\n transform: translateX(0);\n }\n}\n\n.react-cron-gen__select-trigger {\n background-color: transparent;\n border: 1px solid var(--input-border);\n border-radius: 0.375rem;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n display: flex;\n gap: 1rem;\n font-size: 0.875rem;\n font-weight: 300;\n box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n cursor: pointer;\n width: 11.5rem;\n justify-content: space-between;\n align-items: center;\n}\n\n.react-cron-gen__select-trigger:disabled {\n background-color: #eeeeee;\n border: 1px solid #dddddd;\n color: gray;\n cursor: not-allowed;\n box-shadow: none;\n}\n\n.react-cron-gen__select-content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: transparent;\n border: 1px solid #e5e7eb;\n border-radius: 0.125rem;\n padding: 0;\n margin-top: 2px;\n padding: 0.25rem;\n box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n max-height: 15rem;\n overflow-y: scroll;\n\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n transition:\n opacity 150ms ease-in-out,\n transform 150ms ease-in-out;\n will-change: opacity, transform;\n}\n\n.react-cron-gen__select-content::-webkit-scrollbar {\n display: none;\n}\n\n.react-cron-gen__select-content > div[data-radix-select-viewport] {\n padding: 8px !important;\n}\n\n.react-cron-gen__select-content[data-state=\"open\"] {\n animation:\n fadeIn 150ms ease-out forwards,\n zoomIn 150ms ease-out forwards;\n}\n\n.react-cron-gen__select-content[data-state=\"closed\"] {\n animation:\n fadeOut 150ms ease-out forwards,\n zoomOut 150ms ease-out forwards;\n}\n\n.react-cron-gen__select-content[data-state=\"open\"][data-side=\"bottom\"] {\n animation: slideInFromTop 150ms ease-out forwards;\n}\n\n.react-cron-gen__select-content[data-state=\"open\"][data-side=\"top\"] {\n animation: slideInFromBottom 150ms ease-out forwards;\n}\n\n.react-cron-gen__select-content[data-state=\"open\"][data-side=\"right\"] {\n animation: slideInFromLeft 150ms ease-out forwards;\n}\n\n.react-cron-gen__select-content[data-state=\"open\"][data-side=\"left\"] {\n animation: slideInFromRight 150ms ease-out forwards;\n}\n\n.react-cron-gen__select-content[data-state=\"open\"] {\n opacity: 1;\n transform: scale(1) translateX(0) translateY(0);\n}\n\n.react-cron-gen__select-content[data-state=\"closed\"] {\n opacity: 0;\n transform: scale(0.95);\n}\n\n.react-cron-gen__select-item {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n margin-left: 3px;\n margin-right: 3px;\n background-color: transparent;\n border-radius: 0.125rem;\n min-width: 9.5rem;\n font-size: 0.875rem;\n font-weight: 300;\n position: relative;\n\n transition: all 150ms ease-in-out;\n}\n\n.react-cron-gen__select-item[data-state=\"checked\"],\n.react-cron-gen__select-item[data-highlighted],\n.react-cron-gen__select-item:hover {\n background-color: rgb(245, 245, 245);\n}\n\n.react-cron-gen__select-item[data-state=\"checked\"]::after {\n content: \"\";\n display: block;\n position: absolute;\n right: 0.5rem;\n bottom: 5px;\n z-index: 999;\n opacity: 0.5;\n}\n\n.react-cron-gen__select-item[data-highlighted] {\n outline: auto;\n outline-color: rgb(56, 56, 56);\n outline-offset: 1px;\n outline-style: auto;\n outline-width: 2px;\n z-index: 998;\n}\n\n.react-cron-gen__input {\n display: flex;\n height: 2.55rem;\n /* width: 100%; */\n border-radius: 0.375rem;\n border: 1px solid var(--input-border);\n background-color: transparent;\n padding: 0.25rem 0.75rem;\n font-size: 0.8rem;\n font-weight: 500;\n color: #374151;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n transition:\n color 0.2s,\n background-color 0.2s,\n border-color 0.2s;\n}\n\n.react-cron-gen__input:disabled {\n background-color: rgb(210, 210, 210);\n cursor: not-allowed;\n}\n\n.react-cron-gen__input::file-selector-button {\n border: 0;\n background-color: transparent;\n font-size: 0.875rem; /* file:text-sm */\n font-weight: 500; /* file:font-medium */\n color: var(--foreground); /* file:text-foreground */\n}\n\n.react-cron-gen__input::placeholder {\n color: var(--muted-foreground); /* placeholder:text-muted-foreground */\n}\n\n.react-cron-gen__input:focus-visible {\n outline: none;\n box-shadow: 0 0 0 2px var(--ring); /* focus-visible:ring-1 and ring-ring */\n}\n\n.react-cron-gen__input:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n@media (min-width: 768px) {\n .react-cron-gen__input {\n font-size: 0.875rem;\n }\n}\n"]}