twntyx-css 1.0.2 → 1.0.5
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/llm/components/ai-orb.json +0 -1
- package/llm/components/ai-perl.json +5 -13
- package/llm/components/all-components.json +13 -5
- package/llm/components/{banner-marketplace.json → banner-funding.json} +8 -8
- package/llm/components/breadcrumb.json +0 -1
- package/llm/components/button-container.json +1 -0
- package/llm/components/chat-ai.json +100 -6
- package/llm/components/chat-footer.json +24 -3
- package/llm/components/checkmark.json +0 -1
- package/llm/components/command-palette.json +0 -1
- package/llm/components/countdown.json +1 -1
- package/llm/components/divider.json +1 -1
- package/llm/components/kbd.json +1 -1
- package/llm/components/key-value.json +2 -10
- package/llm/components/{skeleton.json → loader-skeleton.json} +7 -5
- package/llm/components/{loader.json → loader-symbol.json} +8 -10
- package/llm/components/{empty-state.json → loader-text.json} +22 -20
- package/llm/components/progress-bullet.json +0 -1
- package/llm/components/state.json +2 -1
- package/llm/components/stepper.json +1 -1
- package/llm/components/steps.json +6 -95
- package/llm/components/surface.json +2 -0
- package/llm/components/tabs.json +1 -0
- package/llm/components/{input-group.json → template-navbar.json} +28 -43
- package/llm/components/text-input.json +8 -169
- package/llm/components/toast.json +0 -2
- package/llm/components/tooltip.json +1 -1
- package/llm/examples/ai-perl.html +1 -1
- package/llm/examples/banner-funding.html +1 -0
- package/llm/examples/chat-ai.html +1 -1
- package/llm/examples/chat-footer.html +1 -1
- package/llm/examples/key-value.html +1 -1
- package/llm/examples/loader-skeleton.html +1 -0
- package/llm/examples/loader-symbol.html +1 -0
- package/llm/examples/loader-text.html +1 -0
- package/llm/examples/steps.html +1 -1
- package/llm/examples/template-navbar.html +1 -0
- package/llm/index.json +73 -88
- package/llm/patterns.json +2 -2
- package/llm/tokens.json +657 -367
- package/package.json +1 -1
- package/styles/ai.css +3 -7
- package/styles/animation.css +228 -94
- package/styles/button.css +50 -39
- package/styles/card.css +3 -3
- package/styles/colors.css +525 -283
- package/styles/datepicker.css +8 -15
- package/styles/divider.css +1 -1
- package/styles/form.css +6 -8
- package/styles/globals.css +62 -64
- package/styles/key-value.css +4 -3
- package/styles/loader.css +25 -31
- package/styles/logotype.css +6 -6
- package/styles/scrollbar.css +2 -2
- package/styles/shared.css +17 -17
- package/styles/skeleton.css +2 -1
- package/styles/state.css +109 -97
- package/styles/steps.css +2 -2
- package/styles/surface.css +74 -90
- package/styles/table.css +3 -3
- package/styles/toast.css +3 -5
- package/llm/components/navbar.json +0 -158
- package/llm/examples/banner-marketplace.html +0 -1
- package/llm/examples/empty-state.html +0 -1
- package/llm/examples/input-group.html +0 -1
- package/llm/examples/loader.html +0 -1
- package/llm/examples/navbar.html +0 -1
- package/llm/examples/skeleton.html +0 -1
- package/styles/empty-state.css +0 -48
- package/styles/navbar.css +0 -48
package/llm/index.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"llmSchemaVersion": "1.0.0",
|
|
3
|
-
"designSystemVersion": "1.0.
|
|
3
|
+
"designSystemVersion": "1.0.5",
|
|
4
4
|
"packageName": "twntyx-css",
|
|
5
5
|
"apiModel": "html-class",
|
|
6
|
-
"sourceFingerprint": "
|
|
6
|
+
"sourceFingerprint": "bd6f1d8c217682374a3d5519f14a8c18f182db2cea28a2eb3dd66148a1b33dfa",
|
|
7
7
|
"files": {
|
|
8
8
|
"schema": "schema.json",
|
|
9
9
|
"tokens": "tokens.json",
|
|
@@ -57,20 +57,13 @@
|
|
|
57
57
|
},
|
|
58
58
|
{
|
|
59
59
|
"id": "ai-perl",
|
|
60
|
-
"name": "Perl",
|
|
60
|
+
"name": "Ai Perl",
|
|
61
61
|
"file": "components/ai-perl.json",
|
|
62
|
-
"status": "
|
|
63
|
-
"summary": "
|
|
62
|
+
"status": "preview",
|
|
63
|
+
"summary": "Documentation and contract metadata for Ai Perl in the twntyX design system.",
|
|
64
64
|
"keywords": [
|
|
65
|
-
"ai",
|
|
66
65
|
"ai perl",
|
|
67
|
-
"ai-perl"
|
|
68
|
-
"animation",
|
|
69
|
-
"generating",
|
|
70
|
-
"loading",
|
|
71
|
-
"overlay",
|
|
72
|
-
"perl",
|
|
73
|
-
"spinner"
|
|
66
|
+
"ai-perl"
|
|
74
67
|
]
|
|
75
68
|
},
|
|
76
69
|
{
|
|
@@ -198,9 +191,9 @@
|
|
|
198
191
|
]
|
|
199
192
|
},
|
|
200
193
|
{
|
|
201
|
-
"id": "banner-
|
|
194
|
+
"id": "banner-funding",
|
|
202
195
|
"name": "Funding banner",
|
|
203
|
-
"file": "components/banner-
|
|
196
|
+
"file": "components/banner-funding.json",
|
|
204
197
|
"status": "preview",
|
|
205
198
|
"summary": "A marketing banner component designed for promoting fundraising workflows and investor outreach actions.",
|
|
206
199
|
"keywords": [
|
|
@@ -208,8 +201,8 @@
|
|
|
208
201
|
"alert",
|
|
209
202
|
"announcement",
|
|
210
203
|
"banner",
|
|
211
|
-
"banner
|
|
212
|
-
"banner-
|
|
204
|
+
"banner funding",
|
|
205
|
+
"banner-funding",
|
|
213
206
|
"capital raise",
|
|
214
207
|
"fundraising",
|
|
215
208
|
"investor",
|
|
@@ -642,21 +635,6 @@
|
|
|
642
635
|
"split"
|
|
643
636
|
]
|
|
644
637
|
},
|
|
645
|
-
{
|
|
646
|
-
"id": "empty-state",
|
|
647
|
-
"name": "Empty state",
|
|
648
|
-
"file": "components/empty-state.json",
|
|
649
|
-
"status": "stable",
|
|
650
|
-
"summary": "Empty state patterns to communicate no-content situations and guide next actions.",
|
|
651
|
-
"keywords": [
|
|
652
|
-
"blank state",
|
|
653
|
-
"empty state",
|
|
654
|
-
"empty-state",
|
|
655
|
-
"no data",
|
|
656
|
-
"placeholder",
|
|
657
|
-
"zero state"
|
|
658
|
-
]
|
|
659
|
-
},
|
|
660
638
|
{
|
|
661
639
|
"id": "field",
|
|
662
640
|
"name": "Field",
|
|
@@ -791,21 +769,6 @@
|
|
|
791
769
|
"visual elements"
|
|
792
770
|
]
|
|
793
771
|
},
|
|
794
|
-
{
|
|
795
|
-
"id": "input-group",
|
|
796
|
-
"name": "Input group",
|
|
797
|
-
"file": "components/input-group.json",
|
|
798
|
-
"status": "stable",
|
|
799
|
-
"summary": "Input group pattern for combining controls with prefixes, suffixes, and inline actions.",
|
|
800
|
-
"keywords": [
|
|
801
|
-
"addon",
|
|
802
|
-
"composed input",
|
|
803
|
-
"input group",
|
|
804
|
-
"input-group",
|
|
805
|
-
"prefix",
|
|
806
|
-
"suffix"
|
|
807
|
-
]
|
|
808
|
-
},
|
|
809
772
|
{
|
|
810
773
|
"id": "introduction",
|
|
811
774
|
"name": "Introduction",
|
|
@@ -892,16 +855,42 @@
|
|
|
892
855
|
]
|
|
893
856
|
},
|
|
894
857
|
{
|
|
895
|
-
"id": "loader",
|
|
896
|
-
"name": "
|
|
897
|
-
"file": "components/loader.json",
|
|
858
|
+
"id": "loader-skeleton",
|
|
859
|
+
"name": "Skeleton loader",
|
|
860
|
+
"file": "components/loader-skeleton.json",
|
|
861
|
+
"status": "stable",
|
|
862
|
+
"summary": "Skeleton loaders provide visual placeholders for content while it loads, improving perceived performance.",
|
|
863
|
+
"keywords": [
|
|
864
|
+
"animation",
|
|
865
|
+
"fallback",
|
|
866
|
+
"loader",
|
|
867
|
+
"loader skeleton",
|
|
868
|
+
"loader-skeleton",
|
|
869
|
+
"loading",
|
|
870
|
+
"placeholder",
|
|
871
|
+
"preview",
|
|
872
|
+
"progress",
|
|
873
|
+
"pulse",
|
|
874
|
+
"shimmer",
|
|
875
|
+
"skeleton",
|
|
876
|
+
"suspense",
|
|
877
|
+
"wait",
|
|
878
|
+
"wave"
|
|
879
|
+
]
|
|
880
|
+
},
|
|
881
|
+
{
|
|
882
|
+
"id": "loader-symbol",
|
|
883
|
+
"name": "Symbol loader",
|
|
884
|
+
"file": "components/loader-symbol.json",
|
|
898
885
|
"status": "stable",
|
|
899
|
-
"summary": "Loading indicators and spinners to show content loading states.",
|
|
886
|
+
"summary": "Loading indicators and symbol-based spinners to show content loading states.",
|
|
900
887
|
"keywords": [
|
|
901
888
|
"animation",
|
|
902
889
|
"busy",
|
|
903
890
|
"indicator",
|
|
904
891
|
"loader",
|
|
892
|
+
"loader symbol",
|
|
893
|
+
"loader-symbol",
|
|
905
894
|
"loading",
|
|
906
895
|
"processing",
|
|
907
896
|
"progress",
|
|
@@ -910,6 +899,25 @@
|
|
|
910
899
|
"wait"
|
|
911
900
|
]
|
|
912
901
|
},
|
|
902
|
+
{
|
|
903
|
+
"id": "loader-text",
|
|
904
|
+
"name": "Text loader",
|
|
905
|
+
"file": "components/loader-text.json",
|
|
906
|
+
"status": "stable",
|
|
907
|
+
"summary": "Animated loading text with configurable gradient colors for inline and page loading states.",
|
|
908
|
+
"keywords": [
|
|
909
|
+
"gradient",
|
|
910
|
+
"indicator",
|
|
911
|
+
"loader text",
|
|
912
|
+
"loader-text",
|
|
913
|
+
"loading",
|
|
914
|
+
"message",
|
|
915
|
+
"pulse",
|
|
916
|
+
"status",
|
|
917
|
+
"text loader",
|
|
918
|
+
"wait"
|
|
919
|
+
]
|
|
920
|
+
},
|
|
913
921
|
{
|
|
914
922
|
"id": "logotype",
|
|
915
923
|
"name": "Logotype",
|
|
@@ -974,21 +982,6 @@
|
|
|
974
982
|
"window"
|
|
975
983
|
]
|
|
976
984
|
},
|
|
977
|
-
{
|
|
978
|
-
"id": "navbar",
|
|
979
|
-
"name": "Navbar",
|
|
980
|
-
"file": "components/navbar.json",
|
|
981
|
-
"status": "stable",
|
|
982
|
-
"summary": "Navbar layout pattern for top-level product navigation and actions.",
|
|
983
|
-
"keywords": [
|
|
984
|
-
"header",
|
|
985
|
-
"nav",
|
|
986
|
-
"navbar",
|
|
987
|
-
"navigation bar",
|
|
988
|
-
"site navigation",
|
|
989
|
-
"top bar"
|
|
990
|
-
]
|
|
991
|
-
},
|
|
992
985
|
{
|
|
993
986
|
"id": "pagination",
|
|
994
987
|
"name": "Pagination",
|
|
@@ -1260,28 +1253,6 @@
|
|
|
1260
1253
|
"stack"
|
|
1261
1254
|
]
|
|
1262
1255
|
},
|
|
1263
|
-
{
|
|
1264
|
-
"id": "skeleton",
|
|
1265
|
-
"name": "Skeleton",
|
|
1266
|
-
"file": "components/skeleton.json",
|
|
1267
|
-
"status": "stable",
|
|
1268
|
-
"summary": "Skeleton loaders provide visual placeholders for content while it loads, improving perceived performance.",
|
|
1269
|
-
"keywords": [
|
|
1270
|
-
"animation",
|
|
1271
|
-
"fallback",
|
|
1272
|
-
"loader",
|
|
1273
|
-
"loading",
|
|
1274
|
-
"placeholder",
|
|
1275
|
-
"preview",
|
|
1276
|
-
"progress",
|
|
1277
|
-
"pulse",
|
|
1278
|
-
"shimmer",
|
|
1279
|
-
"skeleton",
|
|
1280
|
-
"suspense",
|
|
1281
|
-
"wait",
|
|
1282
|
-
"wave"
|
|
1283
|
-
]
|
|
1284
|
-
},
|
|
1285
1256
|
{
|
|
1286
1257
|
"id": "stacked-chart",
|
|
1287
1258
|
"name": "Stacked chart",
|
|
@@ -1487,6 +1458,20 @@
|
|
|
1487
1458
|
"template-login"
|
|
1488
1459
|
]
|
|
1489
1460
|
},
|
|
1461
|
+
{
|
|
1462
|
+
"id": "template-navbar",
|
|
1463
|
+
"name": "Navbar",
|
|
1464
|
+
"file": "components/template-navbar.json",
|
|
1465
|
+
"status": "preview",
|
|
1466
|
+
"summary": "A template for a navbar component.",
|
|
1467
|
+
"keywords": [
|
|
1468
|
+
"navbar",
|
|
1469
|
+
"navigation bar",
|
|
1470
|
+
"template navbar",
|
|
1471
|
+
"template-navbar",
|
|
1472
|
+
"top bar"
|
|
1473
|
+
]
|
|
1474
|
+
},
|
|
1490
1475
|
{
|
|
1491
1476
|
"id": "template-stats",
|
|
1492
1477
|
"name": "Stats template",
|
package/llm/patterns.json
CHANGED
|
@@ -70,13 +70,13 @@
|
|
|
70
70
|
"name": "Navigation Hierarchy",
|
|
71
71
|
"summary": "Coordinate global and local navigation primitives.",
|
|
72
72
|
"components": [
|
|
73
|
-
"navbar",
|
|
73
|
+
"template-navbar",
|
|
74
74
|
"menu",
|
|
75
75
|
"breadcrumb",
|
|
76
76
|
"tabs",
|
|
77
77
|
"link"
|
|
78
78
|
],
|
|
79
|
-
"template": "Use navbar for global sections, breadcrumb for hierarchy, and tabs/menu for local context switching.",
|
|
79
|
+
"template": "Use template-navbar for global sections, breadcrumb for hierarchy, and tabs/menu for local context switching.",
|
|
80
80
|
"dos": [
|
|
81
81
|
"Keep active location unambiguous.",
|
|
82
82
|
"Preserve keyboard navigation across all items."
|