@gravityforms/components/dist/css/admin/status-indicator.css.map

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

{"version":3,"sources":["status-indicator.css"],"names":[],"mappings":"AAEC;EACC,mBAAmB;EACnB,mBAAgD;EAChD,yBAAyD;EACzD,cAAoC;EACpC,eAAe;EACf,oBAAoB;EACpB,uIAAgD;EAChD,iCAAiC;EACjC,mBAAmB;EACnB,WAAW;CAuFZ;;EArFC;GACC,mBAAyC;GACzC,oBAAoB;GACpB,kBAAkB;GAClB,WAAW;GACX,qBAAqB;GACrB,qBAAqB;GACrB,iCAAiC;EAClC;;EAEA;GACC,YAAY;GACZ,gBAAgB;EACjB;;EAEA;GACC,kBAAkB;EACnB;;EAEA;GAEC,mBAAyC;GACzC,qBAA8C;GAC9C,cAAsC;EAKvC;;EAHC;IACC,mBAAkD;GACnD;;EAGD;GACC,mBAAmD;GACnD,qBAA0C;GAC1C,cAAmC;EAKpC;;EAHC;IACC,mBAAwC;GACzC;;EAGD;GACC,mBAAmD;GACnD,qBAA6C;GAC7C,cAA2C;EAK5C;;EAHC;IACC,mBAAgD;GACjD;;EAGD;GACC,mBAAgD;GAChD,qBAAqD;GACrD,cAAoC;EAKrC;;EAHC;IACC,mBAA0C;GAC3C;;EAGD;GACC,mBAA4C;GAC5C,qBAA+C;GAC/C,cAAwC;EAKzC;;EAHC;IACC,mBAA6C;GAC9C;;EAGD;GACC,oBAAoB;EACrB;;EAEA;GACC,aAAa;EACd;;EAEA;GAGC,qBAAmD;GACnD,6BAAqD;GACrD,aAAa;EACd;;CAGD;EACC,sBAAsB;EACtB,YAAY;EACZ,wBAAwB;EACxB,+BAA+B;CAKhC;;CAHC;GACC,4BAA4B;EAC7B;;CAGD;EACC,wBAAwB;EACxB,aAAa;EACb,wBAAwB;EACxB,+BAA+B;CAKhC;;CAHC;GACC,8BAA8B;EAC/B;;CAGD;EACC,wBAAwB;EACxB,aAAa;EACb,wBAAwB;EACxB,gCAAgC;CAKjC;;CAHC;GACC,6BAA6B;EAC9B;;CAGD;EACC,qBAAqB;CACtB","file":"status-indicator.css","sourcesContent":[".gform-admin {\n\n\t.gform-status-indicator {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-white-lilac);\n\t\tborder: 1px solid var(--gform-admin-color-porcelain-gray);\n\t\tcolor: var(--gform-admin-color-port);\n\t\tcursor: pointer;\n\t\tdisplay: inline-flex;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\ttransition: all ease-in-out 200ms;\n\t\twhite-space: nowrap;\n\t\twidth: auto;\n\n\t\t&::before {\n\t\t\tbackground: var(--gform-admin-color-port);\n\t\t\tblock-size: 0.375rem;\n\t\t\tborder-radius: 50%;\n\t\t\tcontent: \"\";\n\t\t\tdisplay: inline-block;\n\t\t\tinline-size: 0.375rem;\n\t\t\ttransition: all ease-in-out 200ms;\n\t\t}\n\n\t\t&.gform-status--no-hover {\n\t\t\tcursor: auto;\n\t\t\ttransition: none;\n\t\t}\n\n\t\t&.gform-status--no-pill {\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\t\t&.gform-status--active,\n\t\t&.gform-status--success {\n\t\t\tbackground: var(--gform-admin-color-feta);\n\t\t\tborder-color: var(--gform-admin-color-emerald);\n\t\t\tcolor: var(--gform-admin-color-hunter);\n\n\t\t\t&::before {\n\t\t\t\tbackground: var(--gform-admin-color-primary-green);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-status--error {\n\t\t\tbackground: var(--gform-admin-color-background-red);\n\t\t\tborder-color: var(--gform-admin-color-red);\n\t\t\tcolor: var(--gform-admin-color-red);\n\n\t\t\t&::before {\n\t\t\t\tbackground: var(--gform-admin-color-red);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-status--warning {\n\t\t\tbackground: var(--gform-admin-color-sazerac-yellow);\n\t\t\tborder-color: var(--gform-admin-color-yellow);\n\t\t\tcolor: var(--gform-admin-color-orange-soda);\n\n\t\t\t&::before {\n\t\t\t\tbackground: var(--gform-admin-color-orange-soda);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-status--gray {\n\t\t\tbackground: var(--gform-admin-color-titan-white);\n\t\t\tborder-color: var(--gform-admin-color-porcelain-gray);\n\t\t\tcolor: var(--gform-admin-color-port);\n\n\t\t\t&::before {\n\t\t\t\tbackground: var(--gform-admin-color-comet);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-status--blue {\n\t\t\tbackground: var(--gform-admin-color-blue-50);\n\t\t\tborder-color: var(--gform-admin-color-blue-200);\n\t\t\tcolor: var(--gform-admin-color-blue-700);\n\n\t\t\t&::before {\n\t\t\t\tbackground: var(--gform-admin-color-blue-500);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-status--static {\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t&.gform-status--no-icon::before {\n\t\t\tcontent: none;\n\t\t}\n\n\t\t&:not(.gform-status--no-hover):focus,\n\t\t&:not(.gform-status--no-hover):hover,\n\t\t&:not(.gform-status--no-hover):active {\n\t\t\tborder-color: var(--gform-admin-color-gravity-blue);\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-focus-light);\n\t\t\toutline: none;\n\t\t}\n\t}\n\n\t.gform-status-indicator--size-sm {\n\t\tborder-radius: 0.75rem;\n\t\tgap: 0.25rem;\n\t\tpadding-block: 0.0625rem;\n\t\tpadding-inline: 0.375rem 0.5rem;\n\n\t\t&.gform-status--no-icon {\n\t\t\tpadding-inline-start: 0.5rem;\n\t\t}\n\t}\n\n\t.gform-status-indicator--size-md {\n\t\tborder-radius: 0.8125rem;\n\t\tgap: 0.375rem;\n\t\tpadding-block: 0.0625rem;\n\t\tpadding-inline: 0.5rem 0.625rem;\n\n\t\t&.gform-status--no-icon {\n\t\t\tpadding-inline-start: 0.625rem;\n\t\t}\n\t}\n\n\t.gform-status-indicator--size-lg {\n\t\tborder-radius: 0.9375rem;\n\t\tgap: 0.375rem;\n\t\tpadding-block: 0.1875rem;\n\t\tpadding-inline: 0.625rem 0.75rem;\n\n\t\t&.gform-status--no-icon {\n\t\t\tpadding-inline-start: 0.75rem;\n\t\t}\n\t}\n\n\t.wp-list-table .gform-status-indicator {\n\t\tmargin-left: 0.375rem;\n\t}\n}\n"]}