@jjlmoya/utils-babies 1.13.0 → 1.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-babies",
-    "version": "1.13.0",
+    "version": "1.14.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/tool/baby-feeding-calculator/baby-feeding-calculator.css

@@ -1,4 +1,4 @@
-:global(.bfc-card) {
+.bfc-card {
   background: #fff;
   border: 1px solid #e2e8f0;
   border-radius: 28px;
@@ -8,7 +8,7 @@
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08);
 }
 
-:global(.theme-dark .bfc-card) {
+.theme-dark .bfc-card {
   background: #111827;
   border-color: #1f2937;
 }
@@ -24,17 +24,17 @@
   border-right: 1px solid #e2e8f0;
 }
 
-:global(.theme-dark .bfc-left) {
+.theme-dark .bfc-left {
   background: #1f2937;
   border-right-color: #374151;
 }
 
-:global(.bfc-right) {
+.bfc-right {
   background: #fff;
   padding: 40px;
 }
 
-:global(.theme-dark .bfc-right) {
+.theme-dark .bfc-right {
   background: #111827;
 }
 
@@ -48,7 +48,7 @@
   margin-bottom: 32px;
 }
 
-:global(.bfc-input-label) {
+.bfc-input-label {
   display: block;
   font-size: 0.95rem;
   font-weight: 700;
@@ -56,7 +56,7 @@
   margin-bottom: 12px;
 }
 
-:global(.theme-dark .bfc-input-label) {
+.theme-dark .bfc-input-label {
   color: #e2e8f0;
 }
 
@@ -72,11 +72,11 @@
   margin-bottom: 24px;
 }
 
-:global(.theme-dark .bfc-unit-nav) {
+.theme-dark .bfc-unit-nav {
   background: #374151;
 }
 
-:global(.bfc-unit-tab) {
+.bfc-unit-tab {
   flex: 1;
   padding: 8px;
   border: none;
@@ -90,17 +90,17 @@
   margin: 2px;
 }
 
-:global(.theme-dark .bfc-unit-tab) {
+.theme-dark .bfc-unit-tab {
   background: #1f2937;
 }
 
-:global(.bfc-unit-active) {
+.bfc-unit-active {
   background: #fff;
   color: #0d9488;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 }
 
-:global(.theme-dark .bfc-unit-active) {
+.theme-dark .bfc-unit-active {
   background: #4b5563;
   color: #2dd4bf;
 }
@@ -116,12 +116,12 @@
   margin-bottom: 8px;
 }
 
-:global(.theme-dark .bfc-stepper-box) {
+.theme-dark .bfc-stepper-box {
   background: #111827;
   border-color: #4b5563;
 }
 
-:global(.bfc-btn-step) {
+.bfc-btn-step {
   width: 44px;
   height: 44px;
   border-radius: 12px;
@@ -134,12 +134,12 @@
   transition: all 0.2s ease;
 }
 
-:global(.theme-dark .bfc-btn-step) {
+.theme-dark .bfc-btn-step {
   background: #374151;
   color: #f9fafb;
 }
 
-:global(.bfc-btn-step:hover) {
+.bfc-btn-step:hover {
   background: #0d9488;
   color: #fff;
 }
@@ -148,18 +148,18 @@
   text-align: center;
 }
 
-:global(.bfc-val-big) {
+.bfc-val-big {
   display: block;
   font-size: 2rem;
   font-weight: 800;
   color: #0f172a;
 }
 
-:global(.theme-dark .bfc-val-big) {
+.theme-dark .bfc-val-big {
   color: #fff;
 }
 
-:global(.bfc-val-sub) {
+.bfc-val-sub {
   display: block;
   font-size: 0.85rem;
   color: #64748b;
@@ -181,11 +181,11 @@
   outline: none;
 }
 
-:global(.theme-dark .bfc-slider) {
+.theme-dark .bfc-slider {
   background: #374151;
 }
 
-:global(.bfc-slider::-webkit-slider-thumb) {
+.bfc-slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 22px;
@@ -203,7 +203,7 @@
   gap: 12px;
 }
 
-:global(.bfc-type-tile) {
+.bfc-type-tile {
   background: #f1f5f9;
   border: 1px solid #cbd5e1;
   border-radius: 14px;
@@ -216,19 +216,19 @@
   color: #64748b;
 }
 
-:global(.theme-dark .bfc-type-tile) {
+.theme-dark .bfc-type-tile {
   background: #1f2937;
   border-color: #4b5563;
 }
 
-:global(.bfc-type-active) {
+.bfc-type-active {
   background: #f0fdfa;
   border-color: #0d9488;
   color: #0f766e;
   box-shadow: 0 2px 8px rgba(13, 148, 136, 0.1);
 }
 
-:global(.theme-dark .bfc-type-active) {
+.theme-dark .bfc-type-active {
   background: rgba(13, 148, 136, 0.1);
   color: #2dd4bf;
   border-color: #2dd4bf;
@@ -242,7 +242,7 @@
   border: 1px solid #e2e8f0;
 }
 
-:global(.theme-dark .bfc-gauge-area) {
+.theme-dark .bfc-gauge-area {
   background: #111827;
   border-color: #374151;
 }
@@ -264,14 +264,14 @@
   box-shadow: 0 10px 25px rgba(13, 148, 136, 0.2);
 }
 
-:global(.bfc-visual-hint) {
+.bfc-visual-hint {
   font-size: 0.95rem;
   font-weight: 600;
   color: #0f766e;
   margin: 0;
 }
 
-:global(.theme-dark .bfc-visual-hint) {
+.theme-dark .bfc-visual-hint {
   color: #2dd4bf;
 }
 
@@ -283,11 +283,11 @@
   margin-bottom: 24px;
 }
 
-:global(.theme-dark .bfc-res-card-box) {
+.theme-dark .bfc-res-card-box {
   background: rgba(13, 148, 136, 0.05);
 }
 
-:global(.bfc-res-main-val) {
+.bfc-res-main-val {
   display: block;
   font-size: 3.5rem;
   font-weight: 950;
@@ -296,11 +296,11 @@
   line-height: 1;
 }
 
-:global(.theme-dark .bfc-res-main-val) {
+.theme-dark .bfc-res-main-val {
   color: #2dd4bf;
 }
 
-:global(.bfc-res-label) {
+.bfc-res-label {
   display: block;
   margin-top: 8px;
   font-size: 1rem;
@@ -320,11 +320,11 @@
   border-bottom: 2px solid #f1f5f9;
 }
 
-:global(.theme-dark .bfc-stat-item) {
+.theme-dark .bfc-stat-item {
   border-bottom-color: #374151;
 }
 
-:global(.bfc-stat-label) {
+.bfc-stat-label {
   display: block;
   font-size: 0.7rem;
   font-weight: 800;
@@ -333,13 +333,13 @@
   margin-bottom: 2px;
 }
 
-:global(.bfc-stat-value) {
+.bfc-stat-value {
   font-size: 1.15rem;
   font-weight: 800;
   color: #334155;
 }
 
-:global(.theme-dark .bfc-stat-value) {
+.theme-dark .bfc-stat-value {
   color: #e2e8f0;
 }
 
@@ -361,22 +361,22 @@
   border-radius: 100px;
 }
 
-:global(.bfc-pill-hunger) {
+.bfc-pill-hunger {
   background: #fff7ed;
   color: #c2410c;
 }
 
-:global(.theme-dark .bfc-pill-hunger) {
+.theme-dark .bfc-pill-hunger {
   background: rgba(194, 65, 12, 0.1);
   color: #fdba74;
 }
 
-:global(.bfc-pill-fullness) {
+.bfc-pill-fullness {
   background: #f0fdf4;
   color: #15803d;
 }
 
-:global(.theme-dark .bfc-pill-fullness) {
+.theme-dark .bfc-pill-fullness {
   background: rgba(21, 128, 61, 0.1);
   color: #4ade80;
 }

package/src/tool/baby-percentile-calculator/baby-weight-height-percentile.css

@@ -1,4 +1,4 @@
-:global(.bpc-card) {
+.bpc-card {
   background: #fff;
   border: 1px solid #e2e8f0;
   border-radius: 32px;
@@ -10,11 +10,11 @@
   border-top: 8px solid #0ea5e9;
 }
 
-:global(.bpc-card:not(.bpc-boy)) {
+.bpc-card:not(.bpc-boy) {
   border-top-color: #0d9488;
 }
 
-:global(.theme-dark .bpc-card) {
+.theme-dark .bpc-card {
   background: #0f172a;
   border-color: #1e293b;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
@@ -31,17 +31,17 @@
   border-right: 1px solid #e2e8f0;
 }
 
-:global(.theme-dark .bpc-left) {
+.theme-dark .bpc-left {
   background: #1e293b;
   border-right-color: #334155;
 }
 
-:global(.bpc-right) {
+.bpc-right {
   background: #fff;
   padding: 40px;
 }
 
-:global(.theme-dark .bpc-right) {
+.theme-dark .bpc-right {
   background: #0f172a;
 }
 
@@ -55,15 +55,15 @@
   margin-bottom: 32px;
 }
 
-:global(.theme-dark .bpc-section-marker) {
+.theme-dark .bpc-section-marker {
   color: #94a3b8;
 }
 
-:global(.bpc-input-group) {
+.bpc-input-group {
   margin-bottom: 24px;
 }
 
-:global(.bpc-input-label) {
+.bpc-input-label {
   display: block;
   font-size: 0.95rem;
   font-weight: 700;
@@ -71,7 +71,7 @@
   margin-bottom: 12px;
 }
 
-:global(.theme-dark .bpc-input-label) {
+.theme-dark .bpc-input-label {
   color: #f8fafc;
 }
 
@@ -83,11 +83,11 @@
   border-radius: 14px;
 }
 
-:global(.theme-dark .bpc-sex-selector) {
+.theme-dark .bpc-sex-selector {
   background: #334155;
 }
 
-:global(.bpc-sex-btn) {
+.bpc-sex-btn {
   flex: 1;
   padding: 12px;
   border: none;
@@ -100,35 +100,35 @@
   transition: all 0.2s ease;
 }
 
-:global(.bpc-sex-btn.bpc-active) {
+.bpc-sex-btn.bpc-active {
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 }
 
-:global(.theme-dark .bpc-sex-btn.bpc-active) {
+.theme-dark .bpc-sex-btn.bpc-active {
   background: #0f172a;
 }
 
-:global(.bpc-boy .bpc-sex-btn[data-sex="boy"].bpc-active) {
+.bpc-boy .bpc-sex-btn[data-sex="boy"].bpc-active {
   color: #0ea5e9;
 }
 
-:global(.bpc-card:not(.bpc-boy) .bpc-sex-btn[data-sex="girl"].bpc-active) {
+.bpc-card:not(.bpc-boy .bpc-sex-btn[data-sex="girl"].bpc-active) {
   color: #0d9488;
 }
 
-:global(.bpc-unit-nav) {
+.bpc-unit-nav {
   display: flex;
   background: #f1f5f9;
   padding: 6px;
   border-radius: 14px;
 }
 
-:global(.theme-dark .bpc-unit-nav) {
+.theme-dark .bpc-unit-nav {
   background: #334155;
 }
 
-:global(.bpc-unit-tab) {
+.bpc-unit-tab {
   flex: 1;
   padding: 10px;
   border: none;
@@ -141,17 +141,17 @@
   transition: all 0.2s ease;
 }
 
-:global(.bpc-unit-tab.bpc-active) {
+.bpc-unit-tab.bpc-active {
   background: #fff;
   color: #0d9488;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 }
 
-:global(.bpc-boy .bpc-unit-tab.bpc-active) {
+.bpc-boy .bpc-unit-tab.bpc-active {
   color: #0ea5e9;
 }
 
-:global(.theme-dark .bpc-unit-tab.bpc-active) {
+.theme-dark .bpc-unit-tab.bpc-active {
   background: #0f172a;
 }
 
@@ -166,12 +166,12 @@
   margin-bottom: 12px;
 }
 
-:global(.theme-dark .bpc-stepper-box) {
+.theme-dark .bpc-stepper-box {
   background: #334155;
   border-color: #475569;
 }
 
-:global(.bpc-btn-step) {
+.bpc-btn-step {
   width: 44px;
   height: 44px;
   border-radius: 12px;
@@ -184,17 +184,17 @@
   transition: all 0.2s ease;
 }
 
-:global(.theme-dark .bpc-btn-step) {
+.theme-dark .bpc-btn-step {
   background: #0f172a;
   color: #fff;
 }
 
-:global(.bpc-btn-step:hover) {
+.bpc-btn-step:hover {
   background: #0d9488;
   color: #fff;
 }
 
-:global(.bpc-boy .bpc-btn-step:hover) {
+.bpc-boy .bpc-btn-step:hover {
   background: #0ea5e9;
 }
 
@@ -202,18 +202,18 @@
   text-align: center;
 }
 
-:global(.bpc-val-big) {
+.bpc-val-big {
   display: block;
   font-size: 2.25rem;
   font-weight: 900;
   color: #0f172a;
 }
 
-:global(.theme-dark .bpc-val-big) {
+.theme-dark .bpc-val-big {
   color: #fff;
 }
 
-:global(.bpc-val-sub) {
+.bpc-val-sub {
   font-size: 0.8rem;
   color: #64748b;
   font-weight: 700;
@@ -230,11 +230,11 @@
   outline: none;
 }
 
-:global(.theme-dark .bpc-slider) {
+.theme-dark .bpc-slider {
   background: #475569;
 }
 
-:global(.bpc-slider::-webkit-slider-thumb) {
+.bpc-slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 24px;
@@ -246,18 +246,18 @@
   box-shadow: 0 4px 10px rgba(13, 148, 136, 0.4);
 }
 
-:global(.bpc-boy .bpc-slider::-webkit-slider-thumb) {
+.bpc-boy .bpc-slider::-webkit-slider-thumb {
   background: #0ea5e9;
   box-shadow: 0 4px 10px rgba(14, 165, 233, 0.4);
 }
 
-:global(.bpc-grid-2) {
+.bpc-grid-2 {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
 }
 
-:global(.bpc-num-input) {
+.bpc-num-input {
   width: 100%;
   padding: 16px;
   border: 2px solid #e2e8f0;
@@ -270,19 +270,19 @@
   box-sizing: border-box;
 }
 
-:global(.theme-dark .bpc-num-input) {
+.theme-dark .bpc-num-input {
   background: #334155;
   border-color: #475569;
   color: #fff;
 }
 
-:global(.bpc-num-input:focus) {
+.bpc-num-input:focus {
   border-color: #0d9488;
   outline: none;
   box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.1);
 }
 
-:global(.bpc-boy .bpc-num-input:focus) {
+.bpc-boy .bpc-num-input:focus {
   border-color: #0ea5e9;
 }
 
@@ -326,7 +326,7 @@
   transition: all 0.2s ease;
 }
 
-:global(.theme-dark) .bpc-btn-clear {
+.theme-dark .bpc-btn-clear {
   border-color: #334155;
 }
 
@@ -350,7 +350,7 @@
   border: 1px solid #e2e8f0;
 }
 
-:global(.theme-dark) .bpc-res-item {
+.theme-dark .bpc-res-item {
   background: #1e293b;
   border-color: #334155;
 }
@@ -377,7 +377,7 @@
   color: #0ea5e9;
 }
 
-:global(.theme-dark) .bpc-percent-val {
+.theme-dark .bpc-percent-val {
   color: #2dd4bf;
 }
 
@@ -399,7 +399,7 @@
   margin-bottom: 24px;
 }
 
-:global(.theme-dark) .bpc-alert-msg {
+.theme-dark .bpc-alert-msg {
   background: rgba(154, 52, 18, 0.1);
   border-color: rgba(154, 52, 18, 0.2);
   color: #fdba74;
@@ -426,7 +426,7 @@
   font-style: italic;
 }
 
-:global(.theme-dark) .bpc-disclaimer {
+.theme-dark .bpc-disclaimer {
   background: #1e293b;
 }