@iyulab/components 0.2.0 → 0.2.2

package/dist/assets/styles/light.css

@@ -1,130 +1,130 @@
-:root {
-  color-scheme: light;
-
-  /* Neutral Colors */
-  --u-neutral-0:     #FFFFFF;
-  --u-neutral-50:    #FAFAFA;
-  --u-neutral-100:   #F5F5F5;
-  --u-neutral-200:   #EEEEEE;
-  --u-neutral-300:   #E0E0E0;
-  --u-neutral-400:   #BDBDBD;
-  --u-neutral-500:   #9E9E9E;
-  --u-neutral-600:   #757575;
-  --u-neutral-700:   #616161;
-  --u-neutral-800:   #424242;
-  --u-neutral-900:   #212121;
-  --u-neutral-1000:  #000000;
-
-  /* Blue Colors */
-  --u-blue-0:        #E3F2FD;
-  --u-blue-100:      #BBDEFB;
-  --u-blue-200:      #90CAF9;
-  --u-blue-300:      #64B5F6;
-  --u-blue-400:      #42A5F5;
-  --u-blue-500:      #2196F3;
-  --u-blue-600:      #1E88E5;
-  --u-blue-700:      #1976D2;
-  --u-blue-800:      #1565C0;
-  --u-blue-900:      #0D47A1;
-  --u-blue-1000:     #062A5E;
-
-  /* Green Colors */
-  --u-green-0:       #E8F5E9;
-  --u-green-100:     #C8E6C9;
-  --u-green-200:     #A5D6A7;
-  --u-green-300:     #81C784;
-  --u-green-400:     #66BB6A;
-  --u-green-500:     #4CAF50;
-  --u-green-600:     #43A047;
-  --u-green-700:     #388E3C;
-  --u-green-800:     #2E7D32;
-  --u-green-900:     #1B5E20;
-  --u-green-1000:    #0F3A12;
-
-  /* Yellow Colors */
-  --u-yellow-0:      #FFFDE7;
-  --u-yellow-100:    #FFF9C4;
-  --u-yellow-200:    #FFF59D;
-  --u-yellow-300:    #FFF176;
-  --u-yellow-400:    #FFEE58;
-  --u-yellow-500:    #FFEB3B;
-  --u-yellow-600:    #FDD835;
-  --u-yellow-700:    #FBC02D;
-  --u-yellow-800:    #F9A825;
-  --u-yellow-900:    #F57F17;
-  --u-yellow-1000:   #8A4A00;
-
-  /* Red Colors */
-  --u-red-0:         #FFEBEE;
-  --u-red-100:       #FFCDD2;
-  --u-red-200:       #EF9A9A;
-  --u-red-300:       #E57373;
-  --u-red-400:       #EF5350;
-  --u-red-500:       #F44336;
-  --u-red-600:       #E53935;
-  --u-red-700:       #D32F2F;
-  --u-red-800:       #C62828;
-  --u-red-900:       #B71C1C;
-  --u-red-1000:      #6B0F0F;
-
-  /* text Colors */
-  --u-txt-color:             var(--u-neutral-900);
-  --u-txt-color-inverse:     var(--u-neutral-0);
-  --u-txt-color-hover:       var(--u-blue-600);
-  --u-txt-color-active:      var(--u-blue-600);
-  --u-txt-color-disabled:    var(--u-neutral-400);
-  --u-txt-color-weak:        var(--u-neutral-700);
-  --u-txt-color-strong:      var(--u-neutral-1000);
-
-  --u-link-txt-color:        var(--u-blue-700);
-  --u-tooltip-txt-color:     var(--u-neutral-0);
-
-  /* Icon Colors */
-  --u-icon-color:            var(--u-neutral-700);
-  --u-icon-color-inverse:    var(--u-neutral-0);
-  --u-icon-color-hover:      var(--u-blue-600);
-  --u-icon-color-active:     var(--u-blue-600);
-  --u-icon-color-disabled:   var(--u-neutral-400);
-
-  /* border Colors */
-  --u-border-color:          var(--u-neutral-300);
-  --u-border-color-weak:     var(--u-neutral-200);
-  --u-border-color-strong:   var(--u-neutral-400);
-
-  --u-input-border-color:         var(--u-neutral-300);
-  --u-input-border-color-hover:   var(--u-neutral-400);
-  --u-input-border-color-focus:   var(--u-blue-600);
-  --u-input-border-color-invalid: var(--u-red-600);
-
-  /* background Colors */
-  --u-bg-color:              var(--u-neutral-0);
-  --u-bg-color-inverse:      var(--u-neutral-900);
-  --u-bg-color-hover:        var(--u-neutral-100);
-  --u-bg-color-active:       var(--u-neutral-200);
-  --u-bg-color-disabled:     var(--u-neutral-50);
- 
-  --u-input-bg-color:        var(--u-neutral-0);
-  --u-panel-bg-color:        var(--u-neutral-0);
-  --u-overlay-bg-color:      rgba(0, 0, 0, 0.5);
-  --u-tooltip-bg-color:      rgba(0, 0, 0, 0.75);
-
-  /* Shadow Colors */
-  --u-shadow-color-weaker:   rgba(0, 0, 0, 0.04);
-  --u-shadow-color-weak:     rgba(0, 0, 0, 0.08);
-  --u-shadow-color-normal:   rgba(0, 0, 0, 0.12);
-  --u-shadow-color-strong:   rgba(0, 0, 0, 0.16);
-  --u-shadow-color-stronger: rgba(0, 0, 0, 0.24);
-
-  /* Scrollbar Colors */
-  --u-scrollbar-color:       var(--u-neutral-400);
-  --u-scrollbar-color-hover: var(--u-neutral-500);
-  --u-scrollbar-track-color: transparent;
-
-  /* Font Styles */
-  --u-font-base:    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-  --u-font-mono:    ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;
-  --u-font-serif:   'Georgia', 'Times New Roman', Times, serif;
-  --u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
-  --u-font-modern:  'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  --u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+:root {
+  color-scheme: light;
+
+  /* Neutral Colors */
+  --u-neutral-0:     #FFFFFF;
+  --u-neutral-50:    #FAFAFA;
+  --u-neutral-100:   #F5F5F5;
+  --u-neutral-200:   #EEEEEE;
+  --u-neutral-300:   #E0E0E0;
+  --u-neutral-400:   #BDBDBD;
+  --u-neutral-500:   #9E9E9E;
+  --u-neutral-600:   #757575;
+  --u-neutral-700:   #616161;
+  --u-neutral-800:   #424242;
+  --u-neutral-900:   #212121;
+  --u-neutral-1000:  #000000;
+
+  /* Blue Colors */
+  --u-blue-0:        #E3F2FD;
+  --u-blue-100:      #BBDEFB;
+  --u-blue-200:      #90CAF9;
+  --u-blue-300:      #64B5F6;
+  --u-blue-400:      #42A5F5;
+  --u-blue-500:      #2196F3;
+  --u-blue-600:      #1E88E5;
+  --u-blue-700:      #1976D2;
+  --u-blue-800:      #1565C0;
+  --u-blue-900:      #0D47A1;
+  --u-blue-1000:     #062A5E;
+
+  /* Green Colors */
+  --u-green-0:       #E8F5E9;
+  --u-green-100:     #C8E6C9;
+  --u-green-200:     #A5D6A7;
+  --u-green-300:     #81C784;
+  --u-green-400:     #66BB6A;
+  --u-green-500:     #4CAF50;
+  --u-green-600:     #43A047;
+  --u-green-700:     #388E3C;
+  --u-green-800:     #2E7D32;
+  --u-green-900:     #1B5E20;
+  --u-green-1000:    #0F3A12;
+
+  /* Yellow Colors */
+  --u-yellow-0:      #FFFDE7;
+  --u-yellow-100:    #FFF9C4;
+  --u-yellow-200:    #FFF59D;
+  --u-yellow-300:    #FFF176;
+  --u-yellow-400:    #FFEE58;
+  --u-yellow-500:    #FFEB3B;
+  --u-yellow-600:    #FDD835;
+  --u-yellow-700:    #FBC02D;
+  --u-yellow-800:    #F9A825;
+  --u-yellow-900:    #F57F17;
+  --u-yellow-1000:   #8A4A00;
+
+  /* Red Colors */
+  --u-red-0:         #FFEBEE;
+  --u-red-100:       #FFCDD2;
+  --u-red-200:       #EF9A9A;
+  --u-red-300:       #E57373;
+  --u-red-400:       #EF5350;
+  --u-red-500:       #F44336;
+  --u-red-600:       #E53935;
+  --u-red-700:       #D32F2F;
+  --u-red-800:       #C62828;
+  --u-red-900:       #B71C1C;
+  --u-red-1000:      #6B0F0F;
+
+  /* text Colors */
+  --u-txt-color:             var(--u-neutral-900);
+  --u-txt-color-inverse:     var(--u-neutral-0);
+  --u-txt-color-hover:       var(--u-blue-600);
+  --u-txt-color-active:      var(--u-blue-600);
+  --u-txt-color-disabled:    var(--u-neutral-400);
+  --u-txt-color-weak:        var(--u-neutral-700);
+  --u-txt-color-strong:      var(--u-neutral-1000);
+
+  --u-link-txt-color:        var(--u-blue-700);
+  --u-tooltip-txt-color:     var(--u-neutral-0);
+
+  /* Icon Colors */
+  --u-icon-color:            var(--u-neutral-700);
+  --u-icon-color-inverse:    var(--u-neutral-0);
+  --u-icon-color-hover:      var(--u-blue-600);
+  --u-icon-color-active:     var(--u-blue-600);
+  --u-icon-color-disabled:   var(--u-neutral-400);
+
+  /* border Colors */
+  --u-border-color:          var(--u-neutral-300);
+  --u-border-color-weak:     var(--u-neutral-200);
+  --u-border-color-strong:   var(--u-neutral-400);
+
+  --u-input-border-color:         var(--u-neutral-300);
+  --u-input-border-color-hover:   var(--u-neutral-400);
+  --u-input-border-color-focus:   var(--u-blue-600);
+  --u-input-border-color-invalid: var(--u-red-600);
+
+  /* background Colors */
+  --u-bg-color:              var(--u-neutral-0);
+  --u-bg-color-inverse:      var(--u-neutral-900);
+  --u-bg-color-hover:        var(--u-neutral-100);
+  --u-bg-color-active:       var(--u-neutral-200);
+  --u-bg-color-disabled:     var(--u-neutral-50);
+ 
+  --u-input-bg-color:        var(--u-neutral-0);
+  --u-panel-bg-color:        var(--u-neutral-0);
+  --u-overlay-bg-color:      rgba(0, 0, 0, 0.5);
+  --u-tooltip-bg-color:      rgba(0, 0, 0, 0.75);
+
+  /* Shadow Colors */
+  --u-shadow-color-weaker:   rgba(0, 0, 0, 0.04);
+  --u-shadow-color-weak:     rgba(0, 0, 0, 0.08);
+  --u-shadow-color-normal:   rgba(0, 0, 0, 0.12);
+  --u-shadow-color-strong:   rgba(0, 0, 0, 0.16);
+  --u-shadow-color-stronger: rgba(0, 0, 0, 0.24);
+
+  /* Scrollbar Colors */
+  --u-scrollbar-color:       var(--u-neutral-400);
+  --u-scrollbar-color-hover: var(--u-neutral-500);
+  --u-scrollbar-track-color: transparent;
+
+  /* Font Styles */
+  --u-font-base:    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --u-font-mono:    ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;
+  --u-font-serif:   'Georgia', 'Times New Roman', Times, serif;
+  --u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
+  --u-font-modern:  'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
 }

package/dist/assets/styles/light.css.js

@@ -1,3 +1,3 @@
-const light = ":root {\n  color-scheme: light;\n\n  /* Neutral Colors */\n  --u-neutral-0:     #FFFFFF;\n  --u-neutral-50:    #FAFAFA;\n  --u-neutral-100:   #F5F5F5;\n  --u-neutral-200:   #EEEEEE;\n  --u-neutral-300:   #E0E0E0;\n  --u-neutral-400:   #BDBDBD;\n  --u-neutral-500:   #9E9E9E;\n  --u-neutral-600:   #757575;\n  --u-neutral-700:   #616161;\n  --u-neutral-800:   #424242;\n  --u-neutral-900:   #212121;\n  --u-neutral-1000:  #000000;\n\n  /* Blue Colors */\n  --u-blue-0:        #E3F2FD;\n  --u-blue-100:      #BBDEFB;\n  --u-blue-200:      #90CAF9;\n  --u-blue-300:      #64B5F6;\n  --u-blue-400:      #42A5F5;\n  --u-blue-500:      #2196F3;\n  --u-blue-600:      #1E88E5;\n  --u-blue-700:      #1976D2;\n  --u-blue-800:      #1565C0;\n  --u-blue-900:      #0D47A1;\n  --u-blue-1000:     #062A5E;\n\n  /* Green Colors */\n  --u-green-0:       #E8F5E9;\n  --u-green-100:     #C8E6C9;\n  --u-green-200:     #A5D6A7;\n  --u-green-300:     #81C784;\n  --u-green-400:     #66BB6A;\n  --u-green-500:     #4CAF50;\n  --u-green-600:     #43A047;\n  --u-green-700:     #388E3C;\n  --u-green-800:     #2E7D32;\n  --u-green-900:     #1B5E20;\n  --u-green-1000:    #0F3A12;\n\n  /* Yellow Colors */\n  --u-yellow-0:      #FFFDE7;\n  --u-yellow-100:    #FFF9C4;\n  --u-yellow-200:    #FFF59D;\n  --u-yellow-300:    #FFF176;\n  --u-yellow-400:    #FFEE58;\n  --u-yellow-500:    #FFEB3B;\n  --u-yellow-600:    #FDD835;\n  --u-yellow-700:    #FBC02D;\n  --u-yellow-800:    #F9A825;\n  --u-yellow-900:    #F57F17;\n  --u-yellow-1000:   #8A4A00;\n\n  /* Red Colors */\n  --u-red-0:         #FFEBEE;\n  --u-red-100:       #FFCDD2;\n  --u-red-200:       #EF9A9A;\n  --u-red-300:       #E57373;\n  --u-red-400:       #EF5350;\n  --u-red-500:       #F44336;\n  --u-red-600:       #E53935;\n  --u-red-700:       #D32F2F;\n  --u-red-800:       #C62828;\n  --u-red-900:       #B71C1C;\n  --u-red-1000:      #6B0F0F;\n\n  /* text Colors */\n  --u-txt-color:             var(--u-neutral-900);\n  --u-txt-color-inverse:     var(--u-neutral-0);\n  --u-txt-color-hover:       var(--u-blue-600);\n  --u-txt-color-active:      var(--u-blue-600);\n  --u-txt-color-disabled:    var(--u-neutral-400);\n  --u-txt-color-weak:        var(--u-neutral-700);\n  --u-txt-color-strong:      var(--u-neutral-1000);\n\n  --u-link-txt-color:        var(--u-blue-700);\n  --u-tooltip-txt-color:     var(--u-neutral-0);\n\n  /* Icon Colors */\n  --u-icon-color:            var(--u-neutral-700);\n  --u-icon-color-inverse:    var(--u-neutral-0);\n  --u-icon-color-hover:      var(--u-blue-600);\n  --u-icon-color-active:     var(--u-blue-600);\n  --u-icon-color-disabled:   var(--u-neutral-400);\n\n  /* border Colors */\n  --u-border-color:          var(--u-neutral-300);\n  --u-border-color-weak:     var(--u-neutral-200);\n  --u-border-color-strong:   var(--u-neutral-400);\n\n  --u-input-border-color:         var(--u-neutral-300);\n  --u-input-border-color-hover:   var(--u-neutral-400);\n  --u-input-border-color-focus:   var(--u-blue-600);\n  --u-input-border-color-invalid: var(--u-red-600);\n\n  /* background Colors */\n  --u-bg-color:              var(--u-neutral-0);\n  --u-bg-color-inverse:      var(--u-neutral-900);\n  --u-bg-color-hover:        var(--u-neutral-100);\n  --u-bg-color-active:       var(--u-neutral-200);\n  --u-bg-color-disabled:     var(--u-neutral-50);\n \n  --u-input-bg-color:        var(--u-neutral-0);\n  --u-panel-bg-color:        var(--u-neutral-0);\n  --u-overlay-bg-color:      rgba(0, 0, 0, 0.5);\n  --u-tooltip-bg-color:      rgba(0, 0, 0, 0.75);\n\n  /* Shadow Colors */\n  --u-shadow-color-weaker:   rgba(0, 0, 0, 0.04);\n  --u-shadow-color-weak:     rgba(0, 0, 0, 0.08);\n  --u-shadow-color-normal:   rgba(0, 0, 0, 0.12);\n  --u-shadow-color-strong:   rgba(0, 0, 0, 0.16);\n  --u-shadow-color-stronger: rgba(0, 0, 0, 0.24);\n\n  /* Scrollbar Colors */\n  --u-scrollbar-color:       var(--u-neutral-400);\n  --u-scrollbar-color-hover: var(--u-neutral-500);\n  --u-scrollbar-track-color: transparent;\n\n  /* Font Styles */\n  --u-font-base:    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n  --u-font-mono:    ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;\n  --u-font-serif:   'Georgia', 'Times New Roman', Times, serif;\n  --u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;\n  --u-font-modern:  'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  --u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}";
+const light = ":root {\r\n  color-scheme: light;\r\n\r\n  /* Neutral Colors */\r\n  --u-neutral-0:     #FFFFFF;\r\n  --u-neutral-50:    #FAFAFA;\r\n  --u-neutral-100:   #F5F5F5;\r\n  --u-neutral-200:   #EEEEEE;\r\n  --u-neutral-300:   #E0E0E0;\r\n  --u-neutral-400:   #BDBDBD;\r\n  --u-neutral-500:   #9E9E9E;\r\n  --u-neutral-600:   #757575;\r\n  --u-neutral-700:   #616161;\r\n  --u-neutral-800:   #424242;\r\n  --u-neutral-900:   #212121;\r\n  --u-neutral-1000:  #000000;\r\n\r\n  /* Blue Colors */\r\n  --u-blue-0:        #E3F2FD;\r\n  --u-blue-100:      #BBDEFB;\r\n  --u-blue-200:      #90CAF9;\r\n  --u-blue-300:      #64B5F6;\r\n  --u-blue-400:      #42A5F5;\r\n  --u-blue-500:      #2196F3;\r\n  --u-blue-600:      #1E88E5;\r\n  --u-blue-700:      #1976D2;\r\n  --u-blue-800:      #1565C0;\r\n  --u-blue-900:      #0D47A1;\r\n  --u-blue-1000:     #062A5E;\r\n\r\n  /* Green Colors */\r\n  --u-green-0:       #E8F5E9;\r\n  --u-green-100:     #C8E6C9;\r\n  --u-green-200:     #A5D6A7;\r\n  --u-green-300:     #81C784;\r\n  --u-green-400:     #66BB6A;\r\n  --u-green-500:     #4CAF50;\r\n  --u-green-600:     #43A047;\r\n  --u-green-700:     #388E3C;\r\n  --u-green-800:     #2E7D32;\r\n  --u-green-900:     #1B5E20;\r\n  --u-green-1000:    #0F3A12;\r\n\r\n  /* Yellow Colors */\r\n  --u-yellow-0:      #FFFDE7;\r\n  --u-yellow-100:    #FFF9C4;\r\n  --u-yellow-200:    #FFF59D;\r\n  --u-yellow-300:    #FFF176;\r\n  --u-yellow-400:    #FFEE58;\r\n  --u-yellow-500:    #FFEB3B;\r\n  --u-yellow-600:    #FDD835;\r\n  --u-yellow-700:    #FBC02D;\r\n  --u-yellow-800:    #F9A825;\r\n  --u-yellow-900:    #F57F17;\r\n  --u-yellow-1000:   #8A4A00;\r\n\r\n  /* Red Colors */\r\n  --u-red-0:         #FFEBEE;\r\n  --u-red-100:       #FFCDD2;\r\n  --u-red-200:       #EF9A9A;\r\n  --u-red-300:       #E57373;\r\n  --u-red-400:       #EF5350;\r\n  --u-red-500:       #F44336;\r\n  --u-red-600:       #E53935;\r\n  --u-red-700:       #D32F2F;\r\n  --u-red-800:       #C62828;\r\n  --u-red-900:       #B71C1C;\r\n  --u-red-1000:      #6B0F0F;\r\n\r\n  /* text Colors */\r\n  --u-txt-color:             var(--u-neutral-900);\r\n  --u-txt-color-inverse:     var(--u-neutral-0);\r\n  --u-txt-color-hover:       var(--u-blue-600);\r\n  --u-txt-color-active:      var(--u-blue-600);\r\n  --u-txt-color-disabled:    var(--u-neutral-400);\r\n  --u-txt-color-weak:        var(--u-neutral-700);\r\n  --u-txt-color-strong:      var(--u-neutral-1000);\r\n\r\n  --u-link-txt-color:        var(--u-blue-700);\r\n  --u-tooltip-txt-color:     var(--u-neutral-0);\r\n\r\n  /* Icon Colors */\r\n  --u-icon-color:            var(--u-neutral-700);\r\n  --u-icon-color-inverse:    var(--u-neutral-0);\r\n  --u-icon-color-hover:      var(--u-blue-600);\r\n  --u-icon-color-active:     var(--u-blue-600);\r\n  --u-icon-color-disabled:   var(--u-neutral-400);\r\n\r\n  /* border Colors */\r\n  --u-border-color:          var(--u-neutral-300);\r\n  --u-border-color-weak:     var(--u-neutral-200);\r\n  --u-border-color-strong:   var(--u-neutral-400);\r\n\r\n  --u-input-border-color:         var(--u-neutral-300);\r\n  --u-input-border-color-hover:   var(--u-neutral-400);\r\n  --u-input-border-color-focus:   var(--u-blue-600);\r\n  --u-input-border-color-invalid: var(--u-red-600);\r\n\r\n  /* background Colors */\r\n  --u-bg-color:              var(--u-neutral-0);\r\n  --u-bg-color-inverse:      var(--u-neutral-900);\r\n  --u-bg-color-hover:        var(--u-neutral-100);\r\n  --u-bg-color-active:       var(--u-neutral-200);\r\n  --u-bg-color-disabled:     var(--u-neutral-50);\r\n \r\n  --u-input-bg-color:        var(--u-neutral-0);\r\n  --u-panel-bg-color:        var(--u-neutral-0);\r\n  --u-overlay-bg-color:      rgba(0, 0, 0, 0.5);\r\n  --u-tooltip-bg-color:      rgba(0, 0, 0, 0.75);\r\n\r\n  /* Shadow Colors */\r\n  --u-shadow-color-weaker:   rgba(0, 0, 0, 0.04);\r\n  --u-shadow-color-weak:     rgba(0, 0, 0, 0.08);\r\n  --u-shadow-color-normal:   rgba(0, 0, 0, 0.12);\r\n  --u-shadow-color-strong:   rgba(0, 0, 0, 0.16);\r\n  --u-shadow-color-stronger: rgba(0, 0, 0, 0.24);\r\n\r\n  /* Scrollbar Colors */\r\n  --u-scrollbar-color:       var(--u-neutral-400);\r\n  --u-scrollbar-color-hover: var(--u-neutral-500);\r\n  --u-scrollbar-track-color: transparent;\r\n\r\n  /* Font Styles */\r\n  --u-font-base:    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\r\n  --u-font-mono:    ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;\r\n  --u-font-serif:   'Georgia', 'Times New Roman', Times, serif;\r\n  --u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;\r\n  --u-font-modern:  'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  --u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n}";
 
 export { light as default };

package/dist/components/icon/UIcon.component.d.ts

@@ -1,4 +1,3 @@
-import { nothing } from 'lit';
 import { BaseElement } from '../BaseElement.js';
 export type IconLibrary = "internal" | "default" | (string & {});
 /**
@@ -19,9 +18,7 @@ export declare class UIcon extends BaseElement {
      * 사용할 아이콘의 이름을 지정합니다.
      */
     name?: string;
-    render(): import('lit-html/directive.js').DirectiveResult<{
-        new (_partInfo: import('lit-html/directive.js').PartInfo): import('lit-html/directives/until.js').UntilDirective<typeof nothing | Promise<import('lit-html/directive.js').DirectiveResult<typeof import('lit-html/directives/unsafe-html.js').UnsafeHTMLDirective>>>;
-    }>;
+    render(): import('lit-html/directive.js').DirectiveResult<typeof import('lit-html/directives/until.js').UntilDirective>;
     /**
      * SVG 콘텐츠가 유효한 HTML인지 검사합니다.
      */

package/dist/components/input/UInput.component.d.ts

@@ -54,6 +54,12 @@ export declare class UInput extends BaseElement {
     pattern?: string;
     /** 유효성 검사 실패 시 표시할 메시지 */
     validationMessage?: string;
+    /** 최솟값 (number, date, time 등) */
+    min?: number;
+    /** 최댓값 (number, date, time 등) */
+    max?: number;
+    /** 증감 단위 (number, date, time 등) */
+    step?: number;
     protected updated(changedProperties: PropertyValues): void;
     render(): import('lit-html').TemplateResult<1>;
     /** 입력 필드에 포커스를 설정합니다. */

package/dist/components/input/UInput.component.js

@@ -112,6 +112,9 @@ class UInput extends BaseElement {
           autocomplete=${ifDefined(this.autocomplete)}
           placeholder=${ifDefined(this.placeholder)}
           pattern=${ifDefined(this.pattern)}
+          min=${ifDefined(this.min)}
+          max=${ifDefined(this.max)}
+          step=${ifDefined(this.step)}
           .value=${live(this.value)}
           @input=${this.handleInput}
           @change=${this.handleInputChange}
@@ -234,5 +237,14 @@ __decorateClass([
 __decorateClass([
   property({ type: String })
 ], UInput.prototype, "validationMessage");
+__decorateClass([
+  property({ type: Number })
+], UInput.prototype, "min");
+__decorateClass([
+  property({ type: Number })
+], UInput.prototype, "max");
+__decorateClass([
+  property({ type: Number })
+], UInput.prototype, "step");
 
 export { UInput };

package/dist/utilities/IconRegistry.js

@@ -24,7 +24,6 @@ import * as handThumbsDown from '../assets/icons/hand-thumbs-down.svg.js';
 import * as handThumbsUpFill from '../assets/icons/hand-thumbs-up-fill.svg.js';
 import * as handThumbsUp from '../assets/icons/hand-thumbs-up.svg.js';
 import * as infoCircleFill from '../assets/icons/info-circle-fill.svg.js';
-import * as layoutSidebar from '../assets/icons/layout-sidebar.svg.js';
 import * as lightbulbFill from '../assets/icons/lightbulb-fill.svg.js';
 import * as lightbulbOff from '../assets/icons/lightbulb-off.svg.js';
 import * as lightbulb from '../assets/icons/lightbulb.svg.js';
@@ -48,7 +47,7 @@ function setDefaultBaseUrl(url) {
 }
 const defaultIconCache = /* @__PURE__ */ new Map();
 const internalIconBundle = new Map(
-  Object.entries(/* #__PURE__ */ Object.assign({"../assets/icons/arrow-down.svg": arrowDown,"../assets/icons/arrow-repeat.svg": arrowRepeat,"../assets/icons/arrow-up.svg": arrowUp,"../assets/icons/ban.svg": ban,"../assets/icons/bell-fill.svg": bellFill,"../assets/icons/box-arrow-up-right.svg": boxArrowUpRight,"../assets/icons/check-circle-fill.svg": checkCircleFill,"../assets/icons/check-lg.svg": checkLg,"../assets/icons/chevron-down.svg": chevronDown,"../assets/icons/chevron-left.svg": chevronLeft,"../assets/icons/chevron-right.svg": chevronRight,"../assets/icons/chevron-up.svg": chevronUp,"../assets/icons/copy.svg": copy,"../assets/icons/dash-lg.svg": dashLg,"../assets/icons/exclamation-circle-fill.svg": exclamationCircleFill,"../assets/icons/exclamation-triangle-fill.svg": exclamationTriangleFill,"../assets/icons/eye-slash.svg": eyeSlash,"../assets/icons/eye.svg": eye,"../assets/icons/file-earmark.svg": fileEarmark,"../assets/icons/flag.svg": flag,"../assets/icons/globe.svg": globe,"../assets/icons/hand-thumbs-down-fill.svg": handThumbsDownFill,"../assets/icons/hand-thumbs-down.svg": handThumbsDown,"../assets/icons/hand-thumbs-up-fill.svg": handThumbsUpFill,"../assets/icons/hand-thumbs-up.svg": handThumbsUp,"../assets/icons/info-circle-fill.svg": infoCircleFill,"../assets/icons/layout-sidebar.svg": layoutSidebar,"../assets/icons/lightbulb-fill.svg": lightbulbFill,"../assets/icons/lightbulb-off.svg": lightbulbOff,"../assets/icons/lightbulb.svg": lightbulb,"../assets/icons/mic-fill.svg": micFill,"../assets/icons/mic-mute-fill.svg": micMuteFill,"../assets/icons/paperclip.svg": paperclip,"../assets/icons/pencil-square.svg": pencilSquare,"../assets/icons/plus-lg.svg": plusLg,"../assets/icons/search.svg": search,"../assets/icons/share.svg": share,"../assets/icons/stop-circle.svg": stopCircle,"../assets/icons/tools.svg": tools,"../assets/icons/x-lg.svg": xLg
+  Object.entries(/* #__PURE__ */ Object.assign({"../assets/icons/arrow-down.svg": arrowDown,"../assets/icons/arrow-repeat.svg": arrowRepeat,"../assets/icons/arrow-up.svg": arrowUp,"../assets/icons/ban.svg": ban,"../assets/icons/bell-fill.svg": bellFill,"../assets/icons/box-arrow-up-right.svg": boxArrowUpRight,"../assets/icons/check-circle-fill.svg": checkCircleFill,"../assets/icons/check-lg.svg": checkLg,"../assets/icons/chevron-down.svg": chevronDown,"../assets/icons/chevron-left.svg": chevronLeft,"../assets/icons/chevron-right.svg": chevronRight,"../assets/icons/chevron-up.svg": chevronUp,"../assets/icons/copy.svg": copy,"../assets/icons/dash-lg.svg": dashLg,"../assets/icons/exclamation-circle-fill.svg": exclamationCircleFill,"../assets/icons/exclamation-triangle-fill.svg": exclamationTriangleFill,"../assets/icons/eye-slash.svg": eyeSlash,"../assets/icons/eye.svg": eye,"../assets/icons/file-earmark.svg": fileEarmark,"../assets/icons/flag.svg": flag,"../assets/icons/globe.svg": globe,"../assets/icons/hand-thumbs-down-fill.svg": handThumbsDownFill,"../assets/icons/hand-thumbs-down.svg": handThumbsDown,"../assets/icons/hand-thumbs-up-fill.svg": handThumbsUpFill,"../assets/icons/hand-thumbs-up.svg": handThumbsUp,"../assets/icons/info-circle-fill.svg": infoCircleFill,"../assets/icons/lightbulb-fill.svg": lightbulbFill,"../assets/icons/lightbulb-off.svg": lightbulbOff,"../assets/icons/lightbulb.svg": lightbulb,"../assets/icons/mic-fill.svg": micFill,"../assets/icons/mic-mute-fill.svg": micMuteFill,"../assets/icons/paperclip.svg": paperclip,"../assets/icons/pencil-square.svg": pencilSquare,"../assets/icons/plus-lg.svg": plusLg,"../assets/icons/search.svg": search,"../assets/icons/share.svg": share,"../assets/icons/stop-circle.svg": stopCircle,"../assets/icons/tools.svg": tools,"../assets/icons/x-lg.svg": xLg
 
 
 })).map(([path, module]) => {

package/package.json

@@ -1,60 +1,60 @@
-{
-  "name": "@iyulab/components",
-  "description": "web-components library based on lit-element made by iyulab",
-  "version": "0.2.0",
-  "keywords": [
-    "iyulab",
-    "components",
-    "web-components",
-    "lit",
-    "lit-element"
-  ],
-  "license": "MIT",
-  "author": "iyulab",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/iyulab/node-components.git"
-  },
-  "files": [
-    "dist",
-    "LICENSE",
-    "README.md",
-    "CHANGELOG.md",
-    "package.json"
-  ],
-  "type": "module",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./dist/*": {
-      "types": "./dist/*.d.ts",
-      "import": "./dist/*"
-    }
-  },
-  "scripts": {
-    "start": "vite --force",
-    "build": "eslint && vite build"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "^1.7.4",
-    "@lit/react": "^1.0.8",
-    "lit": "^3.3.2",
-    "react": "^19.2.3",
-    "reflect-metadata": "^0.2.2"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.2",
-    "@types/node": "^25.0.9",
-    "eslint": "^9.39.2",
-    "eslint-plugin-lit": "^2.1.1",
-    "globals": "^17.0.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.53.0",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-static-copy": "^3.1.4"
-  }
-}
+{
+  "name": "@iyulab/components",
+  "description": "web-components library based on lit-element made by iyulab",
+  "version": "0.2.2",
+  "keywords": [
+    "iyulab",
+    "components",
+    "web-components",
+    "lit",
+    "lit-element"
+  ],
+  "license": "MIT",
+  "author": "iyulab",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/iyulab/node-components.git"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md",
+    "CHANGELOG.md",
+    "package.json"
+  ],
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "import": "./src/index.js"
+    },
+    "./dist/*": {
+      "types": "./src/*.d.ts",
+      "import": "./src/*"
+    }
+  },
+  "scripts": {
+    "test": "vite --force",
+    "build": "eslint && vite build"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.4",
+    "@lit/react": "^1.0.8",
+    "lit": "^3.3.2",
+    "react": "^19.2.3",
+    "reflect-metadata": "^0.2.2"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@types/node": "^25.0.9",
+    "eslint": "^9.39.2",
+    "eslint-plugin-lit": "^2.1.1",
+    "globals": "^17.0.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.53.1",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^3.1.5"
+  }
+}

package/dist/assets/icons/layout-sidebar.svg.js

@@ -1,3 +0,0 @@
-const layoutSidebar = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path d=\"M0 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm5-1v12h9a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM4 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2z\"/>\n</svg>";
-
-export { layoutSidebar as default };