aibos-design-system 1.0.0 → 1.0.1

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.
Files changed (17) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +335 -333
  3. package/dist/headless-map.json +44 -41
  4. package/dist/tokens/index.d.ts +66 -66
  5. package/dist/tokens.json +34 -34
  6. package/{API_REFERENCE.md → docs/API_REFERENCE.md} +379 -379
  7. package/{EXTERNAL_USAGE.md → docs/EXTERNAL_USAGE.md} +372 -370
  8. package/docs/INTEGRATION_GUIDE.md +433 -0
  9. package/docs/QUICK_REFERENCE.md +303 -0
  10. package/input.css +4056 -4050
  11. package/lib/cli-autocomplete.ts +231 -0
  12. package/lib/cli-commands.ts +364 -0
  13. package/lib/cli-filter-engine.ts +271 -0
  14. package/lib/cli-parser.ts +197 -0
  15. package/lib/utils.ts +18 -0
  16. package/package.json +11 -4
  17. package/style.css +683 -237
package/dist/headless-map.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": "1.0.0",
3
- "generated": "2025-12-28T10:49:16.409Z",
3
+ "generated": "2025-12-29T00:50:23.233Z",
4
4
  "classes": {
5
5
  "na-bg-grain": {
6
6
  "position": "fixed",
@@ -151,9 +151,6 @@
151
151
  "na-grid-2-1": {
152
152
  "grid-template-columns": "2fr 1fr"
153
153
  },
154
- "na-grid-chart-health": {
155
- "grid-template-columns": "1fr"
156
- },
157
154
  "na-flex": {
158
155
  "display": "flex"
159
156
  },
@@ -212,6 +209,9 @@
212
209
  "color": "color-mix(in oklab, var(--color-lux) 65%, var(--color-clay))",
213
210
  "white-space": "nowrap"
214
211
  },
212
+ "na-grid-chart-health": {
213
+ "grid-template-columns": "1fr"
214
+ },
215
215
  "na-status-dot-success": {
216
216
  "box-shadow": "0 0 8px var(--color-success)"
217
217
  },
@@ -229,6 +229,9 @@
229
229
  "color": "color-mix(in oklab, var(--color-lux) 50%, var(--color-clay))",
230
230
  "background": "rgba(255, 255, 255, 0.03)"
231
231
  },
232
+ "na-search": {
233
+ "max-width": "var(--w-search-bar)"
234
+ },
232
235
  "na-search-input": {
233
236
  "focus": "border-gold focus:outline-none transition-colors"
234
237
  },
@@ -278,7 +281,7 @@
278
281
  "grid-area": "main",
279
282
  "display": "grid",
280
283
  "grid-template-rows": "3rem 1fr",
281
- "oolbar": "48px, Content: 1fr */\r\n overflow: hidden"
284
+ "oolbar": "48px, Content: 1fr */\n overflow: hidden"
282
285
  },
283
286
  "na-shell-drawer": {
284
287
  "border-left": "none"
@@ -350,7 +353,7 @@
350
353
  "padding-bottom": "0.5rem"
351
354
  },
352
355
  "na-tr": {
353
- "transition": "background-color 220ms var(--ease-smooth),\r\n color 220ms var(--ease-smooth)"
356
+ "transition": "background-color 220ms var(--ease-smooth),\n color 220ms var(--ease-smooth)"
354
357
  },
355
358
  "na-lineage-badge": {
356
359
  "text-decoration": "none"
@@ -547,7 +550,7 @@
547
550
  },
548
551
  "na-toast-close": {
549
552
  "color": "color-mix(in oklab, var(--color-lux) 55%, var(--color-clay))",
550
- "transition": "transform 240ms var(--ease-premium),\r\n border-color 240ms var(--ease-premium),\r\n background-color 240ms var(--ease-premium)",
553
+ "transition": "transform 240ms var(--ease-premium),\n border-color 240ms var(--ease-premium),\n background-color 240ms var(--ease-premium)",
551
554
  "flex": "0 0 auto"
552
555
  },
553
556
  "na-toast-toggle": {
@@ -662,7 +665,7 @@
662
665
  "Analog Base Palette) ": {
663
666
  "": {
664
667
  "": {
665
- " */\r\n ": {
668
+ " */\n ": {
666
669
  "": {
667
670
  "color": {
668
671
  "void": "#09090b"
@@ -676,8 +679,8 @@
676
679
  " Typography Primitives ": {
677
680
  "": {
678
681
  "": {
679
- " */\r\n /* Font Families ": {
680
- " Figma Standard Naming (100% Compliance) */\r\n ": {
682
+ " */\n /* Font Families ": {
683
+ " Figma Standard Naming (100% Compliance) */\n ": {
681
684
  "": {
682
685
  "font": {
683
686
  "family": {
@@ -694,10 +697,10 @@
694
697
  " Figma Standard Scale (0px through 384px) ": {
695
698
  "": {
696
699
  "": {
697
- " */\r\n ": {
700
+ " */\n ": {
698
701
  "": {
699
702
  "spacing0": {
700
- "0": "0px"
703
+ "0": "0"
701
704
  }
702
705
  }
703
706
  }
@@ -709,7 +712,7 @@
709
712
  " Figma Standard Scale ": {
710
713
  "": {
711
714
  "": {
712
- " */\r\n ": {
715
+ " */\n ": {
713
716
  "": {
714
717
  "radius": {
715
718
  "none": "0"
@@ -724,7 +727,7 @@
724
727
  " Figma Standard Scale ": {
725
728
  "": {
726
729
  "": {
727
- " */\r\n ": {
730
+ " */\n ": {
728
731
  "": {
729
732
  "shadow": {
730
733
  "none": "none"
@@ -739,7 +742,7 @@
739
742
  " Figma Standard Scale ": {
740
743
  "": {
741
744
  "": {
742
- " */\r\n ": {
745
+ " */\n ": {
743
746
  "": {
744
747
  "blur": {
745
748
  "none": "0"
@@ -754,7 +757,7 @@
754
757
  " Figma Standard Scale ": {
755
758
  "": {
756
759
  "": {
757
- " */\r\n ": {
760
+ " */\n ": {
758
761
  "": {
759
762
  "opacity0": {
760
763
  "0": "0"
@@ -769,8 +772,8 @@
769
772
  " Figma Standard ": {
770
773
  "": {
771
774
  "": {
772
- " */\r\n /* Easing Functions ": {
773
- " Figma Standard */\r\n ": {
775
+ " */\n /* Easing Functions ": {
776
+ " Figma Standard */\n ": {
774
777
  "": {
775
778
  "ease": {
776
779
  "linear": "linear"
@@ -787,7 +790,7 @@
787
790
  " Figma Standard Scale ": {
788
791
  "": {
789
792
  "": {
790
- " */\r\n ": {
793
+ " */\n ": {
791
794
  "": {
792
795
  "z0": {
793
796
  "0": "0"
@@ -802,7 +805,7 @@
802
805
  " Color Semantic Mappings (Figma Standard) ": {
803
806
  "": {
804
807
  "": {
805
- " */\r\n /* Base Theme */\r\n ": {
808
+ " */\n /* Base Theme */\n ": {
806
809
  "": {
807
810
  "color": {
808
811
  "background": "var(--color-void)"
@@ -816,8 +819,8 @@
816
819
  "Compliant Extension) ": {
817
820
  "": {
818
821
  "": {
819
- " */\r\n /* These are valid Figma extensions ": {
820
- " semantic tokens mapped to standard scale */\r\n ": {
822
+ " */\n /* These are valid Figma extensions ": {
823
+ " semantic tokens mapped to standard scale */\n ": {
821
824
  "": {
822
825
  "radius": {
823
826
  "card": "var(--radius-xl)"
@@ -833,8 +836,8 @@
833
836
  "Compliant Extension) ": {
834
837
  "": {
835
838
  "": {
836
- " */\r\n /* Semantic opacity tokens mapped to standard scale ": {
837
- " valid Figma extensions */\r\n ": {
839
+ " */\n /* Semantic opacity tokens mapped to standard scale ": {
840
+ " valid Figma extensions */\n ": {
838
841
  "": {
839
842
  "opacity": {
840
843
  "disabled": "var(--opacity-50)"
@@ -846,14 +849,14 @@
846
849
  }
847
850
  }
848
851
  },
849
- " Typography Extensions": "Data & Metadata (Figma-Compliant Extension) --- */\r\n \r\n \r\n --data-size: 0.875rem",
852
+ " Typography Extensions": "Data & Metadata (Figma-Compliant Extension) --- */\n \n \n --data-size: 0.875rem",
850
853
  " Animation Extensions (Figma": {
851
854
  "Compliant Extension) ": {
852
855
  "": {
853
856
  "": {
854
- " */\r\n /* Neo": {
857
+ " */\n /* Neo": {
855
858
  "Analog animation definitions using custom easing ": {
856
- " valid Figma extensions */\r\n ": {
859
+ " valid Figma extensions */\n ": {
857
860
  "": {
858
861
  "animate": {
859
862
  "fade": {
@@ -877,7 +880,7 @@
877
880
  "paperhover": {
878
881
  "hover": "#27272a"
879
882
  },
880
- "white": "#ffffff",
883
+ "white": "#fff",
881
884
  "lux": "#f4f4f5",
882
885
  "luxdim": {
883
886
  "dim": "#a1a1aa"
@@ -958,8 +961,8 @@
958
961
  }
959
962
  },
960
963
  "fontFamily": {
961
- "serif": "\"Playfair Display\", Georgia, serif",
962
- "mono": "\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Courier New\", monospace"
964
+ "serif": "\"Playfair Display\", georgia, serif",
965
+ "mono": "\"JetBrains Mono\", ui-monospace, sfmono-regular, menlo, monaco, consolas, \"Courier New\", monospace"
963
966
  },
964
967
  "font": {
965
968
  "weight": {
@@ -1114,23 +1117,23 @@
1114
1117
  "lg": "0.5rem",
1115
1118
  "xl": "0.75rem",
1116
1119
  "full": "9999px",
1117
- "xl */\r\n ": {
1120
+ "xl */\n ": {
1118
1121
  "": {
1119
1122
  "radius": {
1120
1123
  "panel": "var(--radius-2xl)"
1121
1124
  }
1122
1125
  }
1123
1126
  },
1124
- "lg */\r\n\r\n /* ": {
1127
+ "lg */\n\n /* ": {
1125
1128
  "": {
1126
1129
  "": {
1127
1130
  " Custom Shadow Tokens (Figma": {
1128
1131
  "Compliant Extension) ": {
1129
1132
  "": {
1130
1133
  "": {
1131
- " */\r\n /* Neo": {
1134
+ " */\n /* Neo": {
1132
1135
  "Analog signature shadows ": {
1133
- " valid Figma extensions */\r\n ": {
1136
+ " valid Figma extensions */\n ": {
1134
1137
  "": {
1135
1138
  "shadow": {
1136
1139
  "card": "0 1px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 0 rgba(255, 255, 255, 0.03) inset"
@@ -1295,44 +1298,44 @@
1295
1298
  "tooltip": "1070",
1296
1299
  "toast": "1080"
1297
1300
  },
1298
- "radius2xl */\r\n ": {
1301
+ "radius2xl */\n ": {
1299
1302
  "": {
1300
1303
  "radius": {
1301
1304
  "control": "var(--radius-lg)"
1302
1305
  }
1303
1306
  }
1304
1307
  },
1305
- "opacity50 */\r\n ": {
1308
+ "opacity50 */\n ": {
1306
1309
  "": {
1307
1310
  "opacity": {
1308
1311
  "hover": "var(--opacity-80)"
1309
1312
  }
1310
1313
  }
1311
1314
  },
1312
- "opacity80 */\r\n ": {
1315
+ "opacity80 */\n ": {
1313
1316
  "": {
1314
1317
  "opacity": {
1315
1318
  "pressed": "var(--opacity-60)"
1316
1319
  }
1317
1320
  }
1318
1321
  },
1319
- "opacity60 */\r\n ": {
1322
+ "opacity60 */\n ": {
1320
1323
  "": {
1321
1324
  "opacity": {
1322
1325
  "focus": "var(--opacity-90)"
1323
1326
  }
1324
1327
  }
1325
1328
  },
1326
- "opacity90 */\r\n\r\n /* ": {
1329
+ "opacity90 */\n\n /* ": {
1327
1330
  "": {
1328
1331
  "": {
1329
1332
  " Custom Easing Functions (Figma": {
1330
1333
  "Compliant Extension) ": {
1331
1334
  "": {
1332
1335
  "": {
1333
- " */\r\n /* Neo": {
1336
+ " */\n /* Neo": {
1334
1337
  "Analog premium easing curves ": {
1335
- " valid Figma extensions */\r\n ": {
1338
+ " valid Figma extensions */\n ": {
1336
1339
  "": {
1337
1340
  "ease": {
1338
1341
  "premium": "cubic-bezier(0.2, 0, 0, 1)"