@openproject/primer-view-components 0.80.2 → 0.81.0-rc.0426a0ac2

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 (26) hide show
  1. package/README.md +20 -1
  2. package/app/assets/javascripts/components/primer/primer.d.ts +1 -0
  3. package/app/assets/javascripts/lib/primer/forms/character_counter.d.ts +41 -0
  4. package/app/assets/javascripts/lib/primer/forms/primer_text_area.d.ts +13 -0
  5. package/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +2 -0
  6. package/app/assets/javascripts/primer_view_components.js +1 -1
  7. package/app/assets/javascripts/primer_view_components.js.map +1 -1
  8. package/app/assets/styles/primer_view_components.css +1 -1
  9. package/app/assets/styles/primer_view_components.css.map +1 -1
  10. package/app/components/primer/alpha/select_panel_element.js +1 -1
  11. package/app/components/primer/alpha/tab_nav.css +1 -1
  12. package/app/components/primer/alpha/tab_nav.css.json +1 -0
  13. package/app/components/primer/alpha/tool_tip.js +12 -5
  14. package/app/components/primer/primer.d.ts +1 -0
  15. package/app/components/primer/primer.js +1 -0
  16. package/app/lib/primer/forms/character_counter.d.ts +41 -0
  17. package/app/lib/primer/forms/character_counter.js +114 -0
  18. package/app/lib/primer/forms/primer_text_area.d.ts +13 -0
  19. package/app/lib/primer/forms/primer_text_area.js +53 -0
  20. package/app/lib/primer/forms/primer_text_field.d.ts +2 -0
  21. package/app/lib/primer/forms/primer_text_field.js +16 -2
  22. package/package.json +6 -6
  23. package/static/arguments.json +13 -1
  24. package/static/form_previews.json +10 -0
  25. package/static/info_arch.json +106 -15
  26. package/static/previews.json +93 -14
package/static/info_arch.json CHANGED
@@ -5802,7 +5802,8 @@
5802
5802
  "snapshot": "true",
5803
5803
  "skip_rules": {
5804
5804
  "wont_fix": [
5805
- "region"
5805
+ "region",
5806
+ "label-title-only"
5806
5807
  ],
5807
5808
  "will_fix": [
5808
5809
  "color-contrast"
@@ -6549,19 +6550,6 @@
6549
6550
  ]
6550
6551
  }
6551
6552
  },
6552
- {
6553
- "preview_path": "primer/alpha/overlay/menu_no_header",
6554
- "name": "menu_no_header",
6555
- "snapshot": "false",
6556
- "skip_rules": {
6557
- "wont_fix": [
6558
- "region"
6559
- ],
6560
- "will_fix": [
6561
- "color-contrast"
6562
- ]
6563
- }
6564
- },
6565
6553
  {
6566
6554
  "preview_path": "primer/alpha/overlay/middle_of_page",
6567
6555
  "name": "middle_of_page",
@@ -8575,7 +8563,7 @@
8575
8563
  "name": "gap",
8576
8564
  "type": "Symbol",
8577
8565
  "default": "`GapArg::DEFAULT`",
8578
- "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:normal`, or `:spacious`."
8566
+ "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:none`, `:normal`, or `:spacious`."
8579
8567
  },
8580
8568
  {
8581
8569
  "name": "direction",
@@ -9080,6 +9068,12 @@
9080
9068
  "default": "N/A",
9081
9069
  "description": "When set to `true`, the field will take up all the horizontal space allowed by its container. Defaults to `true`."
9082
9070
  },
9071
+ {
9072
+ "name": "character_limit",
9073
+ "type": "Number",
9074
+ "default": "N/A",
9075
+ "description": "Optional character limit for the input. If provided, a character counter will be displayed below the input."
9076
+ },
9083
9077
  {
9084
9078
  "name": "name",
9085
9079
  "type": "String",
@@ -9314,6 +9308,45 @@
9314
9308
  "color-contrast"
9315
9309
  ]
9316
9310
  }
9311
+ },
9312
+ {
9313
+ "preview_path": "primer/alpha/text_area/with_character_limit",
9314
+ "name": "with_character_limit",
9315
+ "snapshot": "interactive",
9316
+ "skip_rules": {
9317
+ "wont_fix": [
9318
+ "region"
9319
+ ],
9320
+ "will_fix": [
9321
+ "color-contrast"
9322
+ ]
9323
+ }
9324
+ },
9325
+ {
9326
+ "preview_path": "primer/alpha/text_area/with_character_limit_over_limit",
9327
+ "name": "with_character_limit_over_limit",
9328
+ "snapshot": "interactive",
9329
+ "skip_rules": {
9330
+ "wont_fix": [
9331
+ "region"
9332
+ ],
9333
+ "will_fix": [
9334
+ "color-contrast"
9335
+ ]
9336
+ }
9337
+ },
9338
+ {
9339
+ "preview_path": "primer/alpha/text_area/with_character_limit_and_caption",
9340
+ "name": "with_character_limit_and_caption",
9341
+ "snapshot": "true",
9342
+ "skip_rules": {
9343
+ "wont_fix": [
9344
+ "region"
9345
+ ],
9346
+ "will_fix": [
9347
+ "color-contrast"
9348
+ ]
9349
+ }
9317
9350
  }
9318
9351
  ],
9319
9352
  "subcomponents": []
@@ -9344,6 +9377,12 @@
9344
9377
  "default": "N/A",
9345
9378
  "description": "When set to `true`, the field will take up all the horizontal space allowed by its container. Defaults to `true`."
9346
9379
  },
9380
+ {
9381
+ "name": "character_limit",
9382
+ "type": "Number",
9383
+ "default": "N/A",
9384
+ "description": "Optional character limit for the input. If provided, a character counter will be displayed below the input."
9385
+ },
9347
9386
  {
9348
9387
  "name": "name",
9349
9388
  "type": "String",
@@ -9614,6 +9653,19 @@
9614
9653
  ]
9615
9654
  }
9616
9655
  },
9656
+ {
9657
+ "preview_path": "primer/alpha/text_field/show_clear_button_with_custom_label",
9658
+ "name": "show_clear_button_with_custom_label",
9659
+ "snapshot": "true",
9660
+ "skip_rules": {
9661
+ "wont_fix": [
9662
+ "region"
9663
+ ],
9664
+ "will_fix": [
9665
+ "color-contrast"
9666
+ ]
9667
+ }
9668
+ },
9617
9669
  {
9618
9670
  "preview_path": "primer/alpha/text_field/full_width",
9619
9671
  "name": "full_width",
@@ -9796,6 +9848,45 @@
9796
9848
  ]
9797
9849
  }
9798
9850
  },
9851
+ {
9852
+ "preview_path": "primer/alpha/text_field/with_character_limit",
9853
+ "name": "with_character_limit",
9854
+ "snapshot": "interactive",
9855
+ "skip_rules": {
9856
+ "wont_fix": [
9857
+ "region"
9858
+ ],
9859
+ "will_fix": [
9860
+ "color-contrast"
9861
+ ]
9862
+ }
9863
+ },
9864
+ {
9865
+ "preview_path": "primer/alpha/text_field/with_character_limit_over_limit",
9866
+ "name": "with_character_limit_over_limit",
9867
+ "snapshot": "interactive",
9868
+ "skip_rules": {
9869
+ "wont_fix": [
9870
+ "region"
9871
+ ],
9872
+ "will_fix": [
9873
+ "color-contrast"
9874
+ ]
9875
+ }
9876
+ },
9877
+ {
9878
+ "preview_path": "primer/alpha/text_field/with_character_limit_and_caption",
9879
+ "name": "with_character_limit_and_caption",
9880
+ "snapshot": "true",
9881
+ "skip_rules": {
9882
+ "wont_fix": [
9883
+ "region"
9884
+ ],
9885
+ "will_fix": [
9886
+ "color-contrast"
9887
+ ]
9888
+ }
9889
+ },
9799
9890
  {
9800
9891
  "preview_path": "primer/alpha/text_field/with_auto_check_ok",
9801
9892
  "name": "with_auto_check_ok",
package/static/previews.json CHANGED
@@ -5931,7 +5931,8 @@
5931
5931
  "snapshot": "true",
5932
5932
  "skip_rules": {
5933
5933
  "wont_fix": [
5934
- "region"
5934
+ "region",
5935
+ "label-title-only"
5935
5936
  ],
5936
5937
  "will_fix": [
5937
5938
  "color-contrast"
@@ -6264,19 +6265,6 @@
6264
6265
  ]
6265
6266
  }
6266
6267
  },
6267
- {
6268
- "preview_path": "primer/alpha/overlay/menu_no_header",
6269
- "name": "menu_no_header",
6270
- "snapshot": "false",
6271
- "skip_rules": {
6272
- "wont_fix": [
6273
- "region"
6274
- ],
6275
- "will_fix": [
6276
- "color-contrast"
6277
- ]
6278
- }
6279
- },
6280
6268
  {
6281
6269
  "preview_path": "primer/alpha/overlay/middle_of_page",
6282
6270
  "name": "middle_of_page",
@@ -8563,6 +8551,45 @@
8563
8551
  "color-contrast"
8564
8552
  ]
8565
8553
  }
8554
+ },
8555
+ {
8556
+ "preview_path": "primer/alpha/text_area/with_character_limit",
8557
+ "name": "with_character_limit",
8558
+ "snapshot": "interactive",
8559
+ "skip_rules": {
8560
+ "wont_fix": [
8561
+ "region"
8562
+ ],
8563
+ "will_fix": [
8564
+ "color-contrast"
8565
+ ]
8566
+ }
8567
+ },
8568
+ {
8569
+ "preview_path": "primer/alpha/text_area/with_character_limit_over_limit",
8570
+ "name": "with_character_limit_over_limit",
8571
+ "snapshot": "interactive",
8572
+ "skip_rules": {
8573
+ "wont_fix": [
8574
+ "region"
8575
+ ],
8576
+ "will_fix": [
8577
+ "color-contrast"
8578
+ ]
8579
+ }
8580
+ },
8581
+ {
8582
+ "preview_path": "primer/alpha/text_area/with_character_limit_and_caption",
8583
+ "name": "with_character_limit_and_caption",
8584
+ "snapshot": "true",
8585
+ "skip_rules": {
8586
+ "wont_fix": [
8587
+ "region"
8588
+ ],
8589
+ "will_fix": [
8590
+ "color-contrast"
8591
+ ]
8592
+ }
8566
8593
  }
8567
8594
  ]
8568
8595
  },
@@ -8676,6 +8703,19 @@
8676
8703
  ]
8677
8704
  }
8678
8705
  },
8706
+ {
8707
+ "preview_path": "primer/alpha/text_field/show_clear_button_with_custom_label",
8708
+ "name": "show_clear_button_with_custom_label",
8709
+ "snapshot": "true",
8710
+ "skip_rules": {
8711
+ "wont_fix": [
8712
+ "region"
8713
+ ],
8714
+ "will_fix": [
8715
+ "color-contrast"
8716
+ ]
8717
+ }
8718
+ },
8679
8719
  {
8680
8720
  "preview_path": "primer/alpha/text_field/full_width",
8681
8721
  "name": "full_width",
@@ -8858,6 +8898,45 @@
8858
8898
  ]
8859
8899
  }
8860
8900
  },
8901
+ {
8902
+ "preview_path": "primer/alpha/text_field/with_character_limit",
8903
+ "name": "with_character_limit",
8904
+ "snapshot": "interactive",
8905
+ "skip_rules": {
8906
+ "wont_fix": [
8907
+ "region"
8908
+ ],
8909
+ "will_fix": [
8910
+ "color-contrast"
8911
+ ]
8912
+ }
8913
+ },
8914
+ {
8915
+ "preview_path": "primer/alpha/text_field/with_character_limit_over_limit",
8916
+ "name": "with_character_limit_over_limit",
8917
+ "snapshot": "interactive",
8918
+ "skip_rules": {
8919
+ "wont_fix": [
8920
+ "region"
8921
+ ],
8922
+ "will_fix": [
8923
+ "color-contrast"
8924
+ ]
8925
+ }
8926
+ },
8927
+ {
8928
+ "preview_path": "primer/alpha/text_field/with_character_limit_and_caption",
8929
+ "name": "with_character_limit_and_caption",
8930
+ "snapshot": "true",
8931
+ "skip_rules": {
8932
+ "wont_fix": [
8933
+ "region"
8934
+ ],
8935
+ "will_fix": [
8936
+ "color-contrast"
8937
+ ]
8938
+ }
8939
+ },
8861
8940
  {
8862
8941
  "preview_path": "primer/alpha/text_field/with_auto_check_ok",
8863
8942
  "name": "with_auto_check_ok",