ionbase-ui 0.47.0 → 0.51.0

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 (34) hide show
  1. package/dist/components/Pagination.d.ts +50 -0
  2. package/dist/components/Pagination.d.ts.map +1 -0
  3. package/dist/components/Pagination.js +88 -0
  4. package/dist/components/Pagination.js.map +1 -0
  5. package/dist/components/Textarea.d.ts +50 -0
  6. package/dist/components/Textarea.d.ts.map +1 -0
  7. package/dist/components/Textarea.js +48 -0
  8. package/dist/components/Textarea.js.map +1 -0
  9. package/dist/components/index.d.ts +4 -0
  10. package/dist/components/index.d.ts.map +1 -1
  11. package/dist/components/index.js +2 -0
  12. package/dist/components/index.js.map +1 -1
  13. package/dist/figma-descriptions.json +49 -39
  14. package/dist/figma-map.json +116 -3
  15. package/dist/meta/Input.json +0 -1
  16. package/dist/meta/Pagination.json +200 -0
  17. package/dist/meta/Textarea.json +520 -0
  18. package/dist/meta/components.json +721 -2
  19. package/dist/meta/contrast.json +770 -40
  20. package/dist/meta/index.json +39 -1
  21. package/dist/meta/pageItems.json +16 -0
  22. package/dist/meta/patterns/index.json +1 -1
  23. package/dist/styles/index.css +2 -0
  24. package/dist/styles/input.css +34 -15
  25. package/dist/styles/pagination.css +170 -0
  26. package/dist/styles/textarea.css +178 -0
  27. package/dist/styles/tokens/base.css +0 -1
  28. package/dist/styles/tokens/theme-dark.css +0 -1
  29. package/dist/tokens/index.d.ts +0 -6
  30. package/dist/tokens/index.d.ts.map +1 -1
  31. package/dist/tokens/index.js +0 -5
  32. package/dist/tokens/index.js.map +1 -1
  33. package/llms.txt +2 -2
  34. package/package.json +1 -1
package/dist/meta/contrast.json CHANGED
@@ -364,6 +364,21 @@
364
364
  "ratio": 3.12,
365
365
  "min": 3
366
366
  },
367
+ {
368
+ "component": "pagination",
369
+ "context": "ion-pagination ion-pagination__item",
370
+ "state": "disabled",
371
+ "fg": "--text-disabled",
372
+ "bg": "--surface-muted",
373
+ "backdrop": null,
374
+ "kind": "text",
375
+ "ground": "assumed",
376
+ "mode": "Dark",
377
+ "fgHex": "#6b7280",
378
+ "bgHex": "#1d2735",
379
+ "ratio": 3.12,
380
+ "min": 4.5
381
+ },
367
382
  {
368
383
  "component": "phone-input",
369
384
  "context": "ion-phone-input ion-phone-input__country",
@@ -479,6 +494,20 @@
479
494
  "ratio": 3.12,
480
495
  "min": 4.5
481
496
  },
497
+ {
498
+ "component": "textarea",
499
+ "context": "ion-textarea",
500
+ "state": "disabled",
501
+ "fg": "--text-disabled",
502
+ "bg": "--surface-disabled",
503
+ "backdrop": "--surface-page",
504
+ "kind": "text",
505
+ "mode": "Dark",
506
+ "fgHex": "#6b7280",
507
+ "bgHex": "#1d2735",
508
+ "ratio": 3.12,
509
+ "min": 4.5
510
+ },
482
511
  {
483
512
  "component": "toggle",
484
513
  "context": "ion-toggle--disabled ion-toggle__label",
@@ -629,6 +658,21 @@
629
658
  "ratio": 3.65,
630
659
  "min": 3
631
660
  },
661
+ {
662
+ "component": "pagination",
663
+ "context": "ion-pagination ion-pagination__item",
664
+ "state": "disabled",
665
+ "fg": "--text-disabled",
666
+ "bg": "--surface-page",
667
+ "backdrop": null,
668
+ "kind": "text",
669
+ "ground": "assumed",
670
+ "mode": "Dark",
671
+ "fgHex": "#6b7280",
672
+ "bgHex": "#131923",
673
+ "ratio": 3.65,
674
+ "min": 4.5
675
+ },
632
676
  {
633
677
  "component": "radio",
634
678
  "context": "ion-radio--disabled ion-radio__label",
@@ -950,6 +994,21 @@
950
994
  "ratio": 4.31,
951
995
  "min": 3
952
996
  },
997
+ {
998
+ "component": "pagination",
999
+ "context": "ion-pagination ion-pagination__item",
1000
+ "state": "disabled",
1001
+ "fg": "--text-disabled",
1002
+ "bg": "--surface-muted",
1003
+ "backdrop": null,
1004
+ "kind": "text",
1005
+ "ground": "assumed",
1006
+ "mode": "Light",
1007
+ "fgHex": "#6b7280",
1008
+ "bgHex": "#f0f2f4",
1009
+ "ratio": 4.31,
1010
+ "min": 4.5
1011
+ },
953
1012
  {
954
1013
  "component": "phone-input",
955
1014
  "context": "ion-phone-input ion-phone-input__country",
@@ -1065,6 +1124,20 @@
1065
1124
  "ratio": 4.31,
1066
1125
  "min": 4.5
1067
1126
  },
1127
+ {
1128
+ "component": "textarea",
1129
+ "context": "ion-textarea",
1130
+ "state": "disabled",
1131
+ "fg": "--text-disabled",
1132
+ "bg": "--surface-disabled",
1133
+ "backdrop": "--surface-page",
1134
+ "kind": "text",
1135
+ "mode": "Light",
1136
+ "fgHex": "#6b7280",
1137
+ "bgHex": "#f0f2f4",
1138
+ "ratio": 4.31,
1139
+ "min": 4.5
1140
+ },
1068
1141
  {
1069
1142
  "component": "toggle",
1070
1143
  "context": "ion-toggle--disabled ion-toggle__label",
@@ -1229,6 +1302,21 @@
1229
1302
  "ratio": 4.34,
1230
1303
  "min": 3
1231
1304
  },
1305
+ {
1306
+ "component": "pagination",
1307
+ "context": "ion-pagination ion-pagination__item",
1308
+ "state": "disabled",
1309
+ "fg": "--text-disabled",
1310
+ "bg": "--surface-default",
1311
+ "backdrop": null,
1312
+ "kind": "text",
1313
+ "ground": "assumed",
1314
+ "mode": "Dark",
1315
+ "fgHex": "#6b7280",
1316
+ "bgHex": "#000000",
1317
+ "ratio": 4.34,
1318
+ "min": 4.5
1319
+ },
1232
1320
  {
1233
1321
  "component": "radio",
1234
1322
  "context": "ion-radio--disabled ion-radio__label",
@@ -1438,6 +1526,21 @@
1438
1526
  "ratio": 4.54,
1439
1527
  "min": 3
1440
1528
  },
1529
+ {
1530
+ "component": "pagination",
1531
+ "context": "ion-pagination ion-pagination__item",
1532
+ "state": "disabled",
1533
+ "fg": "--text-disabled",
1534
+ "bg": "--surface-page",
1535
+ "backdrop": null,
1536
+ "kind": "text",
1537
+ "ground": "assumed",
1538
+ "mode": "Light",
1539
+ "fgHex": "#6b7280",
1540
+ "bgHex": "#f6f8f9",
1541
+ "ratio": 4.54,
1542
+ "min": 4.5
1543
+ },
1441
1544
  {
1442
1545
  "component": "radio",
1443
1546
  "context": "ion-radio--disabled ion-radio__label",
@@ -1719,6 +1822,21 @@
1719
1822
  "ratio": 4.83,
1720
1823
  "min": 3
1721
1824
  },
1825
+ {
1826
+ "component": "pagination",
1827
+ "context": "ion-pagination ion-pagination__item",
1828
+ "state": "disabled",
1829
+ "fg": "--text-disabled",
1830
+ "bg": "--surface-default",
1831
+ "backdrop": null,
1832
+ "kind": "text",
1833
+ "ground": "assumed",
1834
+ "mode": "Light",
1835
+ "fgHex": "#6b7280",
1836
+ "bgHex": "#ffffff",
1837
+ "ratio": 4.83,
1838
+ "min": 4.5
1839
+ },
1722
1840
  {
1723
1841
  "component": "radio",
1724
1842
  "context": "ion-radio--disabled ion-radio__label",
@@ -2992,6 +3110,51 @@
2992
3110
  "ratio": 5.94,
2993
3111
  "min": 3
2994
3112
  },
3113
+ {
3114
+ "component": "pagination",
3115
+ "context": "ion-pagination ion-pagination__item",
3116
+ "state": "default",
3117
+ "fg": "--text-tertiary",
3118
+ "bg": "--surface-muted",
3119
+ "backdrop": null,
3120
+ "kind": "text",
3121
+ "ground": "assumed",
3122
+ "mode": "Dark",
3123
+ "fgHex": "#9ca3b0",
3124
+ "bgHex": "#1d2735",
3125
+ "ratio": 5.94,
3126
+ "min": 4.5
3127
+ },
3128
+ {
3129
+ "component": "pagination",
3130
+ "context": "ion-pagination ion-pagination__item",
3131
+ "state": "focus",
3132
+ "fg": "--text-tertiary",
3133
+ "bg": "--surface-muted",
3134
+ "backdrop": null,
3135
+ "kind": "text",
3136
+ "ground": "assumed",
3137
+ "mode": "Dark",
3138
+ "fgHex": "#9ca3b0",
3139
+ "bgHex": "#1d2735",
3140
+ "ratio": 5.94,
3141
+ "min": 4.5
3142
+ },
3143
+ {
3144
+ "component": "pagination",
3145
+ "context": "ion-pagination ion-pagination__ellipsis",
3146
+ "state": "default",
3147
+ "fg": "--text-tertiary",
3148
+ "bg": "--surface-muted",
3149
+ "backdrop": null,
3150
+ "kind": "text",
3151
+ "ground": "assumed",
3152
+ "mode": "Dark",
3153
+ "fgHex": "#9ca3b0",
3154
+ "bgHex": "#1d2735",
3155
+ "ratio": 5.94,
3156
+ "min": 4.5
3157
+ },
2995
3158
  {
2996
3159
  "component": "phone-input",
2997
3160
  "context": "ion-phone-input ion-phone-input__chevron",
@@ -4038,6 +4201,51 @@
4038
4201
  "ratio": 6.73,
4039
4202
  "min": 3
4040
4203
  },
4204
+ {
4205
+ "component": "pagination",
4206
+ "context": "ion-pagination ion-pagination__item",
4207
+ "state": "default",
4208
+ "fg": "--text-tertiary",
4209
+ "bg": "--surface-muted",
4210
+ "backdrop": null,
4211
+ "kind": "text",
4212
+ "ground": "assumed",
4213
+ "mode": "Light",
4214
+ "fgHex": "#4b5563",
4215
+ "bgHex": "#f0f2f4",
4216
+ "ratio": 6.73,
4217
+ "min": 4.5
4218
+ },
4219
+ {
4220
+ "component": "pagination",
4221
+ "context": "ion-pagination ion-pagination__item",
4222
+ "state": "focus",
4223
+ "fg": "--text-tertiary",
4224
+ "bg": "--surface-muted",
4225
+ "backdrop": null,
4226
+ "kind": "text",
4227
+ "ground": "assumed",
4228
+ "mode": "Light",
4229
+ "fgHex": "#4b5563",
4230
+ "bgHex": "#f0f2f4",
4231
+ "ratio": 6.73,
4232
+ "min": 4.5
4233
+ },
4234
+ {
4235
+ "component": "pagination",
4236
+ "context": "ion-pagination ion-pagination__ellipsis",
4237
+ "state": "default",
4238
+ "fg": "--text-tertiary",
4239
+ "bg": "--surface-muted",
4240
+ "backdrop": null,
4241
+ "kind": "text",
4242
+ "ground": "assumed",
4243
+ "mode": "Light",
4244
+ "fgHex": "#4b5563",
4245
+ "bgHex": "#f0f2f4",
4246
+ "ratio": 6.73,
4247
+ "min": 4.5
4248
+ },
4041
4249
  {
4042
4250
  "component": "phone-input",
4043
4251
  "context": "ion-phone-input ion-phone-input__chevron",
@@ -4589,6 +4797,51 @@
4589
4797
  "ratio": 6.95,
4590
4798
  "min": 3
4591
4799
  },
4800
+ {
4801
+ "component": "pagination",
4802
+ "context": "ion-pagination ion-pagination__item",
4803
+ "state": "default",
4804
+ "fg": "--text-tertiary",
4805
+ "bg": "--surface-page",
4806
+ "backdrop": null,
4807
+ "kind": "text",
4808
+ "ground": "assumed",
4809
+ "mode": "Dark",
4810
+ "fgHex": "#9ca3b0",
4811
+ "bgHex": "#131923",
4812
+ "ratio": 6.95,
4813
+ "min": 4.5
4814
+ },
4815
+ {
4816
+ "component": "pagination",
4817
+ "context": "ion-pagination ion-pagination__item",
4818
+ "state": "focus",
4819
+ "fg": "--text-tertiary",
4820
+ "bg": "--surface-page",
4821
+ "backdrop": null,
4822
+ "kind": "text",
4823
+ "ground": "assumed",
4824
+ "mode": "Dark",
4825
+ "fgHex": "#9ca3b0",
4826
+ "bgHex": "#131923",
4827
+ "ratio": 6.95,
4828
+ "min": 4.5
4829
+ },
4830
+ {
4831
+ "component": "pagination",
4832
+ "context": "ion-pagination ion-pagination__ellipsis",
4833
+ "state": "default",
4834
+ "fg": "--text-tertiary",
4835
+ "bg": "--surface-page",
4836
+ "backdrop": null,
4837
+ "kind": "text",
4838
+ "ground": "assumed",
4839
+ "mode": "Dark",
4840
+ "fgHex": "#9ca3b0",
4841
+ "bgHex": "#131923",
4842
+ "ratio": 6.95,
4843
+ "min": 4.5
4844
+ },
4592
4845
  {
4593
4846
  "component": "phone-input",
4594
4847
  "context": "ion-phone-input ion-phone-input__chevron",
@@ -4709,6 +4962,104 @@
4709
4962
  "ratio": 6.95,
4710
4963
  "min": 4.5
4711
4964
  },
4965
+ {
4966
+ "component": "textarea",
4967
+ "context": "ion-textarea",
4968
+ "state": "default",
4969
+ "fg": "--text-tertiary",
4970
+ "bg": "--surface-page",
4971
+ "backdrop": "--surface-page",
4972
+ "kind": "text",
4973
+ "mode": "Dark",
4974
+ "fgHex": "#9ca3b0",
4975
+ "bgHex": "#131923",
4976
+ "ratio": 6.95,
4977
+ "min": 4.5
4978
+ },
4979
+ {
4980
+ "component": "textarea",
4981
+ "context": "ion-textarea--sm",
4982
+ "state": "default",
4983
+ "fg": "--text-tertiary",
4984
+ "bg": "--surface-page",
4985
+ "backdrop": "--surface-page",
4986
+ "kind": "text",
4987
+ "mode": "Dark",
4988
+ "fgHex": "#9ca3b0",
4989
+ "bgHex": "#131923",
4990
+ "ratio": 6.95,
4991
+ "min": 4.5
4992
+ },
4993
+ {
4994
+ "component": "textarea",
4995
+ "context": "ion-textarea--lg",
4996
+ "state": "default",
4997
+ "fg": "--text-tertiary",
4998
+ "bg": "--surface-page",
4999
+ "backdrop": "--surface-page",
5000
+ "kind": "text",
5001
+ "mode": "Dark",
5002
+ "fgHex": "#9ca3b0",
5003
+ "bgHex": "#131923",
5004
+ "ratio": 6.95,
5005
+ "min": 4.5
5006
+ },
5007
+ {
5008
+ "component": "textarea",
5009
+ "context": "ion-textarea",
5010
+ "state": "hover",
5011
+ "fg": "--text-tertiary",
5012
+ "bg": "--surface-page",
5013
+ "backdrop": "--surface-page",
5014
+ "kind": "text",
5015
+ "mode": "Dark",
5016
+ "fgHex": "#9ca3b0",
5017
+ "bgHex": "#131923",
5018
+ "ratio": 6.95,
5019
+ "min": 4.5
5020
+ },
5021
+ {
5022
+ "component": "textarea",
5023
+ "context": "ion-textarea",
5024
+ "state": "focus",
5025
+ "fg": "--text-tertiary",
5026
+ "bg": "--surface-page",
5027
+ "backdrop": "--surface-page",
5028
+ "kind": "text",
5029
+ "mode": "Dark",
5030
+ "fgHex": "#9ca3b0",
5031
+ "bgHex": "#131923",
5032
+ "ratio": 6.95,
5033
+ "min": 4.5
5034
+ },
5035
+ {
5036
+ "component": "textarea",
5037
+ "context": "ion-textarea--invalid",
5038
+ "state": "default",
5039
+ "fg": "--text-tertiary",
5040
+ "bg": "--surface-page",
5041
+ "backdrop": "--surface-page",
5042
+ "kind": "text",
5043
+ "mode": "Dark",
5044
+ "fgHex": "#9ca3b0",
5045
+ "bgHex": "#131923",
5046
+ "ratio": 6.95,
5047
+ "min": 4.5
5048
+ },
5049
+ {
5050
+ "component": "textarea",
5051
+ "context": "ion-textarea--readonly",
5052
+ "state": "default",
5053
+ "fg": "--text-tertiary",
5054
+ "bg": "--surface-page",
5055
+ "backdrop": "--surface-page",
5056
+ "kind": "text",
5057
+ "mode": "Dark",
5058
+ "fgHex": "#9ca3b0",
5059
+ "bgHex": "#131923",
5060
+ "ratio": 6.95,
5061
+ "min": 4.5
5062
+ },
4712
5063
  {
4713
5064
  "component": "agent-activity",
4714
5065
  "context": "ion-agent-activity ion-agent-activity__glyph",
@@ -5095,32 +5446,181 @@
5095
5446
  "fgHex": "#4b5563",
5096
5447
  "bgHex": "#f6f8f9",
5097
5448
  "ratio": 7.09,
5098
- "min": 3
5449
+ "min": 3
5450
+ },
5451
+ {
5452
+ "component": "pagination",
5453
+ "context": "ion-pagination ion-pagination__item",
5454
+ "state": "default",
5455
+ "fg": "--text-tertiary",
5456
+ "bg": "--surface-page",
5457
+ "backdrop": null,
5458
+ "kind": "text",
5459
+ "ground": "assumed",
5460
+ "mode": "Light",
5461
+ "fgHex": "#4b5563",
5462
+ "bgHex": "#f6f8f9",
5463
+ "ratio": 7.09,
5464
+ "min": 4.5
5465
+ },
5466
+ {
5467
+ "component": "pagination",
5468
+ "context": "ion-pagination ion-pagination__item",
5469
+ "state": "focus",
5470
+ "fg": "--text-tertiary",
5471
+ "bg": "--surface-page",
5472
+ "backdrop": null,
5473
+ "kind": "text",
5474
+ "ground": "assumed",
5475
+ "mode": "Light",
5476
+ "fgHex": "#4b5563",
5477
+ "bgHex": "#f6f8f9",
5478
+ "ratio": 7.09,
5479
+ "min": 4.5
5480
+ },
5481
+ {
5482
+ "component": "pagination",
5483
+ "context": "ion-pagination ion-pagination__ellipsis",
5484
+ "state": "default",
5485
+ "fg": "--text-tertiary",
5486
+ "bg": "--surface-page",
5487
+ "backdrop": null,
5488
+ "kind": "text",
5489
+ "ground": "assumed",
5490
+ "mode": "Light",
5491
+ "fgHex": "#4b5563",
5492
+ "bgHex": "#f6f8f9",
5493
+ "ratio": 7.09,
5494
+ "min": 4.5
5495
+ },
5496
+ {
5497
+ "component": "phone-input",
5498
+ "context": "ion-phone-input ion-phone-input__chevron",
5499
+ "state": "default",
5500
+ "fg": "--icon-tertiary",
5501
+ "bg": "--surface-page",
5502
+ "backdrop": null,
5503
+ "kind": "non-text",
5504
+ "ground": "assumed",
5505
+ "mode": "Light",
5506
+ "fgHex": "#4b5563",
5507
+ "bgHex": "#f6f8f9",
5508
+ "ratio": 7.09,
5509
+ "min": 3
5510
+ },
5511
+ {
5512
+ "component": "scroll-progress",
5513
+ "context": "ion-scroll-progress ion-scroll-progress__percent",
5514
+ "state": "default",
5515
+ "fg": "--text-tertiary",
5516
+ "bg": "--surface-page",
5517
+ "backdrop": null,
5518
+ "kind": "text",
5519
+ "ground": "assumed",
5520
+ "mode": "Light",
5521
+ "fgHex": "#4b5563",
5522
+ "bgHex": "#f6f8f9",
5523
+ "ratio": 7.09,
5524
+ "min": 4.5
5525
+ },
5526
+ {
5527
+ "component": "scroll-progress",
5528
+ "context": "ion-scroll-progress ion-scroll-progress__heading",
5529
+ "state": "default",
5530
+ "fg": "--text-tertiary",
5531
+ "bg": "--surface-page",
5532
+ "backdrop": null,
5533
+ "kind": "text",
5534
+ "ground": "assumed",
5535
+ "mode": "Light",
5536
+ "fgHex": "#4b5563",
5537
+ "bgHex": "#f6f8f9",
5538
+ "ratio": 7.09,
5539
+ "min": 4.5
5540
+ },
5541
+ {
5542
+ "component": "scroll-progress",
5543
+ "context": "ion-scroll-progress ion-scroll-progress__heading",
5544
+ "state": "focus",
5545
+ "fg": "--text-tertiary",
5546
+ "bg": "--surface-page",
5547
+ "backdrop": null,
5548
+ "kind": "text",
5549
+ "ground": "assumed",
5550
+ "mode": "Light",
5551
+ "fgHex": "#4b5563",
5552
+ "bgHex": "#f6f8f9",
5553
+ "ratio": 7.09,
5554
+ "min": 4.5
5555
+ },
5556
+ {
5557
+ "component": "tabs",
5558
+ "context": "ion-tabs__item--underline ion-tabs__item--underline",
5559
+ "state": "default",
5560
+ "fg": "--text-tertiary",
5561
+ "bg": "--surface-page",
5562
+ "backdrop": null,
5563
+ "kind": "text",
5564
+ "ground": "assumed",
5565
+ "mode": "Light",
5566
+ "fgHex": "#4b5563",
5567
+ "bgHex": "#f6f8f9",
5568
+ "ratio": 7.09,
5569
+ "min": 4.5
5570
+ },
5571
+ {
5572
+ "component": "tabs",
5573
+ "context": "ion-tabs__item--pill ion-tabs__item--pill",
5574
+ "state": "default",
5575
+ "fg": "--text-tertiary",
5576
+ "bg": "--surface-page",
5577
+ "backdrop": null,
5578
+ "kind": "text",
5579
+ "ground": "assumed",
5580
+ "mode": "Light",
5581
+ "fgHex": "#4b5563",
5582
+ "bgHex": "#f6f8f9",
5583
+ "ratio": 7.09,
5584
+ "min": 4.5
5585
+ },
5586
+ {
5587
+ "component": "tabs",
5588
+ "context": "ion-tabs__item--underline ion-tabs__item--underline",
5589
+ "state": "focus",
5590
+ "fg": "--text-tertiary",
5591
+ "bg": "--surface-page",
5592
+ "backdrop": null,
5593
+ "kind": "text",
5594
+ "ground": "assumed",
5595
+ "mode": "Light",
5596
+ "fgHex": "#4b5563",
5597
+ "bgHex": "#f6f8f9",
5598
+ "ratio": 7.09,
5599
+ "min": 4.5
5099
5600
  },
5100
5601
  {
5101
- "component": "phone-input",
5102
- "context": "ion-phone-input ion-phone-input__chevron",
5103
- "state": "default",
5104
- "fg": "--icon-tertiary",
5602
+ "component": "tabs",
5603
+ "context": "ion-tabs__item--underline ion-tabs__item--underline",
5604
+ "state": "disabled",
5605
+ "fg": "--text-tertiary",
5105
5606
  "bg": "--surface-page",
5106
5607
  "backdrop": null,
5107
- "kind": "non-text",
5608
+ "kind": "text",
5108
5609
  "ground": "assumed",
5109
5610
  "mode": "Light",
5110
5611
  "fgHex": "#4b5563",
5111
5612
  "bgHex": "#f6f8f9",
5112
5613
  "ratio": 7.09,
5113
- "min": 3
5614
+ "min": 4.5
5114
5615
  },
5115
5616
  {
5116
- "component": "scroll-progress",
5117
- "context": "ion-scroll-progress ion-scroll-progress__percent",
5617
+ "component": "textarea",
5618
+ "context": "ion-textarea",
5118
5619
  "state": "default",
5119
5620
  "fg": "--text-tertiary",
5120
5621
  "bg": "--surface-page",
5121
- "backdrop": null,
5622
+ "backdrop": "--surface-page",
5122
5623
  "kind": "text",
5123
- "ground": "assumed",
5124
5624
  "mode": "Light",
5125
5625
  "fgHex": "#4b5563",
5126
5626
  "bgHex": "#f6f8f9",
@@ -5128,14 +5628,13 @@
5128
5628
  "min": 4.5
5129
5629
  },
5130
5630
  {
5131
- "component": "scroll-progress",
5132
- "context": "ion-scroll-progress ion-scroll-progress__heading",
5631
+ "component": "textarea",
5632
+ "context": "ion-textarea--sm",
5133
5633
  "state": "default",
5134
5634
  "fg": "--text-tertiary",
5135
5635
  "bg": "--surface-page",
5136
- "backdrop": null,
5636
+ "backdrop": "--surface-page",
5137
5637
  "kind": "text",
5138
- "ground": "assumed",
5139
5638
  "mode": "Light",
5140
5639
  "fgHex": "#4b5563",
5141
5640
  "bgHex": "#f6f8f9",
@@ -5143,14 +5642,13 @@
5143
5642
  "min": 4.5
5144
5643
  },
5145
5644
  {
5146
- "component": "scroll-progress",
5147
- "context": "ion-scroll-progress ion-scroll-progress__heading",
5148
- "state": "focus",
5645
+ "component": "textarea",
5646
+ "context": "ion-textarea--lg",
5647
+ "state": "default",
5149
5648
  "fg": "--text-tertiary",
5150
5649
  "bg": "--surface-page",
5151
- "backdrop": null,
5650
+ "backdrop": "--surface-page",
5152
5651
  "kind": "text",
5153
- "ground": "assumed",
5154
5652
  "mode": "Light",
5155
5653
  "fgHex": "#4b5563",
5156
5654
  "bgHex": "#f6f8f9",
@@ -5158,14 +5656,13 @@
5158
5656
  "min": 4.5
5159
5657
  },
5160
5658
  {
5161
- "component": "tabs",
5162
- "context": "ion-tabs__item--underline ion-tabs__item--underline",
5163
- "state": "default",
5659
+ "component": "textarea",
5660
+ "context": "ion-textarea",
5661
+ "state": "hover",
5164
5662
  "fg": "--text-tertiary",
5165
5663
  "bg": "--surface-page",
5166
- "backdrop": null,
5664
+ "backdrop": "--surface-page",
5167
5665
  "kind": "text",
5168
- "ground": "assumed",
5169
5666
  "mode": "Light",
5170
5667
  "fgHex": "#4b5563",
5171
5668
  "bgHex": "#f6f8f9",
@@ -5173,14 +5670,13 @@
5173
5670
  "min": 4.5
5174
5671
  },
5175
5672
  {
5176
- "component": "tabs",
5177
- "context": "ion-tabs__item--pill ion-tabs__item--pill",
5178
- "state": "default",
5673
+ "component": "textarea",
5674
+ "context": "ion-textarea",
5675
+ "state": "focus",
5179
5676
  "fg": "--text-tertiary",
5180
5677
  "bg": "--surface-page",
5181
- "backdrop": null,
5678
+ "backdrop": "--surface-page",
5182
5679
  "kind": "text",
5183
- "ground": "assumed",
5184
5680
  "mode": "Light",
5185
5681
  "fgHex": "#4b5563",
5186
5682
  "bgHex": "#f6f8f9",
@@ -5188,14 +5684,13 @@
5188
5684
  "min": 4.5
5189
5685
  },
5190
5686
  {
5191
- "component": "tabs",
5192
- "context": "ion-tabs__item--underline ion-tabs__item--underline",
5193
- "state": "focus",
5687
+ "component": "textarea",
5688
+ "context": "ion-textarea--invalid",
5689
+ "state": "default",
5194
5690
  "fg": "--text-tertiary",
5195
5691
  "bg": "--surface-page",
5196
- "backdrop": null,
5692
+ "backdrop": "--surface-page",
5197
5693
  "kind": "text",
5198
- "ground": "assumed",
5199
5694
  "mode": "Light",
5200
5695
  "fgHex": "#4b5563",
5201
5696
  "bgHex": "#f6f8f9",
@@ -5203,14 +5698,13 @@
5203
5698
  "min": 4.5
5204
5699
  },
5205
5700
  {
5206
- "component": "tabs",
5207
- "context": "ion-tabs__item--underline ion-tabs__item--underline",
5208
- "state": "disabled",
5701
+ "component": "textarea",
5702
+ "context": "ion-textarea--readonly",
5703
+ "state": "default",
5209
5704
  "fg": "--text-tertiary",
5210
5705
  "bg": "--surface-page",
5211
- "backdrop": null,
5706
+ "backdrop": "--surface-page",
5212
5707
  "kind": "text",
5213
- "ground": "assumed",
5214
5708
  "mode": "Light",
5215
5709
  "fgHex": "#4b5563",
5216
5710
  "bgHex": "#f6f8f9",
@@ -5978,6 +6472,51 @@
5978
6472
  "ratio": 7.56,
5979
6473
  "min": 3
5980
6474
  },
6475
+ {
6476
+ "component": "pagination",
6477
+ "context": "ion-pagination ion-pagination__item",
6478
+ "state": "default",
6479
+ "fg": "--text-tertiary",
6480
+ "bg": "--surface-default",
6481
+ "backdrop": null,
6482
+ "kind": "text",
6483
+ "ground": "assumed",
6484
+ "mode": "Light",
6485
+ "fgHex": "#4b5563",
6486
+ "bgHex": "#ffffff",
6487
+ "ratio": 7.56,
6488
+ "min": 4.5
6489
+ },
6490
+ {
6491
+ "component": "pagination",
6492
+ "context": "ion-pagination ion-pagination__item",
6493
+ "state": "focus",
6494
+ "fg": "--text-tertiary",
6495
+ "bg": "--surface-default",
6496
+ "backdrop": null,
6497
+ "kind": "text",
6498
+ "ground": "assumed",
6499
+ "mode": "Light",
6500
+ "fgHex": "#4b5563",
6501
+ "bgHex": "#ffffff",
6502
+ "ratio": 7.56,
6503
+ "min": 4.5
6504
+ },
6505
+ {
6506
+ "component": "pagination",
6507
+ "context": "ion-pagination ion-pagination__ellipsis",
6508
+ "state": "default",
6509
+ "fg": "--text-tertiary",
6510
+ "bg": "--surface-default",
6511
+ "backdrop": null,
6512
+ "kind": "text",
6513
+ "ground": "assumed",
6514
+ "mode": "Light",
6515
+ "fgHex": "#4b5563",
6516
+ "bgHex": "#ffffff",
6517
+ "ratio": 7.56,
6518
+ "min": 4.5
6519
+ },
5981
6520
  {
5982
6521
  "component": "phone-input",
5983
6522
  "context": "ion-phone-input ion-phone-input__chevron",
@@ -6953,6 +7492,51 @@
6953
7492
  "ratio": 8.28,
6954
7493
  "min": 3
6955
7494
  },
7495
+ {
7496
+ "component": "pagination",
7497
+ "context": "ion-pagination ion-pagination__item",
7498
+ "state": "default",
7499
+ "fg": "--text-tertiary",
7500
+ "bg": "--surface-default",
7501
+ "backdrop": null,
7502
+ "kind": "text",
7503
+ "ground": "assumed",
7504
+ "mode": "Dark",
7505
+ "fgHex": "#9ca3b0",
7506
+ "bgHex": "#000000",
7507
+ "ratio": 8.28,
7508
+ "min": 4.5
7509
+ },
7510
+ {
7511
+ "component": "pagination",
7512
+ "context": "ion-pagination ion-pagination__item",
7513
+ "state": "focus",
7514
+ "fg": "--text-tertiary",
7515
+ "bg": "--surface-default",
7516
+ "backdrop": null,
7517
+ "kind": "text",
7518
+ "ground": "assumed",
7519
+ "mode": "Dark",
7520
+ "fgHex": "#9ca3b0",
7521
+ "bgHex": "#000000",
7522
+ "ratio": 8.28,
7523
+ "min": 4.5
7524
+ },
7525
+ {
7526
+ "component": "pagination",
7527
+ "context": "ion-pagination ion-pagination__ellipsis",
7528
+ "state": "default",
7529
+ "fg": "--text-tertiary",
7530
+ "bg": "--surface-default",
7531
+ "backdrop": null,
7532
+ "kind": "text",
7533
+ "ground": "assumed",
7534
+ "mode": "Dark",
7535
+ "fgHex": "#9ca3b0",
7536
+ "bgHex": "#000000",
7537
+ "ratio": 8.28,
7538
+ "min": 4.5
7539
+ },
6956
7540
  {
6957
7541
  "component": "phone-input",
6958
7542
  "context": "ion-phone-input ion-phone-input__chevron",
@@ -7639,6 +8223,21 @@
7639
8223
  "ratio": 9.04,
7640
8224
  "min": 4.5
7641
8225
  },
8226
+ {
8227
+ "component": "pagination",
8228
+ "context": "ion-pagination ion-pagination__summary",
8229
+ "state": "default",
8230
+ "fg": "--text-secondary",
8231
+ "bg": "--surface-muted",
8232
+ "backdrop": null,
8233
+ "kind": "text",
8234
+ "ground": "assumed",
8235
+ "mode": "Light",
8236
+ "fgHex": "#384252",
8237
+ "bgHex": "#f0f2f4",
8238
+ "ratio": 9.04,
8239
+ "min": 4.5
8240
+ },
7642
8241
  {
7643
8242
  "component": "radio",
7644
8243
  "context": "ion-radio ion-radio__label",
@@ -8385,6 +8984,21 @@
8385
8984
  "ratio": 9.53,
8386
8985
  "min": 4.5
8387
8986
  },
8987
+ {
8988
+ "component": "pagination",
8989
+ "context": "ion-pagination ion-pagination__summary",
8990
+ "state": "default",
8991
+ "fg": "--text-secondary",
8992
+ "bg": "--surface-page",
8993
+ "backdrop": null,
8994
+ "kind": "text",
8995
+ "ground": "assumed",
8996
+ "mode": "Light",
8997
+ "fgHex": "#384252",
8998
+ "bgHex": "#f6f8f9",
8999
+ "ratio": 9.53,
9000
+ "min": 4.5
9001
+ },
8388
9002
  {
8389
9003
  "component": "phone-input",
8390
9004
  "context": "ion-phone-input ion-phone-input__country",
@@ -9200,6 +9814,21 @@
9200
9814
  "ratio": 10.15,
9201
9815
  "min": 4.5
9202
9816
  },
9817
+ {
9818
+ "component": "pagination",
9819
+ "context": "ion-pagination ion-pagination__summary",
9820
+ "state": "default",
9821
+ "fg": "--text-secondary",
9822
+ "bg": "--surface-default",
9823
+ "backdrop": null,
9824
+ "kind": "text",
9825
+ "ground": "assumed",
9826
+ "mode": "Light",
9827
+ "fgHex": "#384252",
9828
+ "bgHex": "#ffffff",
9829
+ "ratio": 10.15,
9830
+ "min": 4.5
9831
+ },
9203
9832
  {
9204
9833
  "component": "popover",
9205
9834
  "context": "ion-popover ion-popover__close",
@@ -9647,6 +10276,20 @@
9647
10276
  "ratio": 11.16,
9648
10277
  "min": 4.5
9649
10278
  },
10279
+ {
10280
+ "component": "pagination",
10281
+ "context": "ion-pagination ion-pagination__item",
10282
+ "state": "hover",
10283
+ "fg": "--text-default",
10284
+ "bg": "--surface-selected-hover",
10285
+ "backdrop": null,
10286
+ "kind": "text",
10287
+ "mode": "Dark",
10288
+ "fgHex": "#f6f8f9",
10289
+ "bgHex": "#0e2d8b",
10290
+ "ratio": 11.16,
10291
+ "min": 4.5
10292
+ },
9650
10293
  {
9651
10294
  "component": "citation",
9652
10295
  "context": "ion-citation-list ion-citation-list__source",
@@ -10194,6 +10837,21 @@
10194
10837
  "ratio": 11.38,
10195
10838
  "min": 4.5
10196
10839
  },
10840
+ {
10841
+ "component": "pagination",
10842
+ "context": "ion-pagination ion-pagination__summary",
10843
+ "state": "default",
10844
+ "fg": "--text-secondary",
10845
+ "bg": "--surface-muted",
10846
+ "backdrop": null,
10847
+ "kind": "text",
10848
+ "ground": "assumed",
10849
+ "mode": "Dark",
10850
+ "fgHex": "#dde0e4",
10851
+ "bgHex": "#1d2735",
10852
+ "ratio": 11.38,
10853
+ "min": 4.5
10854
+ },
10197
10855
  {
10198
10856
  "component": "popover",
10199
10857
  "context": "ion-popover ion-popover__close",
@@ -10976,6 +11634,21 @@
10976
11634
  "ratio": 13.31,
10977
11635
  "min": 4.5
10978
11636
  },
11637
+ {
11638
+ "component": "pagination",
11639
+ "context": "ion-pagination ion-pagination__summary",
11640
+ "state": "default",
11641
+ "fg": "--text-secondary",
11642
+ "bg": "--surface-page",
11643
+ "backdrop": null,
11644
+ "kind": "text",
11645
+ "ground": "assumed",
11646
+ "mode": "Dark",
11647
+ "fgHex": "#dde0e4",
11648
+ "bgHex": "#131923",
11649
+ "ratio": 13.31,
11650
+ "min": 4.5
11651
+ },
10979
11652
  {
10980
11653
  "component": "phone-input",
10981
11654
  "context": "ion-phone-input ion-phone-input__country",
@@ -11226,6 +11899,20 @@
11226
11899
  "ratio": 13.49,
11227
11900
  "min": 3
11228
11901
  },
11902
+ {
11903
+ "component": "pagination",
11904
+ "context": "ion-pagination ion-pagination__item",
11905
+ "state": "selected",
11906
+ "fg": "--text-default",
11907
+ "bg": "--surface-selected",
11908
+ "backdrop": null,
11909
+ "kind": "text",
11910
+ "mode": "Dark",
11911
+ "fgHex": "#f6f8f9",
11912
+ "bgHex": "#071e69",
11913
+ "ratio": 14.09,
11914
+ "min": 4.5
11915
+ },
11229
11916
  {
11230
11917
  "component": "alert",
11231
11918
  "context": "ion-alert--solid&ion-alert--neutral",
@@ -11944,6 +12631,20 @@
11944
12631
  "ratio": 15.07,
11945
12632
  "min": 3
11946
12633
  },
12634
+ {
12635
+ "component": "pagination",
12636
+ "context": "ion-pagination ion-pagination__item",
12637
+ "state": "hover",
12638
+ "fg": "--text-default",
12639
+ "bg": "--surface-selected-hover",
12640
+ "backdrop": null,
12641
+ "kind": "text",
12642
+ "mode": "Light",
12643
+ "fgHex": "#131923",
12644
+ "bgHex": "#e2f1fd",
12645
+ "ratio": 15.31,
12646
+ "min": 4.5
12647
+ },
11947
12648
  {
11948
12649
  "component": "approval-gate",
11949
12650
  "context": "ion-approval-gate--low",
@@ -12604,6 +13305,21 @@
12604
13305
  "ratio": 15.86,
12605
13306
  "min": 4.5
12606
13307
  },
13308
+ {
13309
+ "component": "pagination",
13310
+ "context": "ion-pagination ion-pagination__summary",
13311
+ "state": "default",
13312
+ "fg": "--text-secondary",
13313
+ "bg": "--surface-default",
13314
+ "backdrop": null,
13315
+ "kind": "text",
13316
+ "ground": "assumed",
13317
+ "mode": "Dark",
13318
+ "fgHex": "#dde0e4",
13319
+ "bgHex": "#000000",
13320
+ "ratio": 15.86,
13321
+ "min": 4.5
13322
+ },
12607
13323
  {
12608
13324
  "component": "radio",
12609
13325
  "context": "ion-radio ion-radio__label",
@@ -12777,6 +13493,20 @@
12777
13493
  "ratio": 15.91,
12778
13494
  "min": 4.5
12779
13495
  },
13496
+ {
13497
+ "component": "pagination",
13498
+ "context": "ion-pagination ion-pagination__item",
13499
+ "state": "selected",
13500
+ "fg": "--text-default",
13501
+ "bg": "--surface-selected",
13502
+ "backdrop": null,
13503
+ "kind": "text",
13504
+ "mode": "Light",
13505
+ "fgHex": "#131923",
13506
+ "bgHex": "#ebf7ff",
13507
+ "ratio": 16.19,
13508
+ "min": 4.5
13509
+ },
12780
13510
  {
12781
13511
  "component": "approval-gate",
12782
13512
  "context": "ion-approval-gate--high",