@knapsack/sandbox-components 4.70.0--canary.4628.1068e46.0 → 4.70.0--canary.4854.b1d79a8.0

Sign up to get free protection for your applications and to get access to all the features.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,165 @@
1
+ # v4.69.11 (Fri Sep 20 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Merge branch 'latest' into GormanDesign-patch-2 ([@GormanDesign](https://github.com/GormanDesign))
6
+
7
+ #### 🏠 Internal
8
+
9
+ - chore(deps): update dependency @types/react to ^18.3.8 [#4824](https://github.com/knapsack-labs/app-monorepo/pull/4824) ([@renovate[bot]](https://github.com/renovate[bot]))
10
+ - adds select all option to exclude patterns filters [#4803](https://github.com/knapsack-labs/app-monorepo/pull/4803) ([@GormanDesign](https://github.com/GormanDesign))
11
+
12
+ #### Authors: 2
13
+
14
+ - [@renovate[bot]](https://github.com/renovate[bot])
15
+ - Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
16
+
17
+ ---
18
+
19
+ # v4.69.10 (Wed Sep 18 2024)
20
+
21
+ #### 🐛 Bug Fix
22
+
23
+ - Merge branch 'latest' into docs/cloud-authoring-docs ([@rockymountainhigh1943](https://github.com/rockymountainhigh1943))
24
+
25
+ #### 🏠 Internal
26
+
27
+ - chore(deps): update dependency @types/react to ^18.3.7 [#4796](https://github.com/knapsack-labs/app-monorepo/pull/4796) ([@renovate[bot]](https://github.com/renovate[bot]))
28
+ - chore(deps): update dependency tailwindcss to ^3.4.12 [#4791](https://github.com/knapsack-labs/app-monorepo/pull/4791) ([@renovate[bot]](https://github.com/renovate[bot]))
29
+ - fix(deps): update vue monorepo to ^3.5.6 [#4766](https://github.com/knapsack-labs/app-monorepo/pull/4766) ([@renovate[bot]](https://github.com/renovate[bot]))
30
+
31
+ #### Authors: 2
32
+
33
+ - [@renovate[bot]](https://github.com/renovate[bot])
34
+ - Jake Love ([@rockymountainhigh1943](https://github.com/rockymountainhigh1943))
35
+
36
+ ---
37
+
38
+ # v4.69.9 (Sat Sep 14 2024)
39
+
40
+ #### 🏠 Internal
41
+
42
+ - update template stage ui [#4763](https://github.com/knapsack-labs/app-monorepo/pull/4763) ([@GormanDesign](https://github.com/GormanDesign))
43
+ - add spacing under form feedback banner [#4747](https://github.com/knapsack-labs/app-monorepo/pull/4747) ([@GormanDesign](https://github.com/GormanDesign))
44
+
45
+ #### Authors: 1
46
+
47
+ - Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
48
+
49
+ ---
50
+
51
+ # v4.69.8 (Thu Sep 12 2024)
52
+
53
+ #### 🐛 Bug Fix
54
+
55
+ - refactor Renderers for cleaner types [#4746](https://github.com/knapsack-labs/app-monorepo/pull/4746) ([@EvanLovely](https://github.com/EvanLovely))
56
+
57
+ #### 🏠 Internal
58
+
59
+ - chore(deps): update dependency tailwindcss to ^3.4.11 [#4742](https://github.com/knapsack-labs/app-monorepo/pull/4742) ([@renovate[bot]](https://github.com/renovate[bot]))
60
+
61
+ #### Authors: 2
62
+
63
+ - [@renovate[bot]](https://github.com/renovate[bot])
64
+ - Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
65
+
66
+ ---
67
+
68
+ # v4.69.7 (Wed Sep 11 2024)
69
+
70
+ #### 🐛 Bug Fix
71
+
72
+ - fix(deps): update vue monorepo to ^3.5.4 [#4724](https://github.com/knapsack-labs/app-monorepo/pull/4724) ([@renovate[bot]](https://github.com/renovate[bot]))
73
+ - Merge branch 'latest' into feature/ksp-5497-setup-status-id-in-client ([@mabry1985](https://github.com/mabry1985))
74
+
75
+ #### 🏠 Internal
76
+
77
+ - fixes schema form select appearance [#4700](https://github.com/knapsack-labs/app-monorepo/pull/4700) ([@GormanDesign](https://github.com/GormanDesign))
78
+ - add scroll indicator to popover [#4697](https://github.com/knapsack-labs/app-monorepo/pull/4697) ([@GormanDesign](https://github.com/GormanDesign))
79
+
80
+ #### Authors: 3
81
+
82
+ - [@renovate[bot]](https://github.com/renovate[bot])
83
+ - Josh Mabry ([@mabry1985](https://github.com/mabry1985))
84
+ - Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
85
+
86
+ ---
87
+
88
+ # v4.69.6 (Fri Sep 06 2024)
89
+
90
+ #### 🐛 Bug Fix
91
+
92
+ - Merge branch 'latest' into feature/ksp-5458-anchor-links-not-jumping-to-the-right-spot ([@GormanDesign](https://github.com/GormanDesign))
93
+
94
+ #### 🏠 Internal
95
+
96
+ - Update dependency tailwindcss to ^3.4.10 [#4684](https://github.com/knapsack-labs/app-monorepo/pull/4684) ([@renovate[bot]](https://github.com/renovate[bot]))
97
+ - Update dependency @types/node to ^20.16.5 [#4669](https://github.com/knapsack-labs/app-monorepo/pull/4669) ([@renovate[bot]](https://github.com/renovate[bot]))
98
+ - restores hash link handling [#4637](https://github.com/knapsack-labs/app-monorepo/pull/4637) ([@GormanDesign](https://github.com/GormanDesign))
99
+
100
+ #### 📝 Documentation
101
+
102
+ - Improve Clarity for Knapsack Installation and Local Development Setup - Brittany Smart [#4689](https://github.com/knapsack-labs/app-monorepo/pull/4689) ([@knapsack-cloud[bot]](https://github.com/knapsack-cloud[bot]))
103
+
104
+ #### Authors: 3
105
+
106
+ - [@knapsack-cloud[bot]](https://github.com/knapsack-cloud[bot])
107
+ - [@renovate[bot]](https://github.com/renovate[bot])
108
+ - Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
109
+
110
+ ---
111
+
112
+ # v4.69.4 (Wed Sep 04 2024)
113
+
114
+ #### 🏠 Internal
115
+
116
+ - Update dependency lit to ^2.8.0 [#4667](https://github.com/knapsack-labs/app-monorepo/pull/4667) ([@renovate[bot]](https://github.com/renovate[bot]))
117
+
118
+ #### Authors: 1
119
+
120
+ - [@renovate[bot]](https://github.com/renovate[bot])
121
+
122
+ ---
123
+
124
+ # v4.69.3 (Wed Sep 04 2024)
125
+
126
+ #### 🏠 Internal
127
+
128
+ - Update dependency @types/react to ^18.3.5 [#4658](https://github.com/knapsack-labs/app-monorepo/pull/4658) ([@renovate[bot]](https://github.com/renovate[bot]))
129
+ - Update dependency @types/node to ^20.16.3 [#4643](https://github.com/knapsack-labs/app-monorepo/pull/4643) ([@renovate[bot]](https://github.com/renovate[bot]))
130
+
131
+ #### Authors: 1
132
+
133
+ - [@renovate[bot]](https://github.com/renovate[bot])
134
+
135
+ ---
136
+
137
+ # v4.69.2 (Fri Aug 30 2024)
138
+
139
+ #### 🐛 Bug Fix
140
+
141
+ - add error info [#4628](https://github.com/knapsack-labs/app-monorepo/pull/4628) ([@EvanLovely](https://github.com/EvanLovely) [@mabry1985](https://github.com/mabry1985))
142
+ - Merge branch 'latest' into EvanLovely-patch-24 ([@mabry1985](https://github.com/mabry1985))
143
+
144
+ #### Authors: 2
145
+
146
+ - Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
147
+ - Josh Mabry ([@mabry1985](https://github.com/mabry1985))
148
+
149
+ ---
150
+
151
+ # v4.69.1 (Fri Aug 30 2024)
152
+
153
+ #### 🐛 Bug Fix
154
+
155
+ - Merge branch 'latest' into feature/ksp-5460-nested-menu-item-is-finicky ([@GormanDesign](https://github.com/GormanDesign))
156
+
157
+ #### Authors: 1
158
+
159
+ - Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
160
+
161
+ ---
162
+
1
163
  # v4.69.0 (Fri Aug 30 2024)
2
164
 
3
165
  #### 🚀 Enhancement
@@ -413,7 +413,115 @@ textarea:not([rows]) {
413
413
  scroll-margin-block: 5ex;
414
414
  }
415
415
 
416
- /* ! tailwindcss v3.1.7 | MIT License | https://tailwindcss.com */
416
+ *, ::before, ::after {
417
+ --tw-border-spacing-x: 0;
418
+ --tw-border-spacing-y: 0;
419
+ --tw-translate-x: 0;
420
+ --tw-translate-y: 0;
421
+ --tw-rotate: 0;
422
+ --tw-skew-x: 0;
423
+ --tw-skew-y: 0;
424
+ --tw-scale-x: 1;
425
+ --tw-scale-y: 1;
426
+ --tw-pan-x: ;
427
+ --tw-pan-y: ;
428
+ --tw-pinch-zoom: ;
429
+ --tw-scroll-snap-strictness: proximity;
430
+ --tw-gradient-from-position: ;
431
+ --tw-gradient-via-position: ;
432
+ --tw-gradient-to-position: ;
433
+ --tw-ordinal: ;
434
+ --tw-slashed-zero: ;
435
+ --tw-numeric-figure: ;
436
+ --tw-numeric-spacing: ;
437
+ --tw-numeric-fraction: ;
438
+ --tw-ring-inset: ;
439
+ --tw-ring-offset-width: 0px;
440
+ --tw-ring-offset-color: #fff;
441
+ --tw-ring-color: rgba(59, 130, 246, 0.5);
442
+ --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
443
+ --tw-ring-shadow: 0 0 rgba(0,0,0,0);
444
+ --tw-shadow: 0 0 rgba(0,0,0,0);
445
+ --tw-shadow-colored: 0 0 rgba(0,0,0,0);
446
+ --tw-blur: ;
447
+ --tw-brightness: ;
448
+ --tw-contrast: ;
449
+ --tw-grayscale: ;
450
+ --tw-hue-rotate: ;
451
+ --tw-invert: ;
452
+ --tw-saturate: ;
453
+ --tw-sepia: ;
454
+ --tw-drop-shadow: ;
455
+ --tw-backdrop-blur: ;
456
+ --tw-backdrop-brightness: ;
457
+ --tw-backdrop-contrast: ;
458
+ --tw-backdrop-grayscale: ;
459
+ --tw-backdrop-hue-rotate: ;
460
+ --tw-backdrop-invert: ;
461
+ --tw-backdrop-opacity: ;
462
+ --tw-backdrop-saturate: ;
463
+ --tw-backdrop-sepia: ;
464
+ --tw-contain-size: ;
465
+ --tw-contain-layout: ;
466
+ --tw-contain-paint: ;
467
+ --tw-contain-style: ;
468
+ }
469
+
470
+ ::backdrop {
471
+ --tw-border-spacing-x: 0;
472
+ --tw-border-spacing-y: 0;
473
+ --tw-translate-x: 0;
474
+ --tw-translate-y: 0;
475
+ --tw-rotate: 0;
476
+ --tw-skew-x: 0;
477
+ --tw-skew-y: 0;
478
+ --tw-scale-x: 1;
479
+ --tw-scale-y: 1;
480
+ --tw-pan-x: ;
481
+ --tw-pan-y: ;
482
+ --tw-pinch-zoom: ;
483
+ --tw-scroll-snap-strictness: proximity;
484
+ --tw-gradient-from-position: ;
485
+ --tw-gradient-via-position: ;
486
+ --tw-gradient-to-position: ;
487
+ --tw-ordinal: ;
488
+ --tw-slashed-zero: ;
489
+ --tw-numeric-figure: ;
490
+ --tw-numeric-spacing: ;
491
+ --tw-numeric-fraction: ;
492
+ --tw-ring-inset: ;
493
+ --tw-ring-offset-width: 0px;
494
+ --tw-ring-offset-color: #fff;
495
+ --tw-ring-color: rgba(59, 130, 246, 0.5);
496
+ --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
497
+ --tw-ring-shadow: 0 0 rgba(0,0,0,0);
498
+ --tw-shadow: 0 0 rgba(0,0,0,0);
499
+ --tw-shadow-colored: 0 0 rgba(0,0,0,0);
500
+ --tw-blur: ;
501
+ --tw-brightness: ;
502
+ --tw-contrast: ;
503
+ --tw-grayscale: ;
504
+ --tw-hue-rotate: ;
505
+ --tw-invert: ;
506
+ --tw-saturate: ;
507
+ --tw-sepia: ;
508
+ --tw-drop-shadow: ;
509
+ --tw-backdrop-blur: ;
510
+ --tw-backdrop-brightness: ;
511
+ --tw-backdrop-contrast: ;
512
+ --tw-backdrop-grayscale: ;
513
+ --tw-backdrop-hue-rotate: ;
514
+ --tw-backdrop-invert: ;
515
+ --tw-backdrop-opacity: ;
516
+ --tw-backdrop-saturate: ;
517
+ --tw-backdrop-sepia: ;
518
+ --tw-contain-size: ;
519
+ --tw-contain-layout: ;
520
+ --tw-contain-paint: ;
521
+ --tw-contain-style: ;
522
+ }
523
+
524
+ /* ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com */
417
525
 
418
526
  /*
419
527
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -439,15 +547,22 @@ textarea:not([rows]) {
439
547
  2. Prevent adjustments of font size after orientation changes in iOS.
440
548
  3. Use a more readable tab size.
441
549
  4. Use the user's configured `sans` font-family by default.
550
+ 5. Use the user's configured `sans` font-feature-settings by default.
551
+ 6. Use the user's configured `sans` font-variation-settings by default.
552
+ 7. Disable tap highlights on iOS
442
553
  */
443
554
 
444
- html {
555
+ html,
556
+ :host {
445
557
  line-height: 1.5; /* 1 */
446
558
  -webkit-text-size-adjust: 100%; /* 2 */
447
559
  -moz-tab-size: 4; /* 3 */
448
560
  -o-tab-size: 4;
449
561
  tab-size: 4; /* 3 */
450
- font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
562
+ font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
563
+ font-feature-settings: normal; /* 5 */
564
+ font-variation-settings: normal; /* 6 */
565
+ -webkit-tap-highlight-color: transparent; /* 7 */
451
566
  }
452
567
 
453
568
  /*
@@ -515,8 +630,10 @@ strong {
515
630
  }
516
631
 
517
632
  /*
518
- 1. Use the user's configured `mono` font family by default.
519
- 2. Correct the odd `em` font sizing in all browsers.
633
+ 1. Use the user's configured `mono` font-family by default.
634
+ 2. Use the user's configured `mono` font-feature-settings by default.
635
+ 3. Use the user's configured `mono` font-variation-settings by default.
636
+ 4. Correct the odd `em` font sizing in all browsers.
520
637
  */
521
638
 
522
639
  code,
@@ -524,7 +641,9 @@ kbd,
524
641
  samp,
525
642
  pre {
526
643
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
527
- font-size: 1em; /* 2 */
644
+ font-feature-settings: normal; /* 2 */
645
+ font-variation-settings: normal; /* 3 */
646
+ font-size: 1em; /* 4 */
528
647
  }
529
648
 
530
649
  /*
@@ -579,9 +698,12 @@ optgroup,
579
698
  select,
580
699
  textarea {
581
700
  font-family: inherit; /* 1 */
701
+ font-feature-settings: inherit; /* 1 */
702
+ font-variation-settings: inherit; /* 1 */
582
703
  font-size: 100%; /* 1 */
583
704
  font-weight: inherit; /* 1 */
584
705
  line-height: inherit; /* 1 */
706
+ letter-spacing: inherit; /* 1 */
585
707
  color: inherit; /* 1 */
586
708
  margin: 0; /* 2 */
587
709
  padding: 0; /* 3 */
@@ -602,9 +724,9 @@ select {
602
724
  */
603
725
 
604
726
  button,
605
- [type='button'],
606
- [type='reset'],
607
- [type='submit'] {
727
+ input:where([type='button']),
728
+ input:where([type='reset']),
729
+ input:where([type='submit']) {
608
730
  -webkit-appearance: button; /* 1 */
609
731
  background-color: transparent; /* 2 */
610
732
  background-image: none; /* 2 */
@@ -716,6 +838,14 @@ menu {
716
838
  padding: 0;
717
839
  }
718
840
 
841
+ /*
842
+ Reset default styling for dialogs.
843
+ */
844
+
845
+ dialog {
846
+ padding: 0;
847
+ }
848
+
719
849
  /*
720
850
  Prevent resizing textareas horizontally by default.
721
851
  */
@@ -785,112 +915,16 @@ video {
785
915
  height: auto;
786
916
  }
787
917
 
788
- *, ::before, ::after {
789
- --tw-border-spacing-x: 0;
790
- --tw-border-spacing-y: 0;
791
- --tw-translate-x: 0;
792
- --tw-translate-y: 0;
793
- --tw-rotate: 0;
794
- --tw-skew-x: 0;
795
- --tw-skew-y: 0;
796
- --tw-scale-x: 1;
797
- --tw-scale-y: 1;
798
- --tw-pan-x: ;
799
- --tw-pan-y: ;
800
- --tw-pinch-zoom: ;
801
- --tw-scroll-snap-strictness: proximity;
802
- --tw-ordinal: ;
803
- --tw-slashed-zero: ;
804
- --tw-numeric-figure: ;
805
- --tw-numeric-spacing: ;
806
- --tw-numeric-fraction: ;
807
- --tw-ring-inset: ;
808
- --tw-ring-offset-width: 0px;
809
- --tw-ring-offset-color: #fff;
810
- --tw-ring-color: rgba(59, 130, 246, 0.5);
811
- --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
812
- --tw-ring-shadow: 0 0 rgba(0,0,0,0);
813
- --tw-shadow: 0 0 rgba(0,0,0,0);
814
- --tw-shadow-colored: 0 0 rgba(0,0,0,0);
815
- --tw-blur: ;
816
- --tw-brightness: ;
817
- --tw-contrast: ;
818
- --tw-grayscale: ;
819
- --tw-hue-rotate: ;
820
- --tw-invert: ;
821
- --tw-saturate: ;
822
- --tw-sepia: ;
823
- --tw-drop-shadow: ;
824
- --tw-backdrop-blur: ;
825
- --tw-backdrop-brightness: ;
826
- --tw-backdrop-contrast: ;
827
- --tw-backdrop-grayscale: ;
828
- --tw-backdrop-hue-rotate: ;
829
- --tw-backdrop-invert: ;
830
- --tw-backdrop-opacity: ;
831
- --tw-backdrop-saturate: ;
832
- --tw-backdrop-sepia: ;
833
- }
918
+ /* Make elements with the HTML hidden attribute stay hidden by default */
834
919
 
835
- ::backdrop {
836
- --tw-border-spacing-x: 0;
837
- --tw-border-spacing-y: 0;
838
- --tw-translate-x: 0;
839
- --tw-translate-y: 0;
840
- --tw-rotate: 0;
841
- --tw-skew-x: 0;
842
- --tw-skew-y: 0;
843
- --tw-scale-x: 1;
844
- --tw-scale-y: 1;
845
- --tw-pan-x: ;
846
- --tw-pan-y: ;
847
- --tw-pinch-zoom: ;
848
- --tw-scroll-snap-strictness: proximity;
849
- --tw-ordinal: ;
850
- --tw-slashed-zero: ;
851
- --tw-numeric-figure: ;
852
- --tw-numeric-spacing: ;
853
- --tw-numeric-fraction: ;
854
- --tw-ring-inset: ;
855
- --tw-ring-offset-width: 0px;
856
- --tw-ring-offset-color: #fff;
857
- --tw-ring-color: rgba(59, 130, 246, 0.5);
858
- --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
859
- --tw-ring-shadow: 0 0 rgba(0,0,0,0);
860
- --tw-shadow: 0 0 rgba(0,0,0,0);
861
- --tw-shadow-colored: 0 0 rgba(0,0,0,0);
862
- --tw-blur: ;
863
- --tw-brightness: ;
864
- --tw-contrast: ;
865
- --tw-grayscale: ;
866
- --tw-hue-rotate: ;
867
- --tw-invert: ;
868
- --tw-saturate: ;
869
- --tw-sepia: ;
870
- --tw-drop-shadow: ;
871
- --tw-backdrop-blur: ;
872
- --tw-backdrop-brightness: ;
873
- --tw-backdrop-contrast: ;
874
- --tw-backdrop-grayscale: ;
875
- --tw-backdrop-hue-rotate: ;
876
- --tw-backdrop-invert: ;
877
- --tw-backdrop-opacity: ;
878
- --tw-backdrop-saturate: ;
879
- --tw-backdrop-sepia: ;
920
+ [hidden] {
921
+ display: none;
880
922
  }
881
923
 
882
924
  .relative {
883
925
  position: relative;
884
926
  }
885
927
 
886
- .top-0 {
887
- top: 0px;
888
- }
889
-
890
- .right-0 {
891
- right: 0px;
892
- }
893
-
894
928
  .bottom-0 {
895
929
  bottom: 0px;
896
930
  }
@@ -899,8 +933,12 @@ video {
899
933
  left: 0px;
900
934
  }
901
935
 
902
- .mt-2 {
903
- margin-top: 0.5rem;
936
+ .right-0 {
937
+ right: 0px;
938
+ }
939
+
940
+ .top-0 {
941
+ top: 0px;
904
942
  }
905
943
 
906
944
  .mb-16 {
@@ -911,6 +949,10 @@ video {
911
949
  margin-bottom: 1rem;
912
950
  }
913
951
 
952
+ .mt-2 {
953
+ margin-top: 0.5rem;
954
+ }
955
+
914
956
  .inline {
915
957
  display: inline;
916
958
  }
@@ -923,26 +965,26 @@ video {
923
965
  display: grid;
924
966
  }
925
967
 
926
- .h-auto {
927
- height: auto;
928
- }
929
-
930
968
  .h-0 {
931
969
  height: 0px;
932
970
  }
933
971
 
934
- .h-full {
935
- height: 100%;
972
+ .h-auto {
973
+ height: auto;
936
974
  }
937
975
 
938
- .w-screen {
939
- width: 100vw;
976
+ .h-full {
977
+ height: 100%;
940
978
  }
941
979
 
942
980
  .w-full {
943
981
  width: 100%;
944
982
  }
945
983
 
984
+ .w-screen {
985
+ width: 100vw;
986
+ }
987
+
946
988
  .items-center {
947
989
  align-items: center;
948
990
  }
@@ -975,34 +1017,26 @@ video {
975
1017
  border-style: solid;
976
1018
  }
977
1019
 
978
- .border-slate-900 {
979
- --tw-border-opacity: 1;
980
- border-color: rgba(15, 23, 42, 1);
981
- border-color: rgba(15, 23, 42, var(--tw-border-opacity));
982
- }
983
-
984
1020
  .border-neutral-50 {
985
1021
  --tw-border-opacity: 1;
986
1022
  border-color: rgba(250, 250, 250, 1);
987
1023
  border-color: rgba(250, 250, 250, var(--tw-border-opacity));
988
1024
  }
989
1025
 
990
- .bg-white {
991
- --tw-bg-opacity: 1;
992
- background-color: rgba(255, 255, 255, 1);
993
- background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1026
+ .border-slate-900 {
1027
+ --tw-border-opacity: 1;
1028
+ border-color: rgba(15, 23, 42, 1);
1029
+ border-color: rgba(15, 23, 42, var(--tw-border-opacity));
994
1030
  }
995
1031
 
996
- .bg-slate-100 {
997
- --tw-bg-opacity: 1;
998
- background-color: rgba(241, 245, 249, 1);
999
- background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
1032
+ .bg-\[hsla\(0\2c 0\%\2c 0\%\2c 0\.75\)\] {
1033
+ background-color: hsla(0,0%,0%,0.75);
1000
1034
  }
1001
1035
 
1002
- .bg-slate-400 {
1036
+ .bg-blue-900 {
1003
1037
  --tw-bg-opacity: 1;
1004
- background-color: rgba(148, 163, 184, 1);
1005
- background-color: rgba(148, 163, 184, var(--tw-bg-opacity));
1038
+ background-color: rgba(30, 58, 138, 1);
1039
+ background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
1006
1040
  }
1007
1041
 
1008
1042
  .bg-green-900 {
@@ -1011,20 +1045,28 @@ video {
1011
1045
  background-color: rgba(20, 83, 45, var(--tw-bg-opacity));
1012
1046
  }
1013
1047
 
1014
- .bg-blue-900 {
1015
- --tw-bg-opacity: 1;
1016
- background-color: rgba(30, 58, 138, 1);
1017
- background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
1018
- }
1019
-
1020
1048
  .bg-red-900 {
1021
1049
  --tw-bg-opacity: 1;
1022
1050
  background-color: rgba(127, 29, 29, 1);
1023
1051
  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
1024
1052
  }
1025
1053
 
1026
- .bg-\[hsla\(0\2c 0\%\2c 0\%\2c 0\.75\)\] {
1027
- background-color: hsla(0,0%,0%,0.75);
1054
+ .bg-slate-100 {
1055
+ --tw-bg-opacity: 1;
1056
+ background-color: rgba(241, 245, 249, 1);
1057
+ background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
1058
+ }
1059
+
1060
+ .bg-slate-400 {
1061
+ --tw-bg-opacity: 1;
1062
+ background-color: rgba(148, 163, 184, 1);
1063
+ background-color: rgba(148, 163, 184, var(--tw-bg-opacity));
1064
+ }
1065
+
1066
+ .bg-white {
1067
+ --tw-bg-opacity: 1;
1068
+ background-color: rgba(255, 255, 255, 1);
1069
+ background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1028
1070
  }
1029
1071
 
1030
1072
  .bg-cover {
@@ -1039,14 +1081,14 @@ video {
1039
1081
  background-repeat: no-repeat;
1040
1082
  }
1041
1083
 
1042
- .p-2 {
1043
- padding: 0.5rem;
1044
- }
1045
-
1046
1084
  .p-1 {
1047
1085
  padding: 0.25rem;
1048
1086
  }
1049
1087
 
1088
+ .p-2 {
1089
+ padding: 0.5rem;
1090
+ }
1091
+
1050
1092
  .px-6 {
1051
1093
  padding-left: 1.5rem;
1052
1094
  padding-right: 1.5rem;
@@ -1057,21 +1099,16 @@ video {
1057
1099
  padding-right: 46px;
1058
1100
  }
1059
1101
 
1060
- .pt-\[14px\] {
1061
- padding-top: 14px;
1062
- }
1063
-
1064
1102
  .pb-\[12px\] {
1065
1103
  padding-bottom: 12px;
1066
1104
  }
1067
1105
 
1068
- .text-center {
1069
- text-align: center;
1106
+ .pt-\[14px\] {
1107
+ padding-top: 14px;
1070
1108
  }
1071
1109
 
1072
- .text-lg {
1073
- font-size: 1.125rem;
1074
- line-height: 1.75rem;
1110
+ .text-center {
1111
+ text-align: center;
1075
1112
  }
1076
1113
 
1077
1114
  .text-5xl {
@@ -1079,6 +1116,11 @@ video {
1079
1116
  line-height: 1;
1080
1117
  }
1081
1118
 
1119
+ .text-lg {
1120
+ font-size: 1.125rem;
1121
+ line-height: 1.75rem;
1122
+ }
1123
+
1082
1124
  .text-sm {
1083
1125
  font-size: 0.875rem;
1084
1126
  line-height: 1.25rem;
@@ -1104,26 +1146,20 @@ video {
1104
1146
  letter-spacing: -0.025em;
1105
1147
  }
1106
1148
 
1107
- .text-white {
1108
- --tw-text-opacity: 1;
1109
- color: rgba(255, 255, 255, 1);
1110
- color: rgba(255, 255, 255, var(--tw-text-opacity));
1111
- }
1112
-
1113
1149
  .text-neutral-50 {
1114
1150
  --tw-text-opacity: 1;
1115
1151
  color: rgba(250, 250, 250, 1);
1116
1152
  color: rgba(250, 250, 250, var(--tw-text-opacity));
1117
1153
  }
1118
1154
 
1119
- .underline {
1120
- text-decoration-line: underline;
1155
+ .text-white {
1156
+ --tw-text-opacity: 1;
1157
+ color: rgba(255, 255, 255, 1);
1158
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
1121
1159
  }
1122
1160
 
1123
- .transition-all {
1124
- transition-property: all;
1125
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1126
- transition-duration: 150ms;
1161
+ .underline {
1162
+ text-decoration-line: underline;
1127
1163
  }
1128
1164
 
1129
1165
  .transition {
@@ -1134,14 +1170,20 @@ video {
1134
1170
  transition-duration: 150ms;
1135
1171
  }
1136
1172
 
1137
- .duration-300 {
1138
- transition-duration: 300ms;
1173
+ .transition-all {
1174
+ transition-property: all;
1175
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1176
+ transition-duration: 150ms;
1139
1177
  }
1140
1178
 
1141
1179
  .duration-150 {
1142
1180
  transition-duration: 150ms;
1143
1181
  }
1144
1182
 
1183
+ .duration-300 {
1184
+ transition-duration: 300ms;
1185
+ }
1186
+
1145
1187
  .ease-in-out {
1146
1188
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1147
1189
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@knapsack/sandbox-components",
3
3
  "description": "",
4
- "version": "4.70.0--canary.4628.1068e46.0",
4
+ "version": "4.70.0--canary.4854.b1d79a8.0",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  "./css": "./dist/css/ks-sandbox-styles.css",
@@ -39,23 +39,23 @@
39
39
  "dependencies": {
40
40
  "@webcomponents/custom-elements": "^1.6.0",
41
41
  "clsx": "^2.1.1",
42
- "lit": "^2.7.0",
42
+ "lit": "^2.8.0",
43
43
  "react": "^18.3.1",
44
- "vue": "^3.4.27"
44
+ "vue": "^3.5.8"
45
45
  },
46
46
  "devDependencies": {
47
- "@knapsack/eslint-config-starter": "4.70.0--canary.4628.1068e46.0",
48
- "@knapsack/postcss-config-starter": "4.70.0--canary.4628.1068e46.0",
49
- "@knapsack/prettier-config": "4.70.0--canary.4628.1068e46.0",
50
- "@knapsack/sandbox-tokens": "4.70.0--canary.4628.1068e46.0",
51
- "@knapsack/typescript-config-starter": "4.70.0--canary.4628.1068e46.0",
52
- "@types/node": "^20.16.1",
53
- "@types/react": "^18.3.3",
47
+ "@knapsack/eslint-config-starter": "4.70.0--canary.4854.b1d79a8.0",
48
+ "@knapsack/postcss-config-starter": "4.70.0--canary.4854.b1d79a8.0",
49
+ "@knapsack/prettier-config": "4.70.0--canary.4854.b1d79a8.0",
50
+ "@knapsack/sandbox-tokens": "4.70.0--canary.4854.b1d79a8.0",
51
+ "@knapsack/typescript-config-starter": "4.70.0--canary.4854.b1d79a8.0",
52
+ "@types/node": "^20.16.5",
53
+ "@types/react": "^18.3.8",
54
54
  "esbuild": "^0.20.2",
55
55
  "eslint": "^8.57.0",
56
56
  "npm-run-all2": "^5.0.2",
57
57
  "postcss-cli": "^9.1.0",
58
- "tailwindcss": "^3.1.7",
58
+ "tailwindcss": "^3.4.13",
59
59
  "typescript": "^5.5.4",
60
60
  "web-component-analyzer": "^2.0.0"
61
61
  },
@@ -68,5 +68,5 @@
68
68
  "directory": "apps/ui/libs/sandbox-components",
69
69
  "type": "git"
70
70
  },
71
- "gitHead": "1068e46a07492f9079158ec81b2ccb566a234516"
71
+ "gitHead": "b1d79a8caffe3537b921ff76bae2f2e8bcabbc43"
72
72
  }
package/tsconfig.json CHANGED
@@ -6,6 +6,7 @@
6
6
  "outDir": "./dist",
7
7
  "emitDecoratorMetadata": true,
8
8
  "experimentalDecorators": true,
9
+ "noImplicitOverride": false,
9
10
  "useDefineForClassFields": false
10
11
  },
11
12
  "include": ["./src"]