@nascentdigital/funnel-editor 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 (38) hide show
  1. package/dist/core/components/interaction/Animate.d.ts +2 -2
  2. package/dist/core/components/interaction/Animate.js +12 -10
  3. package/dist/core/components/interaction/QuickPicker.d.ts +23 -0
  4. package/dist/core/components/interaction/QuickPicker.js +95 -0
  5. package/dist/core/components/interaction/Tabs.d.ts +16 -0
  6. package/dist/core/components/interaction/Tabs.js +24 -0
  7. package/dist/core/components/interaction/index.d.ts +2 -0
  8. package/dist/core/components/interaction/index.js +2 -0
  9. package/dist/core/components/visuals/Icon.d.ts +1 -1
  10. package/dist/core/components/visuals/Icon.js +3 -0
  11. package/dist/core/components/visuals/SkeletonLayout.js +226 -33
  12. package/dist/core/domain/BlockConfiguration.d.ts +7 -1
  13. package/dist/core/domain/BlockConfiguration.js +27 -1
  14. package/dist/core/domain/Section.js +1 -1
  15. package/dist/page/components/BlockEditor.js +3 -3
  16. package/dist/page/components/{BlockConfig.d.ts → config/BlockConfig.d.ts} +1 -1
  17. package/dist/page/components/config/BlockConfig.js +43 -0
  18. package/dist/page/components/config/BlockConfigEditor.d.ts +13 -0
  19. package/dist/page/components/config/BlockConfigEditor.js +94 -0
  20. package/dist/page/components/config/BlockPreview.d.ts +8 -0
  21. package/dist/page/components/config/BlockPreview.js +13 -0
  22. package/dist/page/components/config/BlockView.d.ts +4 -0
  23. package/dist/page/components/config/BlockView.js +9 -0
  24. package/dist/page/components/config/LegacyBlockConfigEditor.d.ts +13 -0
  25. package/dist/page/components/{BlockConfig.js → config/LegacyBlockConfigEditor.js} +4 -29
  26. package/dist/page/components/config/ListLayoutPicker.d.ts +6 -0
  27. package/dist/page/components/config/ListLayoutPicker.js +13 -0
  28. package/dist/page/components/config/ListPanelEditor.d.ts +6 -0
  29. package/dist/page/components/config/ListPanelEditor.js +13 -0
  30. package/dist/page/components/config/MessagePanelEditor.d.ts +6 -0
  31. package/dist/page/components/config/MessagePanelEditor.js +13 -0
  32. package/dist/page/components/config/VisualPanelEditor.d.ts +6 -0
  33. package/dist/page/components/config/VisualPanelEditor.js +13 -0
  34. package/dist/page/components/config/index.d.ts +1 -0
  35. package/dist/page/components/config/index.js +17 -0
  36. package/dist/page/hooks/PageController.js +1 -1
  37. package/dist/styles/index.css +90 -3
  38. package/package.json +2 -2
@@ -4259,6 +4259,9 @@ video {
4259
4259
  top: 3px;
4260
4260
  bottom: 3px;
4261
4261
  }
4262
+ .-bottom-px{
4263
+ bottom: -1px;
4264
+ }
4262
4265
  .bottom-l5{
4263
4266
  bottom: 12px;
4264
4267
  }
@@ -4383,6 +4386,9 @@ video {
4383
4386
  margin-top: 16px;
4384
4387
  margin-bottom: 16px;
4385
4388
  }
4389
+ .-mb-px{
4390
+ margin-bottom: -1px;
4391
+ }
4386
4392
  .-ml-l4{
4387
4393
  margin-left: -8px;
4388
4394
  }
@@ -4498,6 +4504,9 @@ video {
4498
4504
  .h-10{
4499
4505
  height: 10px;
4500
4506
  }
4507
+ .h-14{
4508
+ height: 14px;
4509
+ }
4501
4510
  .h-18{
4502
4511
  height: 18px;
4503
4512
  }
@@ -4537,6 +4546,9 @@ video {
4537
4546
  .h-8{
4538
4547
  height: 8px;
4539
4548
  }
4549
+ .h-9{
4550
+ height: 9px;
4551
+ }
4540
4552
  .h-\[13\.5px\]{
4541
4553
  height: 13.5px;
4542
4554
  }
@@ -4609,6 +4621,15 @@ video {
4609
4621
  .min-h-l12{
4610
4622
  min-height: 56px;
4611
4623
  }
4624
+ .w-10{
4625
+ width: 10px;
4626
+ }
4627
+ .w-11\/12{
4628
+ width: 91.666667%;
4629
+ }
4630
+ .w-14{
4631
+ width: 14px;
4632
+ }
4612
4633
  .w-18{
4613
4634
  width: 18px;
4614
4635
  }
@@ -4618,15 +4639,15 @@ video {
4618
4639
  .w-20{
4619
4640
  width: 20px;
4620
4641
  }
4621
- .w-24{
4622
- width: 24px;
4623
- }
4624
4642
  .w-32{
4625
4643
  width: 32px;
4626
4644
  }
4627
4645
  .w-36{
4628
4646
  width: 36px;
4629
4647
  }
4648
+ .w-4{
4649
+ width: 4px;
4650
+ }
4630
4651
  .w-40{
4631
4652
  width: 40px;
4632
4653
  }
@@ -4642,6 +4663,9 @@ video {
4642
4663
  .w-6{
4643
4664
  width: 6px;
4644
4665
  }
4666
+ .w-8\/12{
4667
+ width: 66.666667%;
4668
+ }
4645
4669
  .w-\[100px\]{
4646
4670
  width: 100px;
4647
4671
  }
@@ -4666,9 +4690,18 @@ video {
4666
4690
  .w-\[330px\]{
4667
4691
  width: 330px;
4668
4692
  }
4693
+ .w-\[372px\]{
4694
+ width: 372px;
4695
+ }
4669
4696
  .w-\[420px\]{
4670
4697
  width: 420px;
4671
4698
  }
4699
+ .w-\[50px\]{
4700
+ width: 50px;
4701
+ }
4702
+ .w-\[550px\]{
4703
+ width: 550px;
4704
+ }
4672
4705
  .w-\[64px\]{
4673
4706
  width: 64px;
4674
4707
  }
@@ -4690,6 +4723,12 @@ video {
4690
4723
  .min-w-\[400px\]{
4691
4724
  min-width: 400px;
4692
4725
  }
4726
+ .min-w-\[50px\]{
4727
+ min-width: 50px;
4728
+ }
4729
+ .min-w-full{
4730
+ min-width: 100%;
4731
+ }
4693
4732
  .max-w-\[1000px\]{
4694
4733
  max-width: 1000px;
4695
4734
  }
@@ -4702,6 +4741,9 @@ video {
4702
4741
  .max-w-\[420px\]{
4703
4742
  max-width: 420px;
4704
4743
  }
4744
+ .max-w-full{
4745
+ max-width: 100%;
4746
+ }
4705
4747
  .max-w-screen-sm{
4706
4748
  max-width: 480px;
4707
4749
  }
@@ -4770,12 +4812,18 @@ video {
4770
4812
  -moz-appearance: none;
4771
4813
  appearance: none;
4772
4814
  }
4815
+ .auto-cols-auto{
4816
+ grid-auto-columns: auto;
4817
+ }
4773
4818
  .auto-cols-fr{
4774
4819
  grid-auto-columns: minmax(0, 1fr);
4775
4820
  }
4776
4821
  .grid-flow-row{
4777
4822
  grid-auto-flow: row;
4778
4823
  }
4824
+ .grid-flow-col{
4825
+ grid-auto-flow: column;
4826
+ }
4779
4827
  .auto-rows-auto{
4780
4828
  grid-auto-rows: auto;
4781
4829
  }
@@ -4788,6 +4836,9 @@ video {
4788
4836
  .grid-cols-12{
4789
4837
  grid-template-columns: repeat(12, minmax(0, 1fr));
4790
4838
  }
4839
+ .grid-cols-2{
4840
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4841
+ }
4791
4842
  .grid-cols-\[1fr\2c 1fr\]{
4792
4843
  grid-template-columns: 1fr 1fr;
4793
4844
  }
@@ -4821,6 +4872,9 @@ video {
4821
4872
  .grid-cols-subgrid{
4822
4873
  grid-template-columns: subgrid;
4823
4874
  }
4875
+ .grid-rows-1{
4876
+ grid-template-rows: repeat(1, minmax(0, 1fr));
4877
+ }
4824
4878
  .grid-rows-\[1fr\]{
4825
4879
  grid-template-rows: 1fr;
4826
4880
  }
@@ -4978,6 +5032,9 @@ video {
4978
5032
  .border-b{
4979
5033
  border-bottom-width: 1px;
4980
5034
  }
5035
+ .border-b-2{
5036
+ border-bottom-width: 2px;
5037
+ }
4981
5038
  .border-l{
4982
5039
  border-left-width: 1px;
4983
5040
  }
@@ -5011,6 +5068,10 @@ video {
5011
5068
  --tw-border-opacity: 1;
5012
5069
  border-color: rgb(var(--color-content-button-contrast) / var(--tw-border-opacity, 1));
5013
5070
  }
5071
+ .border-content-tertiary{
5072
+ --tw-border-opacity: 1;
5073
+ border-color: rgb(var(--color-content-tertiary) / var(--tw-border-opacity, 1));
5074
+ }
5014
5075
  .border-destructive-content{
5015
5076
  --tw-border-opacity: 1;
5016
5077
  border-color: rgb(var(--color-destructive-content) / var(--tw-border-opacity, 1));
@@ -5076,6 +5137,10 @@ video {
5076
5137
  --tw-bg-opacity: 1;
5077
5138
  background-color: rgb(var(--color-content-primary) / var(--tw-bg-opacity, 1));
5078
5139
  }
5140
+ .bg-content-tertiary{
5141
+ --tw-bg-opacity: 1;
5142
+ background-color: rgb(var(--color-content-tertiary) / var(--tw-bg-opacity, 1));
5143
+ }
5079
5144
  .bg-content-tertiary\/tint1{
5080
5145
  background-color: rgb(var(--color-content-tertiary) / .1);
5081
5146
  }
@@ -5264,6 +5329,12 @@ video {
5264
5329
  -o-object-position: top;
5265
5330
  object-position: top;
5266
5331
  }
5332
+ .p-3{
5333
+ padding: 3px;
5334
+ }
5335
+ .p-l10{
5336
+ padding: 40px;
5337
+ }
5267
5338
  .p-l2{
5268
5339
  padding: 4px;
5269
5340
  }
@@ -5894,6 +5965,10 @@ video {
5894
5965
  .hover\:border-solid:hover{
5895
5966
  border-style: solid;
5896
5967
  }
5968
+ .hover\:border-content-secondary:hover{
5969
+ --tw-border-opacity: 1;
5970
+ border-color: rgb(var(--color-content-secondary) / var(--tw-border-opacity, 1));
5971
+ }
5897
5972
  .hover\:border-ix-primary:hover{
5898
5973
  --tw-border-opacity: 1;
5899
5974
  border-color: rgb(var(--color-ix-primary) / var(--tw-border-opacity, 1));
@@ -5983,6 +6058,10 @@ video {
5983
6058
  --tw-scale-y: .97;
5984
6059
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5985
6060
  }
6061
+ .active\:border-content-tertiary:active{
6062
+ --tw-border-opacity: 1;
6063
+ border-color: rgb(var(--color-content-tertiary) / var(--tw-border-opacity, 1));
6064
+ }
5986
6065
  .active\:border-ix-primary-press:active{
5987
6066
  --tw-border-opacity: 1;
5988
6067
  border-color: rgb(var(--color-ix-primary-press) / var(--tw-border-opacity, 1));
@@ -6037,6 +6116,10 @@ video {
6037
6116
  .group:hover .group-hover\:bg-ix-util-hover\/tint1{
6038
6117
  background-color: rgb(var(--color-ix-util-hover) / .1);
6039
6118
  }
6119
+ .group:hover .group-hover\:text-content-primary{
6120
+ --tw-text-opacity: 1;
6121
+ color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
6122
+ }
6040
6123
  .group:focus-visible .group-focus-visible\:outline-ix-primary{
6041
6124
  outline-color: rgb(var(--color-ix-primary) / 1);
6042
6125
  }
@@ -6056,6 +6139,10 @@ video {
6056
6139
  .group:active .group-active\:bg-ix-util-press\/tint2{
6057
6140
  background-color: rgb(var(--color-ix-util-press) / .2);
6058
6141
  }
6142
+ .group:active .group-active\:text-content-tertiary{
6143
+ --tw-text-opacity: 1;
6144
+ color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
6145
+ }
6059
6146
  .group:active .group-active\:outline-transparent{
6060
6147
  outline-color: transparent;
6061
6148
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nascentdigital/funnel-editor",
3
- "version": "4.4.21",
3
+ "version": "4.5.0",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org/",
6
6
  "access": "restricted"
@@ -89,5 +89,5 @@
89
89
  "ts-jest": "^29",
90
90
  "type-fest": "^4"
91
91
  },
92
- "gitHead": "fedc672d83d223518b78c5d81814c1bcbda24035"
92
+ "gitHead": "09e92177c535f933fe19944aec48a33aadb6e62d"
93
93
  }