rhino-editor/exports/styles/rhino-editor.css.map

A custom element wrapped rich text editor

{
  "version": 3,
  "sources": ["../../src/exports/styles/rhino-editor.css"],
  "sourcesContent": ["/* THIS FILE IS AUTO-GENERATED. DO NOT EDIT BY HAND! */\n\n/* src/exports/styles/editor.js:hostStyles */\n\n  :host,\n  .trix-content {\n    /* General tokens */\n    --rhino-focus-ring: 0px 0px 1px 1px var(--rhino-button-active-border-color);\n    --rhino-border-radius: 4px;\n\n    --rhino-danger-border-color: red;\n    --rhino-danger-background-color: #ffdddd;\n\n    /* Editor tokens */\n    --rhino-text-color: #374151;\n    --rhino-dark-text-color: white;\n\n    --rhino-border-color: #cecece;\n    --rhino-placeholder-text-color: #cecece;\n    --rhino-dark-placeholder-text-color: gray;\n\n    /* Regular buttons */\n    --rhino-button-text-color: #889;\n    --rhino-button-dark-text-color: #eee;\n    --rhino-button-border-color: #cecece;\n\n    /** Disabled Buttons */\n    --rhino-button-disabled-text-color: #d1d5db;\n    --rhino-button-disabled-border-color: #d1d5db;\n    --rhino-button-disabled-background-color: #d1d5db;\n\n    /** Active buttons */\n    --rhino-button-active-border-color: #005a9c;\n    --rhino-button-active-background-color: rgb(226 239 255);\n\n    --rhino-toolbar-text-color: hsl(219, 6%, 43%);\n    --rhino-toolbar-icon-size: 1em;\n\n    --rhino-dialog-border-color: hsl(\n      var(--rhino-button-focus-background-color-hsl) / 50%\n    );\n\n    /** Focus buttons */\n    --rhino-button-focus-background-color: hsl(\n      var(--rhino-button-focus-background-color-hsl)\n    );\n\n    --rhino-button-focus-background-color-hsl: 219 26% 95%;\n\n    /**\n     * Override \"--rhino-fake-selection-color\" to change the color of .rhino-selection when the editor is not focused.\n     */\n    --rhino-fake-selection-color: rgb(220, 220, 220);\n\n    display: block;\n\n    color: var(--rhino-text-color);\n    color: light-dark(var(--rhino-text-color), var(--rhino-dark-text-color));\n  }\n\n\n/* src/exports/styles/editor.js:toolbarButtonStyles */\n\n  /**\n * Cursor styles that are useful for providing a more \"pleasant\" editor experience.\n */\n  /**\n* https://github.com/curvenote/editor/blob/main/packages/prosemirror-codemark/src/codemark.css\n*/\n  @keyframes rhino-blink {\n    49% {\n      border-color: unset;\n    }\n    50% {\n      border-color: Canvas;\n    }\n    99% {\n      border-color: Canvas;\n    }\n  }\n  .rhino-editor .no-cursor {\n    caret-color: transparent;\n  }\n\n  :where(.rhino-editor) .fake-cursor {\n    margin: 0;\n    padding: 0;\n    margin-right: -1px;\n    border-left-width: 1px;\n    border-left-style: solid;\n    animation: rhino-blink 1s;\n    animation-iteration-count: infinite;\n    position: relative;\n    z-index: 1;\n  }\n\n  /** This is for actual \"selection\" which are highlighting more than 1 character. */\n  :where(.rhino-editor .ProseMirror):not(:focus-within) .rhino-selection {\n    background: var(--rhino-fake-selection-color);\n  }\n\n  .ProseMirror-separator {\n    display: none !important;\n  }\n\n\n/* src/exports/styles/editor.js:toolbarButtonStyles */\n\n  .rhino-toolbar-button {\n    appearance: none;\n    -webkit-appearance: none;\n    border: 1px solid var(--rhino-border-color);\n    border-radius: var(--rhino-border-radius);\n    padding: 0.4em;\n    color: var(--rhino-button-text-color);\n    color: light-dark(\n      var(--rhino-button-text-color),\n      var(--rhino-button-dark-text-color)\n    );\n    background: Canvas;\n    font-size: inherit;\n    display: inline-grid;\n  }\n\n  .rhino-toolbar-button:is([aria-disabled=\"true\"], :disabled) {\n    color: var(--rhino-button-disabled-text-color);\n    border-color: var(--rhino-button-disabled-border-color);\n  }\n\n  .rhino-toolbar-button[aria-disabled=\"true\"]:focus {\n    border-color: var(--rhino-button-disabled-border-color);\n  }\n\n  .rhino-toolbar-button svg {\n    min-height: var(--rhino-toolbar-icon-size);\n    min-width: var(--rhino-toolbar-icon-size);\n\n    /* max-height / max-width needs to be set for safari */\n    max-height: var(--rhino-toolbar-icon-size);\n    max-width: var(--rhino-toolbar-icon-size);\n  }\n\n  .rhino-toolbar-button:is(:focus, :hover):not(\n      [aria-disabled=\"true\"],\n      :disabled\n    ) {\n    outline: transparent;\n    border-color: var(--rhino-button-active-border-color);\n  }\n\n  .rhino-toolbar-button:is(:focus):not([aria-disabled=\"true\"], :disabled) {\n    box-shadow: var(--rhino-focus-ring);\n  }\n\n  /* Only change the background color in certain scenarios */\n  .rhino-toolbar-button:is(:hover):not(\n      [aria-disabled=\"true\"],\n      :disabled,\n      [aria-pressed=\"true\"],\n      [part~=\"toolbar__button--active\"]\n    ) {\n    background-color: var(--rhino-button-focus-background-color);\n    background-color: light-dark(\n      var(--rhino-button-focus-background-color),\n      gray\n    );\n  }\n\n  .rhino-toolbar-button:is([aria-disabled=\"true\"], :disabled):not(\n      [part~=\"toolbar__button--active\"]\n    ) {\n    color: var(--rhino-button-disabled-text-color);\n    color: light-dark(var(--rhino-button-disabled-text-color), gray);\n    border-color: var(--rhino-button-disabled-border-color);\n  }\n\n  .rhino-toolbar-button:is(:focus, :hover):is(\n      [aria-disabled=\"true\"],\n      :disabled\n    ):not([part~=\"toolbar__button--active\"]) {\n    outline: transparent;\n    color: var(--rhino-button-disabled-text-color);\n    color: light-dark(var(--rhino-button-disabled-text-color), gray);\n    border-color: var(--rhino-button-disabled-border-color);\n    box-shadow: 0 0 0 1px var(--rhino-button-disabled-border-color);\n    box-shadow: 0 0 0 1px\n      light-dark(var(--rhino-button-disabled-border-color), transparent);\n  }"],
  "mappings": ";AAIE;AACA,CAAC;AAEC,sBAAoB,IAAI,IAAI,IAAI,IAAI,IAAI;AACxC,yBAAuB;AAEvB,+BAA6B;AAC7B,mCAAiC;AAGjC,sBAAoB;AACpB,2BAAyB;AAEzB,wBAAsB;AACtB,kCAAgC;AAChC,uCAAqC;AAGrC,6BAA2B;AAC3B,kCAAgC;AAChC,+BAA6B;AAG7B,sCAAoC;AACpC,wCAAsC;AACtC,4CAA0C;AAG1C,sCAAoC;AACpC,0CAAwC,IAAI,IAAI,IAAI;AAEpD,8BAA4B,IAAI,GAAG,EAAE,EAAE,EAAE;AACzC,6BAA2B;AAE3B,+BAA6B,KAC3B,IAAI,2CAA2C,EAAE;AAInD,yCAAuC,KACrC,IAAI;AAGN,6CAA2C,IAAI,IAAI;AAKnD,gCAA8B,IAAI,GAAG,EAAE,GAAG,EAAE;AAE5C,WAAS;AAET,SAAO,IAAI;AACX,SAAO,WAAW,IAAI,mBAAmB,EAAE,IAAI;AACjD;AAWA,WAAW;AACT;AACE,kBAAc;AAChB;AACA;AACE,kBAAc;AAChB;AACA;AACE,kBAAc;AAChB;AACF;AACA,CAAC,aAAa,CAAC;AACb,eAAa;AACf;AAEA,OAAO,CAJN,cAIqB,CAAC;AACrB,UAAQ;AACR,WAAS;AACT,gBAAc;AACd,qBAAmB;AACnB,qBAAmB;AACnB,aAAW,YAAY;AACvB,6BAA2B;AAC3B,YAAU;AACV,WAAS;AACX;AAGA,OAAO,CAjBN,aAiBoB,CAAC,YAAY,KAAK,eAAe,CAAC;AACrD,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,WAAS;AACX;AAKA,CAAC;AACC,cAAY;AACZ,sBAAoB;AACpB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,WAAS;AACT,SAAO,IAAI;AACX,SAAO,WACL,IAAI,0BAA0B,EAC9B,IAAI;AAEN,cAAY;AACZ,aAAW;AACX,WAAS;AACX;AAEA,CAhBC,oBAgBoB,IAAI,CAAC,qBAAuB;AAC/C,SAAO,IAAI;AACX,gBAAc,IAAI;AACpB;AAEA,CArBC,oBAqBoB,CAAC,mBAAqB;AACzC,gBAAc,IAAI;AACpB;AAEA,CAzBC,qBAyBqB;AACpB,cAAY,IAAI;AAChB,aAAW,IAAI;AAGf,cAAY,IAAI;AAChB,aAAW,IAAI;AACjB;AAEA,CAlCC,oBAkCoB,IAAI,QAAQ,OAAO,KACpC,CAAC,qBACD;AAEF,WAAS;AACT,gBAAc,IAAI;AACpB;AAEA,CA1CC,oBA0CoB,IAAI,OAAO,KAAK,CAAC,qBAAuB;AAC3D,cAAY,IAAI;AAClB;AAGA,CA/CC,oBA+CoB,IAAI,OAAO,KAC5B,CAAC,qBACD,WACA,CAAC,oBACD,CAAC;AAEH,oBAAkB,IAAI;AACtB,oBAAkB,WAChB,IAAI,sCAAsC,EAC1C;AAEJ;AAEA,CA5DC,oBA4DoB,IAAI,CAAC,qBAAuB,UAAU,KACvD,CAAC;AAEH,SAAO,IAAI;AACX,SAAO,WAAW,IAAI,mCAAmC,EAAE;AAC3D,gBAAc,IAAI;AACpB;AAEA,CApEC,oBAoEoB,IAAI,QAAQ,OAAO,IACpC,CAAC,qBACD,UACD,KAAK,CAAC;AACP,WAAS;AACT,SAAO,IAAI;AACX,SAAO,WAAW,IAAI,mCAAmC,EAAE;AAC3D,gBAAc,IAAI;AAClB,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI;AAC1B,cAAY,EAAE,EAAE,EAAE,IAChB,WAAW,IAAI,qCAAqC,EAAE;AAC1D;",
  "names": []
}