@kingsimba/nc-ui 0.1.9 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -291,6 +291,7 @@ li::marker { color: var(--nc-text-weak); }
291
291
  border-radius: 8px;
292
292
  padding: 10px 12px;
293
293
  font-size: inherit;
294
+ resize: none;
294
295
  }
295
296
 
296
297
  .nc-input.nc-small { padding: 6px 12px; font-size: 12px; min-height: 32px; height: 32px; border-radius: 4px; }
@@ -413,6 +414,7 @@ li::marker { color: var(--nc-text-weak); }
413
414
  .nc-icon-button-edit:hover { background: var(--nc-primary); color: white; }
414
415
 
415
416
  /* Trash button variant */
417
+ .nc-icon-button-trash { color: var(--nc-danger); }
416
418
  .nc-icon-button-trash:hover { background: var(--nc-danger); color: white; }
417
419
 
418
420
  /* Spinning animation for refresh icon */
@@ -543,10 +545,25 @@ li::marker { color: var(--nc-text-weak); }
543
545
  .nc-context-menu-item:not(.nc-disabled):hover { background-color: var(--nc-overlay-hover); }
544
546
  .nc-context-menu-item:not(.nc-disabled):active { background-color: var(--nc-button-active); }
545
547
  .nc-context-menu-item.nc-disabled { color: var(--nc-text-weak); cursor: not-allowed; }
548
+ .nc-context-menu-item.nc-indented { padding-left: 40px; }
546
549
  .nc-context-menu-item.nc-danger { color: var(--nc-danger); }
547
550
  .nc-context-menu-item.nc-danger:not(.nc-disabled):hover { background-color: rgba(239, 68, 68, 0.1); }
548
551
  .nc-context-menu-item.nc-danger:not(.nc-disabled):active { background-color: rgba(239, 68, 68, 0.15); }
549
552
 
553
+ .nc-context-menu-item.nc-primary { color: var(--nc-primary); }
554
+ .nc-context-menu-item.nc-primary:not(.nc-disabled):hover { background-color: rgba(59, 130, 246, 0.1); }
555
+ .nc-context-menu-item.nc-primary:not(.nc-disabled):active { background-color: rgba(59, 130, 246, 0.15); }
556
+
557
+ .nc-context-menu-item.nc-warning { color: var(--nc-warning); }
558
+ .nc-context-menu-item.nc-warning:not(.nc-disabled):hover { background-color: rgba(245, 158, 11, 0.1); }
559
+ .nc-context-menu-item.nc-warning:not(.nc-disabled):active { background-color: rgba(245, 158, 11, 0.15); }
560
+
561
+ .nc-context-menu-separator {
562
+ height: 1px;
563
+ background-color: var(--nc-border);
564
+ margin: 4px 8px;
565
+ }
566
+
550
567
  .nc-context-menu-icon {
551
568
  display: flex;
552
569
  align-items: center;
@@ -853,6 +870,26 @@ input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
853
870
  padding-bottom: 4px;
854
871
  }
855
872
 
873
+ .nc-tab-panels {
874
+ display: flex;
875
+ flex-direction: column;
876
+ flex: 1;
877
+ min-height: 0;
878
+ overflow: auto;
879
+ }
880
+
881
+ .nc-tab-panel {
882
+ height: 100%;
883
+ }
884
+
885
+ .nc-tab-panel-wrapper {
886
+ display: flex;
887
+ flex-direction: column;
888
+ flex: 1;
889
+ min-height: 0;
890
+ height: 100%;
891
+ }
892
+
856
893
  /* Toggle component */
857
894
  .nc-toggle {
858
895
  position: relative;
@@ -908,8 +945,8 @@ input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
908
945
  animation: nc-dialog-slide-up 200ms ease-out;
909
946
  outline: none;
910
947
  width: 360px;
911
- max-width: 95vw;
912
- max-height: 95vh;
948
+ max-width: 90%;
949
+ max-height: 95%;
913
950
  }
914
951
 
915
952
  .nc-dialog-header {
@@ -1390,7 +1427,3 @@ input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
1390
1427
  padding-top: 8px;
1391
1428
  border-top: 1px solid var(--nc-border);
1392
1429
  }
1393
-
1394
- .nc-tab-panel-wrapper {
1395
- height: 100%;
1396
- }
package/dist/yaml.cjs CHANGED
@@ -91,6 +91,7 @@ prismjs/prism.js:
91
91
  word-wrap: normal !important;
92
92
  word-break: keep-all !important;
93
93
  overflow-x: visible !important;
94
+ resize: none !important;
94
95
  }
95
96
  `}),Q.jsxs("div",{className:`nc-yaml-textarea-container${l?" error":""}`,children:[Q.jsx("div",{ref:R,style:{padding:"10px 8px",paddingRight:12,background:"var(--nc-bg-tertiary)",borderRight:"1px solid var(--nc-border)",color:"var(--nc-text-weak)",fontFamily:'Consolas, Monaco, "Courier New", monospace',fontSize:13,lineHeight:"1.5",textAlign:"right",userSelect:"none",whiteSpace:"pre",minWidth:40,overflow:"hidden"},children:d}),Q.jsx("div",{ref:k,className:"yaml-editor-container",style:{flex:1,overflowX:"auto",overflowY:"auto"},onScroll:I,children:Q.jsx(er,{value:e,onValueChange:c,highlight:E,padding:10,readOnly:a,style:{fontFamily:'Consolas, Monaco, "Courier New", monospace',fontSize:13,lineHeight:"1.5",minHeight:"100%",background:"transparent",whiteSpace:"pre",minWidth:"max-content"},textareaClassName:"yaml-editor-textarea"})})]}),l&&Q.jsxs("div",{style:{color:"var(--danger)",fontSize:12,padding:"4px 8px",background:"var(--danger-bg, rgba(220, 53, 69, 0.1))",borderRadius:4},children:["Line ",l.line,": ",l.message]})]})}exports.YamlTextArea=jt;exports.default=jt;
96
97
  //# sourceMappingURL=yaml.cjs.map