@signiphi/page-assembly 0.2.0-beta.1 → 0.2.0-beta.3

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 (7) hide show
  1. package/README.md +283 -92
  2. package/dist/index.js +6 -5
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +6 -5
  5. package/dist/index.mjs.map +1 -1
  6. package/dist/styles/index.css +42 -16
  7. package/package.json +1 -1
package/dist/styles/index.css CHANGED
@@ -635,16 +635,16 @@
635
635
  margin-bottom: calc(calc(0.25rem * 2) * calc(1 - 0));
636
636
  margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
637
637
  }
638
- .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :where(.signiphi-page-assembly .space-y-6 > :not(:last-child)) {
638
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :where(.signiphi-page-assembly .space-y-3 > :not(:last-child)) {
639
639
  --tw-space-y-reverse: 0;
640
- margin-top: calc((0.25rem * 6) * 0);
641
- margin-top: calc((var(--spacing) * 6) * var(--tw-space-y-reverse));
642
- margin-top: calc(calc(0.25rem * 6) * 0);
643
- margin-top: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
644
- margin-bottom: calc((0.25rem * 6) * (1 - 0));
645
- margin-bottom: calc((var(--spacing) * 6) * (1 - var(--tw-space-y-reverse)));
646
- margin-bottom: calc(calc(0.25rem * 6) * calc(1 - 0));
647
- margin-bottom: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
640
+ margin-top: calc((0.25rem * 3) * 0);
641
+ margin-top: calc((var(--spacing) * 3) * var(--tw-space-y-reverse));
642
+ margin-top: calc(calc(0.25rem * 3) * 0);
643
+ margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
644
+ margin-bottom: calc((0.25rem * 3) * (1 - 0));
645
+ margin-bottom: calc((var(--spacing) * 3) * (1 - var(--tw-space-y-reverse)));
646
+ margin-bottom: calc(calc(0.25rem * 3) * calc(1 - 0));
647
+ margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
648
648
  }
649
649
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .truncate {
650
650
  overflow: hidden;
@@ -688,6 +688,10 @@
688
688
  --tw-border-style: dashed;
689
689
  border-style: dashed;
690
690
  }
691
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-border {
692
+ border-color: #e2e8f0;
693
+ border-color: var(--color-border);
694
+ }
691
695
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-gray-200 {
692
696
  border-color: rgb(229, 231, 235);
693
697
  border-color: var(--color-gray-200);
@@ -914,10 +918,6 @@
914
918
  padding-bottom: calc(0.25rem * 3);
915
919
  padding-bottom: calc(var(--spacing) * 3);
916
920
  }
917
- .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .pb-6 {
918
- padding-bottom: calc(0.25rem * 6);
919
- padding-bottom: calc(var(--spacing) * 6);
920
- }
921
921
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .pl-8 {
922
922
  padding-left: calc(0.25rem * 8);
923
923
  padding-left: calc(var(--spacing) * 8);
@@ -1171,9 +1171,19 @@
1171
1171
  }
1172
1172
  }
1173
1173
  @media (hover: hover) {
1174
- .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-gray-400):hover {
1175
- border-color: rgb(153, 161, 175);
1176
- border-color: var(--color-gray-400);
1174
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-primary\/60):hover {
1175
+ border-color: rgba(0, 153, 205, 0.6);
1176
+ }
1177
+ @supports (color: color-mix(in lab, red, red)) {
1178
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-primary\/60):hover {
1179
+ border-color: color-mix(in oklab, #0099cd 60%, transparent);
1180
+ }
1181
+
1182
+ @supports (color: color-mix(in lch, red, blue)) {
1183
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-primary\/60):hover {
1184
+ border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
1185
+ }
1186
+ }
1177
1187
  }
1178
1188
  }
1179
1189
  @media (hover: hover) {
@@ -1220,6 +1230,22 @@
1220
1230
  background-color: var(--color-gray-100);
1221
1231
  }
1222
1232
  }
1233
+ @media (hover: hover) {
1234
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/10):hover {
1235
+ background-color: rgba(0, 153, 205, 0.1);
1236
+ }
1237
+ @supports (color: color-mix(in lab, red, red)) {
1238
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/10):hover {
1239
+ background-color: color-mix(in oklab, #0099cd 10%, transparent);
1240
+ }
1241
+
1242
+ @supports (color: color-mix(in lch, red, blue)) {
1243
+ .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/10):hover {
1244
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
1245
+ }
1246
+ }
1247
+ }
1248
+ }
1223
1249
  @media (hover: hover) {
1224
1250
  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/80):hover {
1225
1251
  background-color: rgba(0, 153, 205, 0.8);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@signiphi/page-assembly",
3
- "version": "0.2.0-beta.1",
3
+ "version": "0.2.0-beta.3",
4
4
  "description": "React component for PDF and image page manipulation - upload, reorder, delete, and combine pages",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",