@nascentdigital/funnel-ui 4.4.21 → 4.5.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 (88) hide show
  1. package/dist/Tailwind.d.ts +5 -1
  2. package/dist/Tailwind.js +9 -0
  3. package/dist/server/blocks/Block.d.ts +42 -2
  4. package/dist/server/blocks/Block.js +88 -0
  5. package/dist/server/blocks/Clients.d.ts +20 -29
  6. package/dist/server/blocks/Clients.js +13 -57
  7. package/dist/server/blocks/MediaLayout.d.ts +10 -5
  8. package/dist/server/blocks/MediaLayout.js +41 -22
  9. package/dist/server/blocks/Message.d.ts +9 -67
  10. package/dist/server/blocks/Message.js +15 -292
  11. package/dist/server/blocks/Outcome.d.ts +22 -82
  12. package/dist/server/blocks/Outcome.js +20 -474
  13. package/dist/server/blocks/Testimonial.d.ts +81 -16
  14. package/dist/server/blocks/Testimonial.js +59 -27
  15. package/dist/server/blocks/Testimonials.d.ts +41 -0
  16. package/dist/server/blocks/Testimonials.js +90 -0
  17. package/dist/server/blocks/ValueProp.d.ts +19 -38
  18. package/dist/server/blocks/ValueProp.js +14 -100
  19. package/dist/server/blocks/index.d.ts +1 -0
  20. package/dist/server/blocks/index.js +1 -0
  21. package/dist/server/blocks/summary/Statement.d.ts +304 -0
  22. package/dist/server/blocks/summary/Statement.js +52 -0
  23. package/dist/server/blocks/summary/Summary.d.ts +18 -0
  24. package/dist/server/blocks/summary/Summary.js +34 -0
  25. package/dist/server/blocks/summary/index.d.ts +1 -0
  26. package/dist/server/blocks/summary/index.js +17 -0
  27. package/dist/server/entities/Person.d.ts +27 -2
  28. package/dist/server/entities/Person.js +55 -5
  29. package/dist/server/layouts/BrickLayout.d.ts +290 -0
  30. package/dist/server/layouts/BrickLayout.js +25 -0
  31. package/dist/server/layouts/CardLayout.d.ts +291 -0
  32. package/dist/server/layouts/CardLayout.js +25 -0
  33. package/dist/server/layouts/FlexWrapLayout.d.ts +290 -0
  34. package/dist/server/layouts/FlexWrapLayout.js +41 -0
  35. package/dist/server/layouts/StackLayout.d.ts +290 -0
  36. package/dist/server/layouts/StackLayout.js +25 -0
  37. package/dist/server/layouts/grid/GridItem.d.ts +8 -0
  38. package/dist/server/layouts/grid/GridItem.js +9 -0
  39. package/dist/server/layouts/grid/GridLayout.d.ts +293 -0
  40. package/dist/server/layouts/grid/GridLayout.js +25 -0
  41. package/dist/server/layouts/grid/index.d.ts +2 -0
  42. package/dist/server/layouts/grid/index.js +18 -0
  43. package/dist/server/layouts/index.d.ts +5 -0
  44. package/dist/server/layouts/index.js +21 -0
  45. package/dist/server/panels/BlockPanel.d.ts +80 -1
  46. package/dist/server/panels/BlockPanel.js +831 -0
  47. package/dist/server/panels/ListPanel.d.ts +62 -0
  48. package/dist/server/panels/ListPanel.js +137 -0
  49. package/dist/server/panels/MessagePanel.d.ts +69 -5
  50. package/dist/server/panels/MessagePanel.js +128 -5
  51. package/dist/server/panels/TestimonialPanel.d.ts +47 -0
  52. package/dist/server/panels/TestimonialPanel.js +71 -0
  53. package/dist/server/panels/VisualPanel.d.ts +45 -13
  54. package/dist/server/panels/VisualPanel.js +75 -16
  55. package/dist/server/panels/index.d.ts +2 -0
  56. package/dist/server/panels/index.js +2 -0
  57. package/dist/server/schema/BlockConfig.d.ts +3 -1
  58. package/dist/server/schema/BlockConfig.js +2 -1
  59. package/dist/server/schema/ItemAlignment.d.ts +2 -0
  60. package/dist/server/schema/ItemPosition.d.ts +1 -0
  61. package/dist/server/schema/ItemSize.d.ts +2 -1
  62. package/dist/server/schema/ItemSize.js +2 -1
  63. package/dist/server/schema/ListPanelLayout.d.ts +34 -0
  64. package/dist/server/schema/ListPanelLayout.js +24 -0
  65. package/dist/server/schema/PanelLayout.d.ts +14 -0
  66. package/dist/server/schema/PanelLayout.js +70 -0
  67. package/dist/server/schema/SlotVariation.d.ts +9 -0
  68. package/dist/server/schema/SlotVariation.js +48 -0
  69. package/dist/server/schema/TextAlignment.d.ts +1 -0
  70. package/dist/server/schema/index.d.ts +3 -0
  71. package/dist/server/schema/index.js +3 -0
  72. package/dist/styles/blocks/Clients.css +0 -1
  73. package/dist/styles/blocks/Message.css +0 -343
  74. package/dist/styles/blocks/Outcome.css +13 -50
  75. package/dist/styles/blocks/Summary.css +15 -0
  76. package/dist/styles/blocks/Testimonial.css +1 -318
  77. package/dist/styles/blocks/ValueProp.css +0 -126
  78. package/dist/styles/blocks/_index.css +1 -0
  79. package/dist/styles/layouts/BrickLayout.css +43 -0
  80. package/dist/styles/layouts/CardLayout.css +46 -0
  81. package/dist/styles/layouts/FlexWrapLayout.css +38 -0
  82. package/dist/styles/layouts/GridLayout.css +25 -0
  83. package/dist/styles/layouts/StackLayout.css +46 -0
  84. package/dist/styles/layouts/_index.css +6 -1
  85. package/dist/styles/panels/ListPanel.css +3 -0
  86. package/dist/styles/panels/TestimonialPanel.css +64 -0
  87. package/dist/styles/panels/_index.css +2 -0
  88. package/package.json +3 -2
package/dist/styles/panels/TestimonialPanel.css ADDED
@@ -0,0 +1,64 @@
1
+ @layer components {
2
+
3
+ /* variables */
4
+ :root {
5
+ --nd-testimonial-panel-gap: unset;
6
+ --nd-testimonial-panel-company-mb: theme('spacing.l8');
7
+ --nd-testimonial-panel-title-mb: theme('spacing.l4');
8
+ --nd-testimonial-panel-quote-mt: unset;
9
+ --nd-testimonial-panel-quote-mb: theme('spacing.l8');
10
+ --nd-testimonial-panel-author-mt: unset;
11
+ --nd-testimonial-panel-author-mb: theme('spacing.l8');
12
+ --nd-testimonial-panel-ctas-mt: unset;
13
+ --nd-testimonial-panel-ctas-gap: theme('spacing.l8');
14
+ --nd-testimonial-panel-quote-flexAlign: flex-start;
15
+ --nd-testimonial-panel-quote-textAlign: left;
16
+ }
17
+
18
+
19
+ /* quote panel */
20
+ .nd-TestimonialPanel {
21
+ }
22
+ .nd-TestimonialPanel-content {
23
+ @apply gap-[var(--nd-testimonial-panel-gap)];
24
+ .nd-Client-content {
25
+ @apply flex flex-col;
26
+ align-items: var(--nd-testimonial-panel-quote-flexAlign);
27
+ }
28
+ }
29
+ .nd-TestimonialPanel-company {
30
+ @apply flex flex-col not-last:mb-[var(--nd-testimonial-panel-company-mb)];
31
+ align-items: var(--nd-testimonial-panel-quote-flexAlign);
32
+ }
33
+ .nd-TestimonialPanel-title {
34
+ @apply not-last:mb-[var(--nd-testimonial-panel-title-mb)];
35
+ text-align: var(--nd-testimonial-panel-quote-textAlign);
36
+ }
37
+ .nd-TestimonialPanel-quote {
38
+ @apply not-first:mb-[var(--nd-testimonial-panel-quote-mt)] not-last:mb-[var(--nd-testimonial-panel-quote-mb)];
39
+ text-align: var(--nd-testimonial-panel-quote-textAlign);
40
+ }
41
+ .nd-TestimonialPanel-author {
42
+ @apply not-first:mb-[var(--nd-testimonial-panel-author-mt)] not-last:mb-[var(--nd-testimonial-panel-author-mb)];
43
+ text-align: var(--nd-testimonial-panel-quote-textAlign);
44
+ }
45
+ .nd-TestimonialPanel-ctas {
46
+ @apply flex justify-center flex-wrap gap-[var(--nd-testimonial-panel-ctas-gap)];
47
+ @apply not-first:mt-[var(--nd-testimonial-panel-ctas-mt)];
48
+ justify-content: var(--nd-testimonial-panel-quote-textAlign);
49
+ }
50
+
51
+ /* quote panel alignment */
52
+ .nd-TestimonialPanel-textStart {
53
+ --nd-testimonial-panel-quote-flexAlign: flex-start;
54
+ --nd-testimonial-panel-quote-textAlign: start;
55
+ }
56
+ .nd-TestimonialPanel-textCenter {
57
+ --nd-testimonial-panel-quote-flexAlign: center;
58
+ --nd-testimonial-panel-quote-textAlign: center;
59
+ }
60
+ .nd-TestimonialPanel-textEnd {
61
+ --nd-testimonial-panel-quote-flexAlign: flex-end;
62
+ --nd-testimonial-panel-quote-textAlign: end;
63
+ }
64
+ }
package/dist/styles/panels/_index.css CHANGED
@@ -1,2 +1,4 @@
1
+ @import "./ListPanel.css";
1
2
  @import "./MessagePanel.css";
3
+ @import "./TestimonialPanel.css";
2
4
  @import "./VisualPanel.css";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@nascentdigital/funnel-ui",
3
3
  "description": "UI components for funnel",
4
- "version": "4.4.21",
4
+ "version": "4.5.0",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/",
7
7
  "access": "restricted"
@@ -49,6 +49,7 @@
49
49
  "@emotion/is-prop-valid": "^1",
50
50
  "@react-hook/resize-observer": "^2",
51
51
  "@tailwindcss/aspect-ratio": "^0",
52
+ "@tailwindcss/container-queries": "^0.1.1",
52
53
  "@vimeo/player": "^2.30.1",
53
54
  "classnames": "^2",
54
55
  "color": "^5.0.0",
@@ -69,5 +70,5 @@
69
70
  "react-dom": "^19",
70
71
  "ts-jest": "^29.3.2"
71
72
  },
72
- "gitHead": "fedc672d83d223518b78c5d81814c1bcbda24035"
73
+ "gitHead": "09e92177c535f933fe19944aec48a33aadb6e62d"
73
74
  }