@grantcodes/ui 2.5.1 → 2.7.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 (56) hide show
  1. package/CHANGELOG.md +52 -0
  2. package/custom-elements.json +617 -19
  3. package/package.json +4 -4
  4. package/src/components/accordion/accordion.component.js +4 -1
  5. package/src/components/accordion/accordion.css +26 -18
  6. package/src/components/app-bar/app-bar.component.js +45 -9
  7. package/src/components/app-bar/app-bar.css +119 -88
  8. package/src/components/app-bar/app-bar.stories.js +75 -37
  9. package/src/components/app-bar/app-bar.test.js +7 -1
  10. package/src/components/app-bar/nav-link.component.js +15 -0
  11. package/src/components/app-bar/nav-link.css +58 -0
  12. package/src/components/app-bar/nav-link.js +6 -0
  13. package/src/components/app-bar/nav-link.react.js +9 -0
  14. package/src/components/code-preview/code-preview.css +5 -0
  15. package/src/components/container/container.css +6 -0
  16. package/src/components/countdown/countdown.component.js +180 -0
  17. package/src/components/countdown/countdown.css +62 -0
  18. package/src/components/countdown/countdown.js +6 -0
  19. package/src/components/countdown/countdown.react.js +9 -0
  20. package/src/components/countdown/countdown.stories.js +65 -0
  21. package/src/components/countdown/index.js +1 -0
  22. package/src/components/cta/cta.css +6 -0
  23. package/src/components/dialog/dialog.css +5 -0
  24. package/src/components/feature-list/feature-list.css +6 -0
  25. package/src/components/footer/footer.css +3 -1
  26. package/src/components/form-field/form-field.css +6 -0
  27. package/src/components/gallery/gallery.css +5 -0
  28. package/src/components/hero/hero.component.js +7 -0
  29. package/src/components/hero/hero.css +18 -1
  30. package/src/components/hero/hero.stories.js +30 -0
  31. package/src/components/icon/icon.css +6 -0
  32. package/src/components/loading/loading.css +5 -0
  33. package/src/components/logo-cloud/logo-cloud.css +6 -0
  34. package/src/components/map/index.js +1 -0
  35. package/src/components/map/map.component.js +135 -0
  36. package/src/components/map/map.css +41 -0
  37. package/src/components/map/map.js +6 -0
  38. package/src/components/map/map.react.js +9 -0
  39. package/src/components/map/map.stories.js +68 -0
  40. package/src/components/media-text/media-text.css +6 -0
  41. package/src/components/newsletter/newsletter.css +6 -0
  42. package/src/components/notice/notice.css +5 -0
  43. package/src/components/pagination/pagination.css +5 -0
  44. package/src/components/pricing/pricing.css +6 -0
  45. package/src/components/stats/stats.css +6 -0
  46. package/src/components/testimonials/testimonials.css +6 -0
  47. package/src/components/tooltip/tooltip.css +5 -0
  48. package/src/css/all.css +3 -1
  49. package/src/css/base.css +6 -247
  50. package/src/css/elements/a.css +8 -8
  51. package/src/css/reset.css +246 -0
  52. package/src/lib/styles/all.css +2 -0
  53. package/src/main.js +2 -0
  54. package/src/pages/blog-post.stories.js +7 -19
  55. package/src/react.js +3 -0
  56. package/src/types.d.ts +18 -0
@@ -135,6 +135,11 @@
135
135
  "default": "false",
136
136
  "attribute": "_mobileMenuOpen"
137
137
  },
138
+ {
139
+ "kind": "field",
140
+ "name": "_resizeObserver",
141
+ "description": "Close mobile menu when the component crosses the desktop breakpoint.\nMatches the 768px container query in app-bar.css."
142
+ },
138
143
  {
139
144
  "kind": "method",
140
145
  "name": "_toggleMobileMenu"
@@ -266,6 +271,67 @@
266
271
  }
267
272
  ]
268
273
  },
274
+ {
275
+ "kind": "javascript-module",
276
+ "path": "src/components/app-bar/nav-link.component.js",
277
+ "declarations": [
278
+ {
279
+ "kind": "class",
280
+ "description": "",
281
+ "name": "GrantCodesNavLink",
282
+ "members": [],
283
+ "superclass": {
284
+ "name": "LitElement",
285
+ "package": "lit"
286
+ },
287
+ "tagName": "grantcodes-nav-link",
288
+ "customElement": true,
289
+ "modulePath": "src/components/app-bar/nav-link.component.js",
290
+ "definitionPath": "src/components/app-bar/nav-link.js"
291
+ }
292
+ ],
293
+ "exports": [
294
+ {
295
+ "kind": "js",
296
+ "name": "GrantCodesNavLink",
297
+ "declaration": {
298
+ "name": "GrantCodesNavLink",
299
+ "module": "src/components/app-bar/nav-link.component.js"
300
+ }
301
+ }
302
+ ]
303
+ },
304
+ {
305
+ "kind": "javascript-module",
306
+ "path": "src/components/app-bar/nav-link.js",
307
+ "declarations": [],
308
+ "exports": [
309
+ {
310
+ "kind": "js",
311
+ "name": "*",
312
+ "declaration": {
313
+ "name": "*",
314
+ "module": "src/components/app-bar/nav-link.component.js"
315
+ }
316
+ },
317
+ {
318
+ "kind": "js",
319
+ "name": "default",
320
+ "declaration": {
321
+ "name": "GrantCodesNavLink",
322
+ "module": "src/components/app-bar/nav-link.js"
323
+ }
324
+ },
325
+ {
326
+ "kind": "custom-element-definition",
327
+ "name": "grantcodes-nav-link",
328
+ "declaration": {
329
+ "name": "GrantCodesNavLink",
330
+ "module": "/src/components/app-bar/nav-link.component.js"
331
+ }
332
+ }
333
+ ]
334
+ },
269
335
  {
270
336
  "kind": "javascript-module",
271
337
  "path": "src/components/avatar/avatar.component.js",
@@ -1352,6 +1418,331 @@
1352
1418
  }
1353
1419
  ]
1354
1420
  },
1421
+ {
1422
+ "kind": "javascript-module",
1423
+ "path": "src/components/countdown/countdown.component.js",
1424
+ "declarations": [
1425
+ {
1426
+ "kind": "class",
1427
+ "description": "",
1428
+ "name": "GrantCodesCountdown",
1429
+ "members": [
1430
+ {
1431
+ "kind": "field",
1432
+ "name": "",
1433
+ "type": {
1434
+ "text": "string"
1435
+ },
1436
+ "default": "false"
1437
+ },
1438
+ {
1439
+ "kind": "field",
1440
+ "name": "_days",
1441
+ "privacy": "public",
1442
+ "type": {
1443
+ "text": "string"
1444
+ },
1445
+ "default": "\"---\"",
1446
+ "attribute": "_days"
1447
+ },
1448
+ {
1449
+ "kind": "field",
1450
+ "name": "_hours",
1451
+ "privacy": "public",
1452
+ "type": {
1453
+ "text": "string"
1454
+ },
1455
+ "default": "\"--\"",
1456
+ "attribute": "_hours"
1457
+ },
1458
+ {
1459
+ "kind": "field",
1460
+ "name": "_intervalId",
1461
+ "type": {
1462
+ "text": "null"
1463
+ },
1464
+ "default": "null"
1465
+ },
1466
+ {
1467
+ "kind": "field",
1468
+ "name": "_minutes",
1469
+ "privacy": "public",
1470
+ "type": {
1471
+ "text": "string"
1472
+ },
1473
+ "default": "\"--\"",
1474
+ "attribute": "_minutes"
1475
+ },
1476
+ {
1477
+ "kind": "field",
1478
+ "name": "_past",
1479
+ "privacy": "public",
1480
+ "type": {
1481
+ "text": "boolean"
1482
+ },
1483
+ "default": "false",
1484
+ "attribute": "_past"
1485
+ },
1486
+ {
1487
+ "kind": "field",
1488
+ "name": "_seconds",
1489
+ "privacy": "public",
1490
+ "type": {
1491
+ "text": "string"
1492
+ },
1493
+ "default": "\"--\"",
1494
+ "attribute": "_seconds"
1495
+ },
1496
+ {
1497
+ "kind": "method",
1498
+ "name": "_startInterval"
1499
+ },
1500
+ {
1501
+ "kind": "method",
1502
+ "name": "_stopInterval"
1503
+ },
1504
+ {
1505
+ "kind": "method",
1506
+ "name": "_tick"
1507
+ },
1508
+ {
1509
+ "kind": "field",
1510
+ "name": "\"days-label\"",
1511
+ "privacy": "public",
1512
+ "type": {
1513
+ "text": "string"
1514
+ },
1515
+ "description": "Label for the days unit.",
1516
+ "attribute": "days-label"
1517
+ },
1518
+ {
1519
+ "kind": "field",
1520
+ "name": "\"hours-label\"",
1521
+ "privacy": "public",
1522
+ "type": {
1523
+ "text": "string"
1524
+ },
1525
+ "description": "Label for the hours unit.",
1526
+ "attribute": "hours-label"
1527
+ },
1528
+ {
1529
+ "kind": "field",
1530
+ "name": "\"minutes-label\"",
1531
+ "privacy": "public",
1532
+ "type": {
1533
+ "text": "string"
1534
+ },
1535
+ "description": "Label for the minutes unit.",
1536
+ "attribute": "minutes-label"
1537
+ },
1538
+ {
1539
+ "kind": "field",
1540
+ "name": "\"past-message\"",
1541
+ "privacy": "public",
1542
+ "type": {
1543
+ "text": "string"
1544
+ },
1545
+ "description": "Message displayed when the target date has passed.",
1546
+ "attribute": "past-message"
1547
+ },
1548
+ {
1549
+ "kind": "field",
1550
+ "name": "\"seconds-label\"",
1551
+ "privacy": "public",
1552
+ "type": {
1553
+ "text": "string"
1554
+ },
1555
+ "description": "Label for the seconds unit (only shown when show-seconds is true).",
1556
+ "attribute": "seconds-label"
1557
+ },
1558
+ {
1559
+ "kind": "field",
1560
+ "name": "\"show-seconds\"",
1561
+ "privacy": "public",
1562
+ "type": {
1563
+ "text": "boolean"
1564
+ },
1565
+ "description": "Whether to show a seconds unit.",
1566
+ "attribute": "show-seconds"
1567
+ },
1568
+ {
1569
+ "kind": "field",
1570
+ "name": "target",
1571
+ "privacy": "public",
1572
+ "type": {
1573
+ "text": "string"
1574
+ },
1575
+ "description": "ISO 8601 datetime string for the countdown target.",
1576
+ "default": "\"\"",
1577
+ "attribute": "target"
1578
+ }
1579
+ ],
1580
+ "attributes": [
1581
+ {
1582
+ "name": "_days",
1583
+ "type": {
1584
+ "text": "string"
1585
+ },
1586
+ "default": "\"---\"",
1587
+ "fieldName": "_days"
1588
+ },
1589
+ {
1590
+ "name": "_hours",
1591
+ "type": {
1592
+ "text": "string"
1593
+ },
1594
+ "default": "\"--\"",
1595
+ "fieldName": "_hours"
1596
+ },
1597
+ {
1598
+ "name": "_minutes",
1599
+ "type": {
1600
+ "text": "string"
1601
+ },
1602
+ "default": "\"--\"",
1603
+ "fieldName": "_minutes"
1604
+ },
1605
+ {
1606
+ "name": "_past",
1607
+ "type": {
1608
+ "text": "boolean"
1609
+ },
1610
+ "default": "false",
1611
+ "fieldName": "_past"
1612
+ },
1613
+ {
1614
+ "name": "_seconds",
1615
+ "type": {
1616
+ "text": "string"
1617
+ },
1618
+ "default": "\"--\"",
1619
+ "fieldName": "_seconds"
1620
+ },
1621
+ {
1622
+ "name": "days-label",
1623
+ "type": {
1624
+ "text": "string"
1625
+ },
1626
+ "description": "Label for the days unit.",
1627
+ "fieldName": "\"days-label\""
1628
+ },
1629
+ {
1630
+ "name": "hours-label",
1631
+ "type": {
1632
+ "text": "string"
1633
+ },
1634
+ "description": "Label for the hours unit.",
1635
+ "fieldName": "\"hours-label\""
1636
+ },
1637
+ {
1638
+ "name": "minutes-label",
1639
+ "type": {
1640
+ "text": "string"
1641
+ },
1642
+ "description": "Label for the minutes unit.",
1643
+ "fieldName": "\"minutes-label\""
1644
+ },
1645
+ {
1646
+ "name": "past-message",
1647
+ "type": {
1648
+ "text": "string"
1649
+ },
1650
+ "description": "Message displayed when the target date has passed.",
1651
+ "fieldName": "\"past-message\""
1652
+ },
1653
+ {
1654
+ "name": "seconds-label",
1655
+ "type": {
1656
+ "text": "string"
1657
+ },
1658
+ "description": "Label for the seconds unit (only shown when show-seconds is true).",
1659
+ "fieldName": "\"seconds-label\""
1660
+ },
1661
+ {
1662
+ "name": "show-seconds",
1663
+ "type": {
1664
+ "text": "boolean"
1665
+ },
1666
+ "description": "Whether to show a seconds unit.",
1667
+ "fieldName": "\"show-seconds\""
1668
+ },
1669
+ {
1670
+ "name": "target",
1671
+ "type": {
1672
+ "text": "string"
1673
+ },
1674
+ "description": "ISO 8601 datetime string for the countdown target.",
1675
+ "default": "\"\"",
1676
+ "fieldName": "target"
1677
+ }
1678
+ ],
1679
+ "superclass": {
1680
+ "name": "LitElement",
1681
+ "package": "lit"
1682
+ },
1683
+ "tagName": "grantcodes-countdown",
1684
+ "customElement": true,
1685
+ "modulePath": "src/components/countdown/countdown.component.js",
1686
+ "definitionPath": "src/components/countdown/countdown.js"
1687
+ }
1688
+ ],
1689
+ "exports": [
1690
+ {
1691
+ "kind": "js",
1692
+ "name": "GrantCodesCountdown",
1693
+ "declaration": {
1694
+ "name": "GrantCodesCountdown",
1695
+ "module": "src/components/countdown/countdown.component.js"
1696
+ }
1697
+ }
1698
+ ]
1699
+ },
1700
+ {
1701
+ "kind": "javascript-module",
1702
+ "path": "src/components/countdown/countdown.js",
1703
+ "declarations": [],
1704
+ "exports": [
1705
+ {
1706
+ "kind": "js",
1707
+ "name": "*",
1708
+ "declaration": {
1709
+ "name": "*",
1710
+ "module": "src/components/countdown/countdown.component.js"
1711
+ }
1712
+ },
1713
+ {
1714
+ "kind": "js",
1715
+ "name": "default",
1716
+ "declaration": {
1717
+ "name": "GrantCodesCountdown",
1718
+ "module": "src/components/countdown/countdown.js"
1719
+ }
1720
+ },
1721
+ {
1722
+ "kind": "custom-element-definition",
1723
+ "name": "grantcodes-countdown",
1724
+ "declaration": {
1725
+ "name": "GrantCodesCountdown",
1726
+ "module": "/src/components/countdown/countdown.component.js"
1727
+ }
1728
+ }
1729
+ ]
1730
+ },
1731
+ {
1732
+ "kind": "javascript-module",
1733
+ "path": "src/components/countdown/index.js",
1734
+ "declarations": [],
1735
+ "exports": [
1736
+ {
1737
+ "kind": "js",
1738
+ "name": "*",
1739
+ "declaration": {
1740
+ "name": "*",
1741
+ "module": "src/components/countdown/countdown.js"
1742
+ }
1743
+ }
1744
+ ]
1745
+ },
1355
1746
  {
1356
1747
  "kind": "javascript-module",
1357
1748
  "path": "src/components/cta/cta.component.js",
@@ -2492,25 +2883,6 @@
2492
2883
  },
2493
2884
  "default": "false"
2494
2885
  },
2495
- {
2496
- "kind": "method",
2497
- "name": "groupTemplate",
2498
- "parameters": [
2499
- {
2500
- "name": "className",
2501
- "description": "html class attribute",
2502
- "type": {
2503
- "text": "string"
2504
- }
2505
- }
2506
- ],
2507
- "description": "Template for a group of form components",
2508
- "return": {
2509
- "type": {
2510
- "text": ""
2511
- }
2512
- }
2513
- },
2514
2886
  {
2515
2887
  "kind": "method",
2516
2888
  "name": "handleLabelClick"
@@ -3371,6 +3743,232 @@
3371
3743
  }
3372
3744
  ]
3373
3745
  },
3746
+ {
3747
+ "kind": "javascript-module",
3748
+ "path": "src/components/map/index.js",
3749
+ "declarations": [],
3750
+ "exports": [
3751
+ {
3752
+ "kind": "js",
3753
+ "name": "*",
3754
+ "declaration": {
3755
+ "name": "*",
3756
+ "module": "src/components/map/map.js"
3757
+ }
3758
+ }
3759
+ ]
3760
+ },
3761
+ {
3762
+ "kind": "javascript-module",
3763
+ "path": "src/components/map/map.component.js",
3764
+ "declarations": [
3765
+ {
3766
+ "kind": "class",
3767
+ "description": "",
3768
+ "name": "GrantCodesMap",
3769
+ "members": [
3770
+ {
3771
+ "kind": "field",
3772
+ "name": "",
3773
+ "type": {
3774
+ "text": "string"
3775
+ },
3776
+ "default": "\"\""
3777
+ },
3778
+ {
3779
+ "kind": "field",
3780
+ "name": "_embedUrl",
3781
+ "readonly": true
3782
+ },
3783
+ {
3784
+ "kind": "method",
3785
+ "name": "_getBoundingBox",
3786
+ "parameters": [
3787
+ {
3788
+ "name": "lat"
3789
+ },
3790
+ {
3791
+ "name": "lng"
3792
+ },
3793
+ {
3794
+ "name": "zoom"
3795
+ }
3796
+ ],
3797
+ "description": "Calculate a bounding box around a point for the given zoom level."
3798
+ },
3799
+ {
3800
+ "kind": "field",
3801
+ "name": "\"directions-url\"",
3802
+ "privacy": "public",
3803
+ "type": {
3804
+ "text": "string"
3805
+ },
3806
+ "description": "URL for a \"Get directions\" link below the map.",
3807
+ "attribute": "directions-url"
3808
+ },
3809
+ {
3810
+ "kind": "field",
3811
+ "name": "height",
3812
+ "privacy": "public",
3813
+ "type": {
3814
+ "text": "string"
3815
+ },
3816
+ "description": "Height of the map. Accepts any CSS length value.",
3817
+ "default": "\"\"",
3818
+ "attribute": "height"
3819
+ },
3820
+ {
3821
+ "kind": "field",
3822
+ "name": "label",
3823
+ "privacy": "public",
3824
+ "type": {
3825
+ "text": "string"
3826
+ },
3827
+ "description": "Accessible label for the map iframe.",
3828
+ "default": "\"Map\"",
3829
+ "attribute": "label"
3830
+ },
3831
+ {
3832
+ "kind": "field",
3833
+ "name": "lat",
3834
+ "privacy": "public",
3835
+ "type": {
3836
+ "text": "string"
3837
+ },
3838
+ "description": "Latitude coordinate.",
3839
+ "default": "\"\"",
3840
+ "attribute": "lat"
3841
+ },
3842
+ {
3843
+ "kind": "field",
3844
+ "name": "lng",
3845
+ "privacy": "public",
3846
+ "type": {
3847
+ "text": "string"
3848
+ },
3849
+ "description": "Longitude coordinate.",
3850
+ "default": "\"\"",
3851
+ "attribute": "lng"
3852
+ },
3853
+ {
3854
+ "kind": "field",
3855
+ "name": "zoom",
3856
+ "privacy": "public",
3857
+ "type": {
3858
+ "text": "number"
3859
+ },
3860
+ "description": "Map zoom level (1-18).",
3861
+ "default": "14",
3862
+ "attribute": "zoom"
3863
+ }
3864
+ ],
3865
+ "attributes": [
3866
+ {
3867
+ "name": "directions-url",
3868
+ "type": {
3869
+ "text": "string"
3870
+ },
3871
+ "description": "URL for a \"Get directions\" link below the map.",
3872
+ "fieldName": "\"directions-url\""
3873
+ },
3874
+ {
3875
+ "name": "height",
3876
+ "type": {
3877
+ "text": "string"
3878
+ },
3879
+ "description": "Height of the map. Accepts any CSS length value.",
3880
+ "default": "\"\"",
3881
+ "fieldName": "height"
3882
+ },
3883
+ {
3884
+ "name": "label",
3885
+ "type": {
3886
+ "text": "string"
3887
+ },
3888
+ "description": "Accessible label for the map iframe.",
3889
+ "default": "\"Map\"",
3890
+ "fieldName": "label"
3891
+ },
3892
+ {
3893
+ "name": "lat",
3894
+ "type": {
3895
+ "text": "string"
3896
+ },
3897
+ "description": "Latitude coordinate.",
3898
+ "default": "\"\"",
3899
+ "fieldName": "lat"
3900
+ },
3901
+ {
3902
+ "name": "lng",
3903
+ "type": {
3904
+ "text": "string"
3905
+ },
3906
+ "description": "Longitude coordinate.",
3907
+ "default": "\"\"",
3908
+ "fieldName": "lng"
3909
+ },
3910
+ {
3911
+ "name": "zoom",
3912
+ "type": {
3913
+ "text": "number"
3914
+ },
3915
+ "description": "Map zoom level (1-18).",
3916
+ "default": "14",
3917
+ "fieldName": "zoom"
3918
+ }
3919
+ ],
3920
+ "superclass": {
3921
+ "name": "LitElement",
3922
+ "package": "lit"
3923
+ },
3924
+ "tagName": "grantcodes-map",
3925
+ "customElement": true,
3926
+ "modulePath": "src/components/map/map.component.js",
3927
+ "definitionPath": "src/components/map/map.js"
3928
+ }
3929
+ ],
3930
+ "exports": [
3931
+ {
3932
+ "kind": "js",
3933
+ "name": "GrantCodesMap",
3934
+ "declaration": {
3935
+ "name": "GrantCodesMap",
3936
+ "module": "src/components/map/map.component.js"
3937
+ }
3938
+ }
3939
+ ]
3940
+ },
3941
+ {
3942
+ "kind": "javascript-module",
3943
+ "path": "src/components/map/map.js",
3944
+ "declarations": [],
3945
+ "exports": [
3946
+ {
3947
+ "kind": "js",
3948
+ "name": "*",
3949
+ "declaration": {
3950
+ "name": "*",
3951
+ "module": "src/components/map/map.component.js"
3952
+ }
3953
+ },
3954
+ {
3955
+ "kind": "js",
3956
+ "name": "default",
3957
+ "declaration": {
3958
+ "name": "GrantCodesMap",
3959
+ "module": "src/components/map/map.js"
3960
+ }
3961
+ },
3962
+ {
3963
+ "kind": "custom-element-definition",
3964
+ "name": "grantcodes-map",
3965
+ "declaration": {
3966
+ "name": "GrantCodesMap",
3967
+ "module": "/src/components/map/map.component.js"
3968
+ }
3969
+ }
3970
+ ]
3971
+ },
3374
3972
  {
3375
3973
  "kind": "javascript-module",
3376
3974
  "path": "src/components/media-text/index.js",
package/package.json CHANGED
@@ -1,22 +1,22 @@
1
1
  {
2
2
  "name": "@grantcodes/ui",
3
- "version": "2.5.1",
3
+ "version": "2.7.0",
4
4
  "description": "A personal component system built with Lit web components",
5
5
  "type": "module",
6
6
  "main": "src/main.js",
7
7
  "module": "src/main.js",
8
- "types": "src/main.d.ts",
8
+ "types": "src/types.d.ts",
9
9
  "author": "grantcodes",
10
10
  "imports": {
11
11
  "#styles/*": "./src/lib/styles/*"
12
12
  },
13
13
  "exports": {
14
14
  ".": {
15
- "types": "./src/main.d.ts",
15
+ "types": "./src/types.d.ts",
16
16
  "import": "./src/main.js"
17
17
  },
18
18
  "./icons": {
19
- "types": "./src/icons.d.ts",
19
+ "types": "./src/types.d.ts",
20
20
  "import": "./src/icons.js"
21
21
  },
22
22
  "./styles/base.css": {