prime-ui-kit 0.7.1 → 0.7.2

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 (35) hide show
  1. package/dist/components/button/examples/destructive-confirm.d.ts.map +1 -1
  2. package/dist/components/index.css +5 -2
  3. package/dist/components/index.css.map +2 -2
  4. package/dist/components/index.d.ts +1 -1
  5. package/dist/components/index.d.ts.map +1 -1
  6. package/dist/components/index.js +421 -295
  7. package/dist/components/index.js.map +4 -4
  8. package/dist/components/modal/Modal.d.ts +28 -7
  9. package/dist/components/modal/Modal.d.ts.map +1 -1
  10. package/dist/components/modal/examples/canonical-maximal.d.ts.map +1 -1
  11. package/dist/components/modal/examples/pattern-close-behavior.d.ts.map +1 -1
  12. package/dist/components/modal/examples/pattern-controlled.d.ts.map +1 -1
  13. package/dist/components/modal/examples/pattern-portal-and-scroll.d.ts.map +1 -1
  14. package/dist/components/modal/examples/scenario-confirm-delete.d.ts.map +1 -1
  15. package/dist/components/modal/examples/scenario-edit-entity.d.ts.map +1 -1
  16. package/dist/components/modal/examples/scenario-legal-consent.d.ts.map +1 -1
  17. package/dist/components/modal/examples/scenario-multi-field-form.d.ts.map +1 -1
  18. package/dist/components/select/Select.d.ts.map +1 -1
  19. package/dist/hooks/useModalKeyboard.d.ts +14 -0
  20. package/dist/hooks/useModalKeyboard.d.ts.map +1 -0
  21. package/dist/index.css +5 -2
  22. package/dist/index.css.map +2 -2
  23. package/dist/index.js +421 -295
  24. package/dist/index.js.map +4 -4
  25. package/package.json +1 -1
  26. package/src/components/button/examples/destructive-confirm.tsx +13 -9
  27. package/src/components/modal/COMPONENT.md +35 -17
  28. package/src/components/modal/examples/canonical-maximal.tsx +13 -9
  29. package/src/components/modal/examples/pattern-close-behavior.tsx +9 -5
  30. package/src/components/modal/examples/pattern-controlled.tsx +7 -3
  31. package/src/components/modal/examples/pattern-portal-and-scroll.tsx +7 -3
  32. package/src/components/modal/examples/scenario-confirm-delete.tsx +13 -9
  33. package/src/components/modal/examples/scenario-edit-entity.tsx +16 -12
  34. package/src/components/modal/examples/scenario-legal-consent.tsx +9 -5
  35. package/src/components/modal/examples/scenario-multi-field-form.tsx +13 -9
package/dist/components/button/examples/destructive-confirm.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"destructive-confirm.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/examples/destructive-confirm.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,4CA6BhD"}
1
+ {"version":3,"file":"destructive-confirm.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/examples/destructive-confirm.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,4CAiChD"}
package/dist/components/index.css CHANGED
@@ -5488,17 +5488,20 @@
5488
5488
  --dd-header-pad-block: var(--prime-sys-spacing-x3);
5489
5489
  --dd-header-desc-font: var(--prime-sys-size-control-s-supportText);
5490
5490
  --dd-separator-stack-pad: var(--prime-sys-spacing-x2);
5491
+ --po-inset-extra: 0px;
5492
+ box-sizing: border-box;
5491
5493
  display: flex;
5492
5494
  flex-direction: column;
5493
5495
  align-items: stretch;
5494
5496
  position: fixed;
5495
5497
  width: max-content;
5496
5498
  max-width: min(var(--prime-sys-unit-20rem), 100vw);
5499
+ margin: 0;
5497
5500
  background: var(--prime-sys-color-surface-elevated);
5498
5501
  border: none;
5499
5502
  border-radius: var(--prime-sys-shape-radius-l);
5500
5503
  box-shadow: var(--prime-sys-elevation-shadow-surface), var(--prime-sys-elevation-shadow-modal);
5501
- padding: var(--dd-pad);
5504
+ padding: calc(var(--dd-pad) + var(--po-inset-extra));
5502
5505
  min-width: var(--dd-min-w);
5503
5506
  transform-origin: top center;
5504
5507
  }
@@ -5741,7 +5744,7 @@
5741
5744
  background-color: color-mix(in srgb, var(--prime-sys-color-border-subtle) var(--dropdown-separator-mix), var(--prime-sys-color-surface-elevated));
5742
5745
  }
5743
5746
  .Dropdown_content2 > * + * {
5744
- margin-top: var(--prime-sys-spacing-x1);
5747
+ margin-top: var(--dd-pad);
5745
5748
  }
5746
5749
  .Dropdown_content2 > .Dropdown_item2 + .Dropdown_item2 {
5747
5750
  margin-top: 0;