UNPKG

@gravityforms/components

Version:

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

1 lines 19.1 kB
{"version":3,"sources":["dropdown.css"],"names":[],"mappings":"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","file":"dropdown.css","sourcesContent":[".gform-admin {\n\n\t/* HTML Dropdown styles */\n\t.gform-dropdown {\n\t\tbox-sizing: border-box;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tposition: relative;\n\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t&.gform-dropdown--position-top {\n\n\t\t\t.gform-dropdown__container {\n\t\t\t\tborder-block-end: 0;\n\t\t\t\tborder-block-start: 0.0625rem solid var(--gform-admin-color-snuff);\n\t\t\t\tborder-end-end-radius: 0;\n\t\t\t\tborder-end-start-radius: 0;\n\t\t\t\tborder-start-end-radius: 0.1875rem;\n\t\t\t\tborder-start-start-radius: 0.1875rem;\n\t\t\t\tbox-shadow: 0 -0.125rem 0.75rem rgba(28, 31, 63, 0.09);\n\t\t\t\tinset-block-end: 40px;\n\t\t\t\tinset-block-start: auto;\n\n\t\t\t\t&::before {\n\t\t\t\t\tinset-block-end: -5px;\n\t\t\t\t\tinset-block-start: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-dropdown__control {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tblock-size: 2.375rem;\n\t\tborder: 0.0625rem solid var(--gform-admin-color-snuff);\n\t\tborder-radius: 0.1875rem;\n\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tinline-size: 100%;\n\t\tline-height: 1.1;\n\t\tpadding-block: 0;\n\t\tpadding-inline: 1rem 2.25rem;\n\t\tposition: relative;\n\t\tz-index: 1;\n\n\t\t&:focus {\n\t\t\tborder-color: var(--gform-admin-color-gravity-blue);\n\t\t\tbox-shadow: 0 0 0 2px var(--gform-admin-color-focus);\n\t\t\toutline: none;\n\t\t}\n\n\t\t&.gform-dropdown__control--placeholder {\n\n\t\t\t.gform-dropdown__control-text {\n\t\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\t\tfont-weight: var(--gform-admin-font-weight-normal);\n\t\t\t}\n\t\t}\n\n\t\t.gform-dropdown__chevron,\n\t\t.gform-dropdown__spinner {\n\t\t\talign-items: center;\n\t\t\tbackground-size: 16px 16px;\n\t\t\tblock-size: 100%;\n\t\t\tcolor: var(--gform-admin-color-amethyst-smoke);\n\t\t\tfont-size: 1.375rem;\n\t\t\tinline-size: 2.25rem;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-inline-end: 0;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\ttransition: var(--gform-admin-transition-color);\n\t\t}\n\n\t\t.gform-dropdown__chevron {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\n\t.gform-dropdown__group {\n\t\tline-height: normal;\n\t\tpadding-block-start: 0.6875rem;\n\t}\n\n\t.gform-dropdown__group .gform-dropdown__trigger {\n\t\tpadding-inline-start: 1.75rem;\n\t}\n\n\t.gform-dropdown__control-text,\n\t.gform-dropdown__group-text {\n\t\tcolor: var(--gform-admin-color-port);\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\tfont-weight: var(--gform-common-font-weight-medium);\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n\n\t.gform-dropdown__group-text {\n\t\tpadding-inline-start: 0.875rem;\n\t}\n\n\t.gform-dropdown__container {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 0.0625rem solid var(--gform-admin-color-snuff);\n\t\tborder-block-start: 0;\n\t\tborder-end-end-radius: 0.1875rem;\n\t\tborder-end-start-radius: 0.1875rem;\n\t\tbox-shadow: var(--gform-admin-box-shadow-small);\n\t\tbox-sizing: border-box;\n\t\tdisplay: none;\n\t\tinline-size: 100%;\n\t\tinset-block-start: 2.3125rem;\n\t\topacity: 0;\n\t\toutline: none;\n\t\tpadding-block-start: 0.25rem;\n\t\tposition: absolute;\n\t\ttransition: var(--gform-admin-transition-dropdown);\n\t\tz-index: 2;\n\n\t\t&::before {\n\t\t\tbackground: var(--gform-admin-color-white);\n\t\t\tblock-size: 0.5rem;\n\t\t\tborder-inline: 0.0625rem solid var(--gform-admin-color-snuff);\n\t\t\tcontent: \"\";\n\t\t\tinline-size: 100%;\n\t\t\tinset-block-start: -0.5rem;\n\t\t\tinset-inline-start: -1px;\n\t\t\tposition: absolute;\n\t\t\tz-index: 3;\n\t\t}\n\t}\n\n\t.gform-dropdown--align-left .gform-dropdown__container {\n\t\tinset-inline-start: 0;\n\t}\n\n\t.gform-dropdown--align-right .gform-dropdown__container {\n\t\tinset-inline-end: 0;\n\t}\n\n\t.gform-dropdown__list-container {\n\t\tmax-block-size: 14.0625rem;\n\t\toverflow-y: auto;\n\t}\n\n\t.gform-dropdown__item {\n\t\tmargin: 0;\n\t}\n\n\t.gform-dropdown__search-icon {\n\t\tcolor: var(--gform-admin-color-amethyst-smoke);\n\t\tfont-size: 1.5rem;\n\t\tinset-block-start: 0.75rem;\n\t\tinset-inline-end: 1rem;\n\t\tposition: absolute;\n\t\ttransition: var(--gform-admin-transition-color);\n\t}\n\n\t.gform-dropdown__search {\n\t\tborder-block-end: 1px solid var(--gform-admin-color-white-lilac);\n\t\tpadding-block: 0.375rem 0.875rem;\n\t\tpadding-inline: 0.625rem;\n\t\tposition: relative;\n\n\t\t.gform-dropdown__search-input {\n\t\t\tinline-size: 100%;\n\t\t\tpadding-inline-end: 2.125rem;\n\t\t}\n\n\t\t&:focus-within {\n\n\t\t\t.gform-dropdown__search-icon {\n\t\t\t\tcolor: var(--gform-admin-color-gravity-blue);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-dropdown__list {\n\t\tlist-style-type: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.gform-dropdown__trigger {\n\t\tbackground: transparent;\n\t\tborder: 0;\n\t\tborder-inline-start: 0.1875rem solid transparent;\n\t\tcolor: var(--gform-admin-color-port);\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\tinline-size: 100%;\n\t\toutline: none;\n\t\tpadding-block: 0.6875rem;\n\t\tpadding-inline: 0.875rem 1rem;\n\t\ttext-align: start;\n\t\ttransition: var(--gform-admin-transition-hover);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t\tborder-inline-start-color: var(--gform-admin-color-gravity-blue);\n\t\t}\n\t}\n\n\t.gform-dropdown__trigger-text {\n\t\t-webkit-box-orient: vertical;\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t.gform-dropdown--show-spinner {\n\n\t\t.gform-dropdown__chevron {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.gform-dropdown__spinner {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\n\t.gform-dropdown--reveal {\n\n\t\t.gform-dropdown__container {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\n\t.gform-dropdown--hide {\n\n\t\t.gform-dropdown__container {\n\t\t\tdisplay: block;\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t.gform-dropdown--open {\n\n\t\t.gform-dropdown__chevron {\n\t\t\tcolor: var(--gform-admin-color-port);\n\t\t\ttransform: rotate(180deg);\n\t\t}\n\n\t\t.gform-dropdown__control {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-small);\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: var(--gform-admin-color-snuff);\n\t\t\t}\n\t\t}\n\n\t\t.gform-dropdown__container {\n\t\t\tdisplay: block;\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t/* React Dropdown styles */\n\t.gform-dropdown--react {\n\n\t\t&,\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t&.gform-dropdown--reveal {\n\n\t\t\t.gform-dropdown__popover {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-dropdown--open {\n\n\t\t\t.gform-dropdown__popover {\n\t\t\t\tdisplay: block;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-dropdown--hide {\n\n\t\t\t.gform-dropdown__popover {\n\t\t\t\tdisplay: block;\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t}\n\n\t\t.gform-dropdown__label {\n\t\t\tcursor: default;\n\t\t\tmargin-block-end: 0.375rem;\n\t\t}\n\n\t\t.gform-dropdown__trigger-wrapper {\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.simplebar-content {\n\t\t\tpadding: 0 !important;\n\t\t}\n\n\t\t.gform-dropdown__trigger {\n\t\t\talign-items: center;\n\t\t\tbackground: var(--gform-admin-color-white);\n\t\t\tborder: 1px solid var(--gform-admin-color-santas);\n\t\t\tborder-radius: 3px;\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-input-hover);\n\t\t\tcursor: pointer;\n\t\t\tdisplay: flex;\n\t\t\tgap: 0.375rem;\n\t\t\tinline-size: 100%;\n\t\t\tjustify-content: flex-start;\n\t\t\toutline: inherit;\n\t\t\tpadding-block: var(--gform-admin-spacer-2);\n\t\t\tpadding-inline: var(--gform-admin-spacer-3) var(--gform-admin-spacer-8);\n\t\t\tposition: relative;\n\t\t\ttransition: none;\n\n\t\t\t&::after {\n\t\t\t\tbackground: center / contain no-repeat url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"21\" fill=\"none\"%3E%3Cpath fill=\"%239092B0\" fill-rule=\"evenodd\" d=\"M5.293 7.793a1 1 0 0 1 1.414 0L10 11.086l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414Z\" clip-rule=\"evenodd\"/%3E%3C/svg%3E'); /* stylelint-disable-line */\n\t\t\t\tblock-size: 1.3125rem;\n\t\t\t\tcontent: \"\";\n\t\t\t\tinline-size: 1.25rem;\n\t\t\t\tinset-inline-end: 0.75rem;\n\t\t\t\tpointer-events: none;\n\t\t\t\tposition: absolute;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t\t\tborder-color: var(--gform-admin-color-snuff);\n\t\t\t\tcolor: var(--gform-admin-color-santas);\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\n\t\t.gform-dropdown__trigger-before-label,\n\t\t.gform-dropdown__trigger-after-label {\n\t\t\tblock-size: 1.25rem;\n\t\t\tflex: none;\n\t\t\tinline-size: 1.25rem;\n\t\t}\n\n\t\t.gform-dropdown__trigger-label {\n\t\t\tflex: auto;\n\t\t}\n\n\t\t&.gform-dropdown--size-r .gform-dropdown__trigger {\n\t\t\tblock-size: 2.1875rem;\n\n\t\t\t&::after {\n\t\t\t\tinset-block-start: 0.4375rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-dropdown--size-l .gform-dropdown__trigger {\n\t\t\tblock-size: 2.375rem;\n\n\t\t\t&::after {\n\t\t\t\tinset-block-start: 0.5rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-dropdown--size-xl .gform-dropdown__trigger {\n\t\t\tblock-size: 2.9375rem;\n\n\t\t\t&::after {\n\t\t\t\tinset-block-start: 0.8125rem;\n\t\t\t}\n\t\t}\n\n\t\t.gform-dropdown__pills {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tgap: var(--gform-admin-spacer-2);\n\t\t\tinline-size: 100%;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\tpadding-block: var(--gform-admin-spacer-1);\n\t\t\tpadding-inline: var(--gform-admin-spacer-3) var(--gform-admin-spacer-8);\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t}\n\n\t\t.gform-dropdown__pill {\n\t\t\tpointer-events: auto;\n\t\t}\n\n\t\t.gform-dropdown__popover-wrapper {\n\t\t\tposition: relative;\n\t\t\ttop: var(--gform-admin-spacer-2);\n\t\t}\n\n\t\t.gform-dropdown__popover {\n\t\t\tbackground: var(--gform-admin-color-white);\n\t\t\tborder-radius: 3px;\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-popup);\n\t\t\tdisplay: none;\n\t\t\tinline-size: 100%;\n\t\t\topacity: 0;\n\t\t\toverflow: hidden;\n\t\t\tpadding-block: var(--gform-admin-spacer-2);\n\t\t\tposition: absolute;\n\t\t\ttransition: opacity 0.15s ease;\n\t\t\tz-index: 12;\n\t\t}\n\n\t\t&.gform-dropdown--popover-position-top {\n\n\t\t\t&.gform-dropdown--size-xl {\n\n\t\t\t\t.gform-dropdown__popover {\n\t\t\t\t\ttransform: translateY(calc(-63px + -100%));\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.gform-dropdown--size-l {\n\n\t\t\t\t.gform-dropdown__popover {\n\t\t\t\t\ttransform: translateY(calc(-55px + -100%));\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.gform-dropdown--size-r {\n\n\t\t\t\t.gform-dropdown__popover {\n\t\t\t\t\ttransform: translateY(calc(-50px + -100%));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.gform-dropdown__popover-simplebar {\n\t\t\tpadding-block-end: 1rem;\n\n\t\t\t[data-simplebar] {\n\t\t\t\theight: 100%;\n\t\t\t\toverflow-y: auto;\n\n\t\t\t\t.gform-dropdown__list {\n\t\t\t\t\toverflow: visible;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.gform-dropdown__search-wrapper {\n\t\t\tmargin-block-end: var(--gform-admin-spacer-1);\n\t\t\tpadding-block: var(--gform-admin-spacer-2);\n\t\t\tpadding-inline: var(--gform-admin-spacer-4);\n\t\t}\n\n\t\t.gform-dropdown__search {\n\t\t\tinline-size: 100%;\n\t\t}\n\n\t\t.gform-dropdown__list {\n\t\t\tmargin-block: calc(var(--gform-admin-spacer-2) * -1);\n\t\t\toverflow-y: auto;\n\t\t\tpadding-block: var(--gform-admin-spacer-2);\n\n\t\t\t&:focus-visible {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-dropdown--has-search {\n\n\t\t\t.gform-dropdown__list {\n\t\t\t\tmargin-block-start: calc(var(--gform-admin-spacer-1) * -1);\n\t\t\t\tpadding-block-start: var(--gform-admin-spacer-1);\n\t\t\t}\n\t\t}\n\n\t\t.gform-dropdown__list-group:not(:last-child) {\n\t\t\tmargin-block-end: var(--gform-admin-spacer-1);\n\t\t}\n\n\t\t.gform-dropdown__list-group-label {\n\t\t\tborder-block-end: 1px solid var(--gform-admin-color-snuff);\n\t\t\tmargin-block-end: var(--gform-admin-spacer-3);\n\t\t\tpadding-block: var(--gform-admin-spacer-2);\n\t\t\tpadding-inline: var(--gform-admin-spacer-4);\n\t\t}\n\n\t\t.gform-dropdown__list-item {\n\t\t\tcursor: pointer;\n\t\t\tpadding-block: var(--gform-admin-spacer-1);\n\t\t\tpadding-inline: var(--gform-admin-spacer-2);\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tmargin-block-end: var(--gform-admin-spacer-1);\n\t\t\t}\n\n\t\t\t&:focus-visible {\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t&[data-active-item] .gform-dropdown__list-item-inner {\n\t\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t\t\tborder-color: var(--gform-admin-color-light-blue);\n\t\t\t}\n\n\t\t\t&:active .gform-dropdown__list-item-inner {\n\t\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t\t\tborder-color: var(--gform-admin-color-snuff);\n\t\t\t}\n\t\t}\n\n\t\t.gform-dropdown__list-item-inner {\n\t\t\talign-items: center;\n\t\t\tbackground: var(--gform-admin-color-white);\n\t\t\tborder: 1px solid var(--gform-admin-color-white);\n\t\t\tborder-radius: 3px;\n\t\t\tdisplay: flex;\n\t\t\tgap: 0.375rem;\n\t\t\tjustify-content: flex-start;\n\t\t\tpadding-block: 0.1875rem;\n\t\t\tpadding-inline: 0.4375rem;\n\t\t}\n\n\t\t.gform-dropdown__list-item-before-label,\n\t\t.gform-dropdown__list-item-after-label {\n\t\t\tblock-size: 1.25rem;\n\t\t\tdisplay: flex;\n\t\t\tflex: none;\n\t\t\tfont-size: 1.25rem;\n\t\t\tinline-size: 1.25rem;\n\t\t}\n\n\t\t.gform-dropdown__list-item-label {\n\t\t\tflex: auto;\n\t\t}\n\t}\n}\n\nhtml[dir=\"rtl\"] .gform-admin {\n\n\t.gform-dropdown__control {\n\t\tpadding: 0 1rem 0 2.25rem;\n\n\t\t.gform-dropdown__chevron,\n\t\t.gform-dropdown__spinner {\n\t\t\tleft: 0;\n\t\t\tright: auto;\n\t\t}\n\t}\n\n\t.gform-dropdown__search {\n\n\t\t.gform-dropdown__search-input {\n\t\t\tpadding-left: 2.125rem;\n\t\t\tpadding-right: 1rem;\n\t\t}\n\t}\n\n\t.gform-dropdown__search-icon {\n\t\tleft: 1rem;\n\t\tright: auto;\n\t}\n\n\t.gform-dropdown__trigger {\n\t\tborder-left: 0;\n\t\tborder-right: 0.1875rem solid transparent;\n\t\ttext-align: right;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tborder-right-color: var(--gform-admin-color-gravity-blue);\n\t\t}\n\t}\n\n\t.gform-dropdown__group .gform-dropdown__trigger {\n\t\tpadding-left: 0.875rem;\n\t\tpadding-right: 1.75rem;\n\t}\n\n\t.gform-dropdown__group-text {\n\t\tpadding-left: 0;\n\t\tpadding-right: 0.875rem;\n\t}\n}\n"]}