@carbon/ibm-products-web-components/es-custom/components/edit-in-place/edit-in-place.scss.js

Carbon for IBM Products Web Components

/**
 * Copyright IBM Corp. 2020, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

import { css } from "lit";
//#region src/components/edit-in-place/edit-in-place.scss?lit
var edit_in_place_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-custom-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-custom-background,#fff);color:var(--cds-custom-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-custom-heading-06-font-size,2.625rem);font-weight:var(--cds-custom-heading-06-font-weight,300);letter-spacing:var(--cds-custom-heading-06-letter-spacing,0);line-height:var(--cds-custom-heading-06-line-height,1.199)}h2{font-size:var(--cds-custom-heading-05-font-size,2rem);font-weight:var(--cds-custom-heading-05-font-weight,400);letter-spacing:var(--cds-custom-heading-05-letter-spacing,0);line-height:var(--cds-custom-heading-05-line-height,1.25)}h3{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}h4{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}h5{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}p{font-size:var(--cds-custom-body-02-font-size,1rem);font-weight:var(--cds-custom-body-02-font-weight,400);letter-spacing:var(--cds-custom-body-02-letter-spacing,0);line-height:var(--cds-custom-body-02-line-height,1.5)}a{color:var(--cds-custom-link-primary,#0062fe)}em{font-style:italic}.c4p--edit-in-place{--c4p--edit-in-place--size:2rem;align-items:center;background:transparent;cursor:pointer;display:flex}.c4p--edit-in-place--sm{--c4p--edit-in-place--size:2.5rem}.c4p--edit-in-place--md{--c4p--edit-in-place--size:3rem}.c4p--edit-in-place--lg{--c4p--edit-in-place--size:4rem}.c4p--edit-in-place__toggletip-wrapper,.c4p--edit-in-place__toggletip-wrapper .cds-custom--toggletip-button{display:block;inline-size:100%}.c4p--edit-in-place:hover{background:var(--cds-custom-field-01,#f4f4f4)}.c4p--edit-in-place:hover .c4p--edit-in-place__btn-edit,.c4p--edit-in-place__btn-edit.c4p--edit-in-place__btn-edit--always-visible{visibility:visible}.c4p--edit-in-place--invalid{border:2px solid var(--cds-custom-support-error,#da1e28)}.c4p--edit-in-place--focused{background:var(--cds-custom-field-01,#f4f4f4)}.c4p--edit-in-place--focused:has(.c4p--edit-in-place__text-input:focus){outline:2px solid var(--cds-custom-focus,#0f62fe)}.c4p--edit-in-place--invalid.c4p--edit-in-place--focused{border:none}.c4p--edit-in-place__text-input{flex:1}.c4p--edit-in-place--inherit-type .c4p--edit-in-place__text-input{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.c4p--edit-in-place__text-input-label{display:none}.c4p--edit-in-place__warning-icon{color:var(--cds-custom-support-error,#da1e28);inline-size:1rem;margin:auto .5rem}.c4p--edit-in-place__warning-text{color:var(--cds-custom-support-error,#da1e28);font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin-block-start:.5rem}.c4p--edit-in-place__text-input.cds-custom--text-input{background:transparent;border:none;cursor:pointer;outline:none}.c4p--edit-in-place:not(.c4p--edit-in-place--focused) .c4p--edit-in-place__text-input.cds-custom--text-input:active,.c4p--edit-in-place:not(.c4p--edit-in-place--focused) .c4p--edit-in-place__text-input.cds-custom--text-input:focus{outline:none}.c4p--edit-in-place__toolbar{--toolbar-width:var(--c4p--edit-in-place--size);--toolbar-width-focussed:calc(var(--c4p--edit-in-place--size)*2);align-self:stretch;display:inline-flex;inline-size:var(--toolbar-width)}.c4p--edit-in-place__toolbar .cds-custom--btn.cds-custom--btn--icon-only:not(cds-custom-icon-button){block-size:var(--c4p--edit-in-place--size);inline-size:var(--c4p--edit-in-place--size);min-block-size:unset;padding:0}.c4p--edit-in-place__toolbar cds-custom-icon-button::part(button){padding:.25rem}.c4p--edit-in-place--invalid .c4p--edit-in-place__toolbar{--toolbar-width:calc(var(--c4p--edit-in-place--size) + 2rem);--toolbar-width-focussed:calc(var(--c4p--edit-in-place--size)*2 + 2rem)}@keyframes slide-in{0%{inline-size:var(--toolbar-width);overflow:hidden}99%{inline-size:var(--toolbar-width-focussed);overflow:hidden}to{inline-size:var(--toolbar-width-focussed);overflow:visible}}.c4p--edit-in-place--focused:not(.c4p--edit-in-place--readonly) .c4p--edit-in-place__toolbar{animation:slide-in .15s cubic-bezier(0,0,.38,.9);inline-size:var(--toolbar-width-focussed);overflow:initial}:host(c4p-edit-in-place){display:block}.c4p--edit-in-place__container{align-items:center;background:transparent;cursor:pointer;display:flex;padding:0 0 0 1rem}.c4p--edit-in-place__container:hover{background:var(--cds-custom-field-01,#f4f4f4)}.c4p--edit-in-place__container.c4p--edit-in-place--focused{background:var(--cds-custom-field-01,#f4f4f4);outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:0}.c4p--edit-in-place__container.c4p--edit-in-place--focused:has(.c4p--edit-in-place__btn:focus-within){outline:none}.c4p--edit-in-place__container.c4p--edit-in-place--invalid{border:2px solid var(--cds-custom-support-error,#da1e28);padding:0 0 0 1rem}.c4p--edit-in-place__container.c4p--edit-in-place--invalid.c4p--edit-in-place--focused{border:none}.c4p--edit-in-place__text-input,.c4p--edit-in-place__text-input:focus{outline:none}.c4p--edit-in-place__btn-edit{visibility:hidden}.c4p--edit-in-place__btn-edit.c4p--edit-in-place__btn-edit--always-visible,.c4p--edit-in-place__container:hover .c4p--edit-in-place__btn-edit{visibility:visible}.c4p--edit-in-place__toolbar{justify-content:end}.c4p--edit-in-place__toolbar cds-custom-icon-button{align-items:stretch;block-size:100%;display:flex;min-block-size:unset;padding:0}.c4p--edit-in-place__toolbar .c4p--edit-in-place__btn-cancel::part(button),.c4p--edit-in-place__toolbar .c4p--edit-in-place__btn-save::part(button){border:transparent}.c4p--edit-in-place__toolbar .c4p--edit-in-place__btn-cancel::part(button):hover,.c4p--edit-in-place__toolbar .c4p--edit-in-place__btn-save::part(button):hover{border:transparent}.c4p--edit-in-place__toolbar .c4p--edit-in-place__btn-cancel::part(button):focus,.c4p--edit-in-place__toolbar .c4p--edit-in-place__btn-save::part(button):focus{border:transparent;outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}.c4p--edit-in-place__toolbar .c4p--edit-in-place__btn-cancel::part(button):disabled,.c4p--edit-in-place__toolbar .c4p--edit-in-place__btn-save::part(button):disabled{border:transparent;opacity:.5}.c4p--edit-in-place__toggletip-wrapper{display:flex;flex:1}.c4p--edit-in-place__toggletip-wrapper button[slot=tooltip-trigger]{all:unset;cursor:pointer;display:flex;flex:1}"]);
//#endregion
export { edit_in_place_default as default };

//# sourceMappingURL=edit-in-place.scss.js.map