@salutejs/plasma-new-hope 0.317.0-dev.0 → 0.318.0-canary.1888.14216501427.0

package/cjs/components/Table/ui/Cell/Cell.css

@@ -59,22 +59,24 @@
 .LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
 
-.Table_styles_1eg2zsx_b1lxisuf__8ba8eb83{display:inline-block;overflow-y:auto;}
-.Table_styles_1eg2zsx_t15d4jbz__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
-.Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1eg2zsx_t1uk535o__8ba8eb83{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1eg2zsx_t1uk535o__8ba8eb83 .Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{background:transparent;}
-.Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:var(--r1ezol8-0);position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83{padding:var(--t18b5m0z-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t18b5m0z-1);}.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83:hover .Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:block;}
-.Table_styles_1eg2zsx_sedz16__8ba8eb83{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
-.Table_styles_1eg2zsx_s3mgb7q__8ba8eb83{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1eg2zsx_beus4rw__8ba8eb83.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1eg2zsx_lfybxxj__8ba8eb83{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_xngwgy_b1lxisuf__5cfbdc68{display:inline-block;overflow-y:auto;}
+.Table_styles_xngwgy_t15d4jbz__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
+.Table_styles_xngwgy_t1ri3no5__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.Table_styles_xngwgy_t1uk535o__5cfbdc68{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_xngwgy_t1uk535o__5cfbdc68 .Table_styles_xngwgy_t1ri3no5__5cfbdc68{background:transparent;}
+
+.Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_xngwgy_tedz16__5cfbdc68{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_xngwgy_tedz16__5cfbdc68:hover .Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:block;}
+.Table_styles_xngwgy_s3mgb7q__5cfbdc68{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
+.Table_styles_xngwgy_s177cehz__5cfbdc68{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_xngwgy_beus4rw__5cfbdc68{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_xngwgy_bfybxxj__5cfbdc68.Table_styles_xngwgy_beus4rw__5cfbdc68{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_xngwgy_l1ql6jvb__5cfbdc68{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.HeadCell_styles_1lo3lcf_c14eoxb5__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.HeadCell_styles_1lo3lcf_t1179z8p__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_c14eoxb5__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_t1179z8p__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
 .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
 
@@ -206,13 +208,13 @@
 
 .IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.EditableCell_styles_277bjm_t12w3lu5__d76a564b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:0;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b:hover .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:1;}
-.EditableCell_styles_277bjm_idy8fgn__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
-.EditableCell_styles_277bjm_cwrhll2__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}
-.EditableCell_styles_277bjm_e1dkea5v__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
-.EditableCell_styles_277bjm_i1uj28nu__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
-.EditableCell_styles_277bjm_i1c7bo0z__d76a564b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
-.EditableCell_styles_277bjm_i1jx30pt__d76a564b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
-.EditableCell_styles_277bjm_i17hwnh4__d76a564b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
+.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:0;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b:hover .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:1;}
+.EditableCell_styles_1g3clv2_idy8fgn__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
+.EditableCell_styles_1g3clv2_cwrhll2__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}
+.EditableCell_styles_1g3clv2_e1dkea5v__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
+.EditableCell_styles_1g3clv2_i1uj28nu__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:0.0625rem solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
+.EditableCell_styles_1g3clv2_i1c7bo0z__5329cb3b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);color:var(--text-primary);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
+.EditableCell_styles_1g3clv2_i1jx30pt__5329cb3b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
+.EditableCell_styles_1g3clv2_i17hwnh4__5329cb3b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
 
-.Cell_styles_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
+.Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}

package/cjs/components/Table/ui/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\nexport type CellProps = {\n    cell: CellType<TableRowData, unknown>;\n    selected: boolean;\n    borderVariant: TableProps['borderVariant'];\n    view: TableProps['view'];\n};\n\nexport const Cell: React.FC<CellProps> = ({ cell, borderVariant, selected, view }) => {\n    const renderCell = cell.column.columnDef.meta?.renderCell;\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            selected={selected}\n            view={view}\n        >\n            {renderCell\n                ? renderCell(cell.getValue(), cell.row.original, cell.row.index)\n                : flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["Cell","_ref","_cell$column$columnDe","cell","borderVariant","selected","view","renderCell","column","columnDef","meta","React","createElement","Td","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;;;;;;;;IAgBaA,IAAyB,GAAG,SAA5BA,IAAyBA,CAAAC,IAAA,EAAgD;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA1CC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;AAC3E,EAAA,IAAMC,UAAU,GAAAL,CAAAA,qBAAA,GAAGC,IAAI,CAACK,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAR,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BK,UAAU,CAAA;AAEzD,EAAA,oBACII,sBAAA,CAAAC,aAAA,CAACC,cAAE,EAAA;IACCC,GAAG,EAAEX,IAAI,CAACY,EAAG;AACbX,IAAAA,aAAa,EAAEA,aAAc;AAC7BY,IAAAA,aAAa,EAAEb,IAAI,CAACK,MAAM,CAACO,EAAE,KAAKE,sBAAiB;AACnDZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GAELC,EAAAA,UAAU,GACLA,UAAU,CAACJ,IAAI,CAACe,QAAQ,EAAE,EAAEf,IAAI,CAACgB,GAAG,CAACC,QAAQ,EAAEjB,IAAI,CAACgB,GAAG,CAACE,KAAK,CAAC,GAC9DC,qBAAU,CAACnB,IAAI,CAACK,MAAM,CAACC,SAAS,CAACN,IAAI,EAAEA,IAAI,CAACoB,UAAU,EAAE,CAAC,EAE9DpB,IAAI,CAACK,MAAM,CAACgB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAId,sBAAA,CAAAC,aAAA,CAACc,oBAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\ntype Props = {\n    cell: CellType<TableRowData, unknown>;\n    selected: boolean;\n    borderVariant: TableProps['borderVariant'];\n    view: TableProps['view'];\n};\n\nexport const Cell: React.FC<Props> = ({ cell, borderVariant, selected, view }) => {\n    const renderCell = cell.column.columnDef.meta?.renderCell;\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            selected={selected}\n            view={view}\n        >\n            {renderCell\n                ? renderCell(cell.getValue(), cell.row.original, cell.row.index)\n                : flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["Cell","_ref","_cell$column$columnDe","cell","borderVariant","selected","view","renderCell","column","columnDef","meta","React","createElement","Td","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;;;;;;;;IAgBaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAAgD;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA1CC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;AACvE,EAAA,IAAMC,UAAU,GAAAL,CAAAA,qBAAA,GAAGC,IAAI,CAACK,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAR,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BK,UAAU,CAAA;AAEzD,EAAA,oBACII,sBAAA,CAAAC,aAAA,CAACC,cAAE,EAAA;IACCC,GAAG,EAAEX,IAAI,CAACY,EAAG;AACbX,IAAAA,aAAa,EAAEA,aAAc;AAC7BY,IAAAA,aAAa,EAAEb,IAAI,CAACK,MAAM,CAACO,EAAE,KAAKE,sBAAiB;AACnDZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GAELC,EAAAA,UAAU,GACLA,UAAU,CAACJ,IAAI,CAACe,QAAQ,EAAE,EAAEf,IAAI,CAACgB,GAAG,CAACC,QAAQ,EAAEjB,IAAI,CAACgB,GAAG,CAACE,KAAK,CAAC,GAC9DC,qBAAU,CAACnB,IAAI,CAACK,MAAM,CAACC,SAAS,CAACN,IAAI,EAAEA,IAAI,CAACoB,UAAU,EAAE,CAAC,EAE9DpB,IAAI,CAACK,MAAM,CAACgB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAId,sBAAA,CAAAC,aAAA,CAACc,oBAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}

package/cjs/components/Table/ui/Cell/Cell.styles.js

@@ -1,4 +1,4 @@
-require('./Cell.styles_1ikyrwt.css');
+require('./Cell.styles_1q2mjxm.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Table/ui/Cell/Cell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    selected?: boolean;\n    selectionCell?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell }) =>\n        selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n    height: var(${tokens.rowHeight});\n    border-width: 1px;\n    border-top-width: 0;\n    border-style: solid;\n    border-color: ${({ selected, borderVariant, view }) =>\n        // eslint-disable-next-line no-nested-ternary\n        borderVariant === 'all' && view !== 'clear'\n            ? `var(${tokens.borderColor})`\n            : selected\n            ? 'var(--surface-transparent-accent)'\n            : 'transparent'};\n    border-bottom-color: ${({ borderVariant }) =>\n        borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n    box-sizing: border-box;\n`;\n"],"names":["_exp","_ref","selectionCell","concat","tokens","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;;AAG2D,IAAAA,IAAA,GAFzCA,SAEyCA,IAAAA,GAAA;AAAA,EAAA,OAS5C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACVA,aAAa,GAAA,MAAA,CAAAC,MAAA,CAAUC,wBAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,wBAAM,CAACE,WAAW,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAZzEA,SAYyEA,KAAAA,GAAA;AAAA,EAAA,OAKvE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,aAAa,GAAAF,KAAA,CAAbE,aAAa;MAAEC,IAAAA,GAAAA,KAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA;AACxC;AACAD,MAAAA,aAAa,KAAK,KAAK,IAAIC,IAAI,KAAK,OAAO,GAAAR,MAAAA,CAAAA,MAAA,CAC9BC,wBAAM,CAACQ,WAAW,EAAA,GAAA,CAAA,GACzBH,QAAQ,GACR,mCAAmC,GACnC,aAAA;AAAa,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAvBTA,SAuBSA,KAAAA,GAAA;AAAA,EAAA,OACA,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACtBA,aAAa,KAAK,KAAK,IAAIA,aAAa,KAAK,MAAM,GAAAP,MAAAA,CAAAA,MAAA,CAAUC,wBAAM,CAACQ,WAAW,SAAM,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AArBnG,IAAMG,EAAE,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTpB,IAC4E,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAKvEO,KAMO,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACAM,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzG;;;;"}
+{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    selected?: boolean;\n    selectionCell?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell }) =>\n        selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n    height: var(${tokens.rowHeight});\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-style: solid;\n    border-color: ${({ selected, borderVariant, view }) =>\n        // eslint-disable-next-line no-nested-ternary\n        borderVariant === 'all' && view !== 'clear'\n            ? `var(${tokens.borderColor})`\n            : selected\n            ? 'var(--surface-transparent-accent)'\n            : 'transparent'};\n    border-bottom-color: ${({ borderVariant }) =>\n        borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n    box-sizing: border-box;\n`;\n"],"names":["_exp","_ref","selectionCell","concat","tokens","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;;AAG2D,IAAAA,IAAA,GAFzCA,SAEyCA,IAAAA,GAAA;AAAA,EAAA,OAS5C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACVA,aAAa,GAAA,MAAA,CAAAC,MAAA,CAAUC,wBAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,wBAAM,CAACE,WAAW,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAZzEA,SAYyEA,KAAAA,GAAA;AAAA,EAAA,OAKvE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,aAAa,GAAAF,KAAA,CAAbE,aAAa;MAAEC,IAAAA,GAAAA,KAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA;AACxC;AACAD,MAAAA,aAAa,KAAK,KAAK,IAAIC,IAAI,KAAK,OAAO,GAAAR,MAAAA,CAAAA,MAAA,CAC9BC,wBAAM,CAACQ,WAAW,EAAA,GAAA,CAAA,GACzBH,QAAQ,GACR,mCAAmC,GACnC,aAAA;AAAa,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAvBTA,SAuBSA,KAAAA,GAAA;AAAA,EAAA,OACA,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACtBA,aAAa,KAAK,KAAK,IAAIA,aAAa,KAAK,MAAM,GAAAP,MAAAA,CAAAA,MAAA,CAAUC,wBAAM,CAACQ,WAAW,SAAM,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AArBnG,IAAMG,EAAE,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTpB,IAC4E,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAKvEO,KAMO,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACAM,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzG;;;;"}

package/cjs/components/Table/ui/Cell/Cell.styles_1q2mjxm.css

@@ -0,0 +1 @@
+.tv72tnk{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}

package/cjs/components/Table/ui/EditableCell/EditableCell.css

@@ -59,24 +59,26 @@
 .LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
 
-.Table_styles_1eg2zsx_b1lxisuf__8ba8eb83{display:inline-block;overflow-y:auto;}
-.Table_styles_1eg2zsx_t15d4jbz__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
-.Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1eg2zsx_t1uk535o__8ba8eb83{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1eg2zsx_t1uk535o__8ba8eb83 .Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{background:transparent;}
-.Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:var(--r1ezol8-0);position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83{padding:var(--t18b5m0z-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t18b5m0z-1);}.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83:hover .Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:block;}
-.Table_styles_1eg2zsx_sedz16__8ba8eb83{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
-.Table_styles_1eg2zsx_s3mgb7q__8ba8eb83{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1eg2zsx_beus4rw__8ba8eb83.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1eg2zsx_lfybxxj__8ba8eb83{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
-
-.Cell_styles_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
+.Table_styles_xngwgy_b1lxisuf__5cfbdc68{display:inline-block;overflow-y:auto;}
+.Table_styles_xngwgy_t15d4jbz__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
+.Table_styles_xngwgy_t1ri3no5__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.Table_styles_xngwgy_t1uk535o__5cfbdc68{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_xngwgy_t1uk535o__5cfbdc68 .Table_styles_xngwgy_t1ri3no5__5cfbdc68{background:transparent;}
+
+.Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_xngwgy_tedz16__5cfbdc68{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_xngwgy_tedz16__5cfbdc68:hover .Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:block;}
+.Table_styles_xngwgy_s3mgb7q__5cfbdc68{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
+.Table_styles_xngwgy_s177cehz__5cfbdc68{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_xngwgy_beus4rw__5cfbdc68{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_xngwgy_bfybxxj__5cfbdc68.Table_styles_xngwgy_beus4rw__5cfbdc68{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_xngwgy_l1ql6jvb__5cfbdc68{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+
+.Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.HeadCell_styles_1lo3lcf_c14eoxb5__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.HeadCell_styles_1lo3lcf_t1179z8p__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_c14eoxb5__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_t1179z8p__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
 .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
 
@@ -208,11 +210,11 @@
 
 .IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.EditableCell_styles_277bjm_t12w3lu5__d76a564b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:0;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b:hover .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:1;}
-.EditableCell_styles_277bjm_idy8fgn__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
-.EditableCell_styles_277bjm_cwrhll2__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}
-.EditableCell_styles_277bjm_e1dkea5v__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
-.EditableCell_styles_277bjm_i1uj28nu__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
-.EditableCell_styles_277bjm_i1c7bo0z__d76a564b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
-.EditableCell_styles_277bjm_i1jx30pt__d76a564b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
-.EditableCell_styles_277bjm_i17hwnh4__d76a564b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
+.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:0;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b:hover .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:1;}
+.EditableCell_styles_1g3clv2_idy8fgn__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
+.EditableCell_styles_1g3clv2_cwrhll2__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}
+.EditableCell_styles_1g3clv2_e1dkea5v__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
+.EditableCell_styles_1g3clv2_i1uj28nu__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:0.0625rem solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
+.EditableCell_styles_1g3clv2_i1c7bo0z__5329cb3b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);color:var(--text-primary);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
+.EditableCell_styles_1g3clv2_i1jx30pt__5329cb3b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
+.EditableCell_styles_1g3clv2_i17hwnh4__5329cb3b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}

package/cjs/components/Table/ui/EditableCell/EditableCell.js

@@ -8,6 +8,7 @@ var reactTable = require('@tanstack/react-table');
 var Table_styles = require('../../Table.styles.js');
 var Table = require('../../Table.js');
 var HeadCell = require('../HeadCell/HeadCell.js');
+var Table_tokens = require('../../Table.tokens.js');
 var EditableCell_styles = require('./EditableCell.styles.js');
 var useOutsideClick = require('../../../../hooks/useOutsideClick.js');
 var IconResetOutline = require('../../../_Icon/Icons/IconResetOutline.js');
@@ -18,19 +19,20 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _IconEditOutline, _Resizer;
+var _Resizer;
 var keys = {
   Enter: 'Enter',
   Tab: 'Tab',
   Escape: 'Escape'
 };
 var EditableCell = function EditableCell(_ref) {
+  var _table$options$meta;
   var size = _ref.size,
+    view = _ref.view,
     cell = _ref.cell,
     borderVariant = _ref.borderVariant,
     table = _ref.table,
-    selected = _ref.selected,
-    view = _ref.view;
+    selected = _ref.selected;
   var _useState = React.useState(cell.getValue()),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -39,7 +41,7 @@ var EditableCell = function EditableCell(_ref) {
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     editingMode = _useState4[0],
     setEditingMode = _useState4[1];
-  var updateData = table.options.meta.updateData;
+  var updateData = (_table$options$meta = table.options.meta) === null || _table$options$meta === void 0 ? void 0 : _table$options$meta.updateData;
   var ref = useOutsideClick.useOutsideClick(function () {
     setEditingMode(false);
   });
@@ -56,14 +58,18 @@ var EditableCell = function EditableCell(_ref) {
   };
   var handleSubmit = function handleSubmit(e) {
     e.stopPropagation();
-    updateData(cell.row.id, cell.column.id, value);
+    if (updateData) {
+      updateData(cell.row.id, cell.column.id, value);
+    }
     setEditingMode(false);
   };
   var handleKeyDown = function handleKeyDown(event) {
     switch (event.code) {
       case keys.Enter:
         {
-          updateData(cell.row.id, cell.column.id, value);
+          if (updateData) {
+            updateData(cell.row.id, cell.column.id, value);
+          }
           setEditingMode(false);
           break;
         }
@@ -99,11 +105,11 @@ var EditableCell = function EditableCell(_ref) {
     tabIndex: -1
   }, /*#__PURE__*/React__default.default.createElement(IconDoneCircleOutline.IconDoneCircleOutline, {
     size: HeadCell.getIconSize(size)
-  }))) : /*#__PURE__*/React__default.default.createElement(EditableCell_styles.ContentWrapper, null, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()), _IconEditOutline || (_IconEditOutline = /*#__PURE__*/React__default.default.createElement(IconEditOutline.IconEditOutline, {
+  }))) : /*#__PURE__*/React__default.default.createElement(EditableCell_styles.ContentWrapper, null, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()), /*#__PURE__*/React__default.default.createElement(IconEditOutline.IconEditOutline, {
     size: "xs",
-    className: "editIcon",
+    className: Table_tokens.classes.editIcon,
     color: "var(--text-secondary)"
-  })))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React__default.default.createElement(Table_styles.Resizer, {
+  }))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React__default.default.createElement(Table_styles.Resizer, {
     isResizing: true
   }))));
 };

package/cjs/components/Table/ui/EditableCell/EditableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { flexRender } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { useOutsideClick } from '../../../../hooks';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\nexport const EditableCell: React.FC<any> = ({ size, cell, borderVariant, table, selected, view }) => {\n    const [value, setValue] = useState<string>(cell.getValue());\n    const [editingMode, setEditingMode] = useState(false);\n\n    const { updateData } = table.options.meta;\n\n    const ref = useOutsideClick<HTMLTableDataCellElement>(() => {\n        setEditingMode(false);\n    });\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue());\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue());\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n        updateData(cell.row.id, cell.column.id, value);\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                updateData(cell.row.id, cell.column.id, value);\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className=\"editIcon\" color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","size","cell","borderVariant","table","selected","view","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","_IconEditOutline","IconEditOutline","className","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}
+{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { useOutsideClick } from '../../../../hooks';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n};\n\nexport const EditableCell: React.FC<Props> = ({ size, view, cell, borderVariant, table, selected }) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useOutsideClick<HTMLTableDataCellElement>(() => {\n        setEditingMode(false);\n    });\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}

package/cjs/components/Table/ui/EditableCell/EditableCell.styles.js

@@ -1,4 +1,4 @@
-require('./EditableCell.styles_277bjm.css');
+require('./EditableCell.styles_1g3clv2.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -72,18 +72,18 @@ var Input = /*#__PURE__*/react.styled('input')({
   "class": "i1c7bo0z",
   propsAsIs: false
 });
-var _exp17 = function _exp17() {
+var _exp19 = function _exp19() {
   return IconButton;
 };
-var IconDoneButton = /*#__PURE__*/react.styled(_exp17())({
+var IconDoneButton = /*#__PURE__*/react.styled(_exp19())({
   name: "IconDoneButton",
   "class": "i1jx30pt",
   propsAsIs: true
 });
-var _exp22 = function _exp22() {
+var _exp24 = function _exp24() {
   return IconButton;
 };
-var IconResetButton = /*#__PURE__*/react.styled(_exp22())({
+var IconResetButton = /*#__PURE__*/react.styled(_exp24())({
   name: "IconResetButton",
   "class": "i17hwnh4",
   propsAsIs: true

package/cjs/components/Table/ui/EditableCell/EditableCell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.styles.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\n\nconst mergedIndicatorConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIndicatorConfig);\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    editingMode: boolean;\n    selectionCell?: boolean;\n    selected?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell, editingMode }) =>\n        // eslint-disable-next-line no-nested-ternary\n        editingMode\n            ? `var(${tokens.editableCellPadding})`\n            : selectionCell\n            ? `var(${tokens.checkboxCellPadding})`\n            : `var(${tokens.cellPadding})`};\n    height: var(${tokens.rowHeight});\n    border-width: 1px;\n    border-top-width: 0;\n    border-style: solid;\n    border-color: ${({ selected, borderVariant, view }) =>\n        // eslint-disable-next-line no-nested-ternary\n        borderVariant === 'all' && view !== 'clear'\n            ? `var(${tokens.borderColor})`\n            : selected\n            ? 'var(--surface-transparent-accent)'\n            : 'transparent'};\n    border-bottom-color: ${({ borderVariant }) =>\n        borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n    cursor: pointer;\n    box-sizing: border-box;\n\n    & .editIcon {\n        opacity: 0;\n    }\n\n    &:hover .editIcon {\n        opacity: 1;\n    }\n`;\n\nexport const InnerWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n`;\n\nexport const EditModeWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(${tokens.editableCellPadding});\n    height: 100%;\n`;\n\nexport const InputWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    height: 100%;\n    flex: 1;\n    padding: var(${tokens.editableCellInputPadding});\n    background: var(${tokens.editableCellInputBackground});\n    border: 1px solid var(${tokens.editableCellInputBorderColor});\n    border-radius: var(${tokens.editableCellInputBorderRadius});\n    box-sizing: border-box;\n    gap: var(${tokens.editableCellIconGap});\n`;\n\nexport const Input = styled.input`\n    width: auto;\n    border: none;\n    padding: 0;\n    background: transparent;\n    outline: none;\n    caret-color: var(--text-accent);\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n`;\n\nexport const IconDoneButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.editableCellIconButtonWidth});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.editableCellIconButtonHeight});\n`;\n\nexport const IconResetButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: auto;\n    ${iconButtonTokens.iconButtonHeight}: auto;\n`;\n"],"names":["mergedIndicatorConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","_ref","selectionCell","editingMode","concat","tokens","editableCellPadding","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars","InnerWrapper","ContentWrapper","EditModeWrapper","InputWrapper","Input","_exp17","IconDoneButton","_exp22","IconResetButton"],"mappings":"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"}
+{"version":3,"file":"EditableCell.styles.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens, classes } from '../../Table.tokens';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\n\nconst mergedIndicatorConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIndicatorConfig);\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    editingMode: boolean;\n    selectionCell?: boolean;\n    selected?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell, editingMode }) =>\n        // eslint-disable-next-line no-nested-ternary\n        editingMode\n            ? `var(${tokens.editableCellPadding})`\n            : selectionCell\n            ? `var(${tokens.checkboxCellPadding})`\n            : `var(${tokens.cellPadding})`};\n    height: var(${tokens.rowHeight});\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-style: solid;\n    border-color: ${({ selected, borderVariant, view }) =>\n        // eslint-disable-next-line no-nested-ternary\n        borderVariant === 'all' && view !== 'clear'\n            ? `var(${tokens.borderColor})`\n            : selected\n            ? 'var(--surface-transparent-accent)'\n            : 'transparent'};\n    border-bottom-color: ${({ borderVariant }) =>\n        borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n    cursor: pointer;\n    box-sizing: border-box;\n\n    & .${classes.editIcon} {\n        opacity: 0;\n    }\n\n    &:hover .${classes.editIcon} {\n        opacity: 1;\n    }\n`;\n\nexport const InnerWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n`;\n\nexport const EditModeWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(${tokens.editableCellPadding});\n    height: 100%;\n`;\n\nexport const InputWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    height: 100%;\n    flex: 1;\n    padding: var(${tokens.editableCellInputPadding});\n    background: var(${tokens.editableCellInputBackground});\n    border: 0.0625rem solid var(${tokens.editableCellInputBorderColor});\n    border-radius: var(${tokens.editableCellInputBorderRadius});\n    box-sizing: border-box;\n    gap: var(${tokens.editableCellIconGap});\n`;\n\nexport const Input = styled.input`\n    width: auto;\n    border: none;\n    padding: 0;\n    background: transparent;\n    outline: none;\n    caret-color: var(--text-accent);\n    color: var(--text-primary);\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n`;\n\nexport const IconDoneButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.editableCellIconButtonWidth});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.editableCellIconButtonHeight});\n`;\n\nexport const IconResetButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: auto;\n    ${iconButtonTokens.iconButtonHeight}: auto;\n`;\n"],"names":["mergedIndicatorConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","_ref","selectionCell","editingMode","concat","tokens","editableCellPadding","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars","InnerWrapper","ContentWrapper","EditModeWrapper","InputWrapper","Input","_exp19","IconDoneButton","_exp24","IconResetButton"],"mappings":"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"}

package/{es/components/Table/ui/EditableCell/EditableCell.styles_277bjm.css → cjs/components/Table/ui/EditableCell/EditableCell.styles_1g3clv2.css}

@@ -1,8 +1,8 @@
-.t12w3lu5{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.t12w3lu5 .editIcon{opacity:0;}.t12w3lu5:hover .editIcon{opacity:1;}
+.t12w3lu5{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.t12w3lu5 .edit-icon{opacity:0;}.t12w3lu5:hover .edit-icon{opacity:1;}
 .idy8fgn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
 .cwrhll2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}
 .e1dkea5v{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
-.i1uj28nu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
-.i1c7bo0z{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
+.i1uj28nu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:0.0625rem solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
+.i1c7bo0z{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);color:var(--text-primary);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
 .i1jx30pt{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
 .i17hwnh4{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}

package/cjs/components/Table/ui/HeadCell/HeadCell.css

@@ -59,35 +59,37 @@
 .LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
 
-.Table_styles_1eg2zsx_b1lxisuf__8ba8eb83{display:inline-block;overflow-y:auto;}
-.Table_styles_1eg2zsx_t15d4jbz__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
-.Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1eg2zsx_t1uk535o__8ba8eb83{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1eg2zsx_t1uk535o__8ba8eb83 .Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{background:transparent;}
-.Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:var(--r1ezol8-0);position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83{padding:var(--t18b5m0z-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t18b5m0z-1);}.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83:hover .Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:block;}
-.Table_styles_1eg2zsx_sedz16__8ba8eb83{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
-.Table_styles_1eg2zsx_s3mgb7q__8ba8eb83{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1eg2zsx_beus4rw__8ba8eb83.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1eg2zsx_lfybxxj__8ba8eb83{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_xngwgy_b1lxisuf__5cfbdc68{display:inline-block;overflow-y:auto;}
+.Table_styles_xngwgy_t15d4jbz__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
+.Table_styles_xngwgy_t1ri3no5__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.Table_styles_xngwgy_t1uk535o__5cfbdc68{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_xngwgy_t1uk535o__5cfbdc68 .Table_styles_xngwgy_t1ri3no5__5cfbdc68{background:transparent;}
+
+.Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_xngwgy_tedz16__5cfbdc68{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_xngwgy_tedz16__5cfbdc68:hover .Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:block;}
+.Table_styles_xngwgy_s3mgb7q__5cfbdc68{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
+.Table_styles_xngwgy_s177cehz__5cfbdc68{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_xngwgy_beus4rw__5cfbdc68{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_xngwgy_bfybxxj__5cfbdc68.Table_styles_xngwgy_beus4rw__5cfbdc68{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_xngwgy_l1ql6jvb__5cfbdc68{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
 .IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.EditableCell_styles_277bjm_t12w3lu5__d76a564b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:0;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b:hover .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:1;}
-.EditableCell_styles_277bjm_idy8fgn__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
-.EditableCell_styles_277bjm_cwrhll2__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}
-.EditableCell_styles_277bjm_e1dkea5v__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
-.EditableCell_styles_277bjm_i1uj28nu__d76a564b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
-.EditableCell_styles_277bjm_i1c7bo0z__d76a564b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
-.EditableCell_styles_277bjm_i1jx30pt__d76a564b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
-.EditableCell_styles_277bjm_i17hwnh4__d76a564b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
+.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:0;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b:hover .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:1;}
+.EditableCell_styles_1g3clv2_idy8fgn__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
+.EditableCell_styles_1g3clv2_cwrhll2__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}
+.EditableCell_styles_1g3clv2_e1dkea5v__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
+.EditableCell_styles_1g3clv2_i1uj28nu__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:0.0625rem solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
+.EditableCell_styles_1g3clv2_i1c7bo0z__5329cb3b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);color:var(--text-primary);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
+.EditableCell_styles_1g3clv2_i1jx30pt__5329cb3b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
+.EditableCell_styles_1g3clv2_i17hwnh4__5329cb3b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
 
-.Cell_styles_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
+.Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
 
-.HeadCell_styles_1lo3lcf_c14eoxb5__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.HeadCell_styles_1lo3lcf_t1179z8p__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_c14eoxb5__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_t1179z8p__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
 .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}