@pantograph/styles 0.0.23 → 0.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.js +1 -1
- package/dist/index.umd.cjs +1 -1
- package/dist/tcell.css +1 -1
- package/dist/tcell.js +1 -1
- package/dist/tcell.umd.cjs +1 -1
- package/dist/textarea.css +1 -1
- package/dist/textarea.js +1 -1
- package/dist/textarea.umd.cjs +1 -1
- package/dist/tr.css +1 -1
- package/dist/tr.js +1 -1
- package/dist/tr.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/tcell.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{
|
|
1
|
+
.pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height);background:var(--ptc-cell-bg)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{position:sticky!important;z-index:1;inset-inline-start:calc(var(--ptc-tcell-start) - var(--ptc-tcell-offset, 0px))}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:"";transform:translate(calc(100% * var(--ptc-tcell-shadow-ratio, 1)));box-shadow:inset calc(10px * var(--ptc-tcell-shadow-ratio, 1)) 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}
|
package/dist/tcell.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
|
|
2
|
-
const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{
|
|
2
|
+
const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height);background:var(--ptc-cell-bg)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{position:sticky!important;z-index:1;inset-inline-start:calc(var(--ptc-tcell-start) - var(--ptc-tcell-offset, 0px))}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:\"\";transform:translate(calc(100% * var(--ptc-tcell-shadow-ratio, 1)));box-shadow:inset calc(10px * var(--ptc-tcell-shadow-ratio, 1)) 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
|
|
3
3
|
const tcellId = `${prefix}s-tcell`;
|
|
4
4
|
const addTcellCss = () => addCssToHead(tcellId, cssText);
|
|
5
5
|
const removeTcellCss = () => removeCssFromHead(tcellId);
|
package/dist/tcell.umd.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
|
|
4
|
-
const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{
|
|
4
|
+
const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height);background:var(--ptc-cell-bg)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{position:sticky!important;z-index:1;inset-inline-start:calc(var(--ptc-tcell-start) - var(--ptc-tcell-offset, 0px))}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:\"\";transform:translate(calc(100% * var(--ptc-tcell-shadow-ratio, 1)));box-shadow:inset calc(10px * var(--ptc-tcell-shadow-ratio, 1)) 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
|
|
5
5
|
const tcellId = `${prefix}s-tcell`;
|
|
6
6
|
const addTcellCss = () => addCssToHead(tcellId, cssText);
|
|
7
7
|
const removeTcellCss = () => removeCssFromHead(tcellId);
|
package/dist/textarea.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false]){--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=true]{--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=false]{--ptc-textarea-fg: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered[data-readonly]{--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pc_textarea::-webkit-scrollbar-track,.pc_textarea ::-webkit-scrollbar-track{background:transparent}.pc_textarea::-webkit-scrollbar-corner,.pc_textarea ::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>") no-repeat center
|
|
1
|
+
.pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false]){--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=true]{--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=false]{--ptc-textarea-fg: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered[data-readonly]{--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pc_textarea::-webkit-scrollbar-track,.pc_textarea ::-webkit-scrollbar-track{background:transparent}.pc_textarea::-webkit-scrollbar-corner,.pc_textarea ::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{border:0;display:block;width:8px;height:8px}.pc_textarea[dir=ltr]::-webkit-resizer{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>") no-repeat center}.pc_textarea[dir=rtl]::-webkit-resizer{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><g transform='scale(-1,1) translate(-8,0)'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></g></svg>") no-repeat center}
|
package/dist/textarea.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
|
|
2
|
-
const cssText = ".pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false]){--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=true]{--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=false]{--ptc-textarea-fg: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered[data-readonly]{--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pc_textarea::-webkit-scrollbar-track,.pc_textarea ::-webkit-scrollbar-track{background:transparent}.pc_textarea::-webkit-scrollbar-corner,.pc_textarea ::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>\") no-repeat center
|
|
2
|
+
const cssText = ".pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false]){--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=true]{--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=false]{--ptc-textarea-fg: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered[data-readonly]{--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pc_textarea::-webkit-scrollbar-track,.pc_textarea ::-webkit-scrollbar-track{background:transparent}.pc_textarea::-webkit-scrollbar-corner,.pc_textarea ::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{border:0;display:block;width:8px;height:8px}.pc_textarea[dir=ltr]::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>\") no-repeat center}.pc_textarea[dir=rtl]::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><g transform='scale(-1,1) translate(-8,0)'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></g></svg>\") no-repeat center}\n";
|
|
3
3
|
const textareaId = `${prefix}s-textarea`;
|
|
4
4
|
const addTextareaCss = () => addCssToHead(textareaId, cssText);
|
|
5
5
|
const removeTextareaCss = () => removeCssFromHead(textareaId);
|
package/dist/textarea.umd.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
|
|
4
|
-
const cssText = ".pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false]){--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=true]{--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=false]{--ptc-textarea-fg: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered[data-readonly]{--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pc_textarea::-webkit-scrollbar-track,.pc_textarea ::-webkit-scrollbar-track{background:transparent}.pc_textarea::-webkit-scrollbar-corner,.pc_textarea ::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>\") no-repeat center
|
|
4
|
+
const cssText = ".pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false]){--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=true]{--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=false]{--ptc-textarea-fg: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered[data-readonly]{--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pc_textarea::-webkit-scrollbar-track,.pc_textarea ::-webkit-scrollbar-track{background:transparent}.pc_textarea::-webkit-scrollbar-corner,.pc_textarea ::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{border:0;display:block;width:8px;height:8px}.pc_textarea[dir=ltr]::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>\") no-repeat center}.pc_textarea[dir=rtl]::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><g transform='scale(-1,1) translate(-8,0)'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></g></svg>\") no-repeat center}\n";
|
|
5
5
|
const textareaId = `${prefix}s-textarea`;
|
|
6
6
|
const addTextareaCss = () => addCssToHead(textareaId, cssText);
|
|
7
7
|
const removeTextareaCss = () => removeCssFromHead(textareaId);
|
package/dist/tr.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pc_table__tr{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s
|
|
1
|
+
.pc_table__tr{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__tr--empty{height:100%}.pc_table__tr--checked:not(.pc_table__tr--empty){--ptc-cell-bg: rgba(var(--pt-primary-0))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(odd){--ptc-cell-bg: rgba(var(--pt-bg-secondary))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(2n){--ptc-cell-bg: rgba(var(--pt-bg))}.pc_table__tr--lazy-load-observer{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px)}.pc_table__tr:hover .pc_table__td__hover_actions{display:flex;gap:var(--pt-dimension-200, 4px)}
|
package/dist/tr.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
|
|
2
|
-
const cssText = ".pc_table__tr{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s
|
|
2
|
+
const cssText = ".pc_table__tr{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__tr--empty{height:100%}.pc_table__tr--checked:not(.pc_table__tr--empty){--ptc-cell-bg: rgba(var(--pt-primary-0))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(odd){--ptc-cell-bg: rgba(var(--pt-bg-secondary))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(2n){--ptc-cell-bg: rgba(var(--pt-bg))}.pc_table__tr--lazy-load-observer{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px)}.pc_table__tr:hover .pc_table__td__hover_actions{display:flex;gap:var(--pt-dimension-200, 4px)}\n";
|
|
3
3
|
const trId = `${prefix}s-tr`;
|
|
4
4
|
const addTrCss = () => addCssToHead(trId, cssText);
|
|
5
5
|
const removeTrCss = () => removeCssFromHead(trId);
|
package/dist/tr.umd.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
|
|
4
|
-
const cssText = ".pc_table__tr{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s
|
|
4
|
+
const cssText = ".pc_table__tr{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__tr--empty{height:100%}.pc_table__tr--checked:not(.pc_table__tr--empty){--ptc-cell-bg: rgba(var(--pt-primary-0))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(odd){--ptc-cell-bg: rgba(var(--pt-bg-secondary))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(2n){--ptc-cell-bg: rgba(var(--pt-bg))}.pc_table__tr--lazy-load-observer{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px)}.pc_table__tr:hover .pc_table__td__hover_actions{display:flex;gap:var(--pt-dimension-200, 4px)}\n";
|
|
5
5
|
const trId = `${prefix}s-tr`;
|
|
6
6
|
const addTrCss = () => addCssToHead(trId, cssText);
|
|
7
7
|
const removeTrCss = () => removeCssFromHead(trId);
|