@unofficialbox/box-open-elements 0.24.0 → 0.26.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 (40) hide show
  1. package/README.md +13 -13
  2. package/dist/components/actions/button.d.ts +1 -0
  3. package/dist/components/actions/button.js +13 -0
  4. package/dist/components/forms/checkbox.d.ts +1 -0
  5. package/dist/components/forms/checkbox.js +2 -0
  6. package/dist/components/forms/code-editor.d.ts +28 -3
  7. package/dist/components/forms/code-editor.js +71 -6
  8. package/dist/components/forms/combobox.js +7 -8
  9. package/dist/components/forms/number-input.d.ts +1 -0
  10. package/dist/components/forms/number-input.js +4 -1
  11. package/dist/components/forms/select.d.ts +1 -0
  12. package/dist/components/forms/select.js +3 -1
  13. package/dist/components/forms/text-area.js +5 -7
  14. package/dist/components/forms/text-field.d.ts +1 -0
  15. package/dist/components/forms/text-field.js +2 -0
  16. package/dist/components/navigation/accordion.d.ts +7 -0
  17. package/dist/components/navigation/accordion.js +31 -8
  18. package/dist/components/output/code-block.js +3 -1
  19. package/dist/components/overlays/drawer.js +2 -2
  20. package/dist/foundations/geometry/tokens.d.ts +2 -2
  21. package/dist/foundations/geometry/tokens.js +3 -3
  22. package/dist/foundations/icons/box-iconography.generated.d.ts +472 -1
  23. package/dist/foundations/icons/box-iconography.generated.js +473 -2
  24. package/dist/patterns/flow-builder/flow-builder.d.ts +5 -1
  25. package/dist/patterns/flow-builder/flow-builder.js +18 -7
  26. package/dist/patterns/flow-builder/primitives.d.ts +1 -0
  27. package/dist/patterns/flow-builder/primitives.js +11 -4
  28. package/dist/patterns/process-modeler/bridge.d.ts +10 -0
  29. package/dist/patterns/process-modeler/bridge.js +173 -0
  30. package/dist/patterns/process-modeler/design.d.ts +2 -0
  31. package/dist/patterns/process-modeler/design.js +288 -0
  32. package/dist/patterns/process-modeler/geometry.d.ts +20 -0
  33. package/dist/patterns/process-modeler/geometry.js +330 -0
  34. package/dist/patterns/process-modeler/index.d.ts +2 -0
  35. package/dist/patterns/process-modeler/index.js +2 -0
  36. package/dist/patterns/process-modeler/model.d.ts +106 -1
  37. package/dist/patterns/process-modeler/model.js +2 -2
  38. package/dist/patterns/process-modeler/process-modeler.d.ts +115 -3
  39. package/dist/patterns/process-modeler/process-modeler.js +1864 -128
  40. package/package.json +4 -3
package/dist/components/overlays/drawer.js CHANGED
@@ -381,7 +381,7 @@ export class Drawer extends BaseElement {
381
381
  this.hostEl.innerHTML = `
382
382
  <style>${drawerStyles}</style>
383
383
  <dialog part="backdrop" aria-labelledby="drawer-title">
384
- <aside part="drawer">
384
+ <div part="drawer">
385
385
  <header part="header">
386
386
  <div part="meta">
387
387
  <h2 id="drawer-title"></h2>
@@ -397,7 +397,7 @@ export class Drawer extends BaseElement {
397
397
  <footer part="footer" hidden>
398
398
  <slot name="footer"></slot>
399
399
  </footer>
400
- </aside>
400
+ </div>
401
401
  </dialog>
402
402
  `;
403
403
  // The footer row only exists when the host slots one: an empty sticky
package/dist/foundations/geometry/tokens.d.ts CHANGED
@@ -109,8 +109,8 @@ export declare const boeControl: {
109
109
  readonly letterSpacing: "var(--boe-profile-control-letter-spacing, 0.035em)";
110
110
  /** BUE disabled control opacity */
111
111
  readonly disabledOpacity: "var(--boe-profile-disabled-opacity, 0.4)";
112
- /** Input border — `$bdl-gray-20` / SurfaceSurfaceQuaternary */
113
- readonly inputBorder: "var(--boe-token-surface-surface-quaternary, #d3d3d3)";
112
+ /** Accessible control edge, separate from low-contrast decorative dividers. */
113
+ readonly inputBorder: "var(--boe-control-edge, var(--boe-token-text-text-secondary, #6f6f6f))";
114
114
  /** Button secondary border — `$bdl-gray-30` / StrokeStrokeHover */
115
115
  readonly buttonBorder: "var(--boe-token-stroke-stroke-hover, #bcbcbc)";
116
116
  /** `@mixin box-inputs` inset shadow */
package/dist/foundations/geometry/tokens.js CHANGED
@@ -109,8 +109,8 @@ export const boeControl = {
109
109
  letterSpacing: "var(--boe-profile-control-letter-spacing, 0.035em)",
110
110
  /** BUE disabled control opacity */
111
111
  disabledOpacity: "var(--boe-profile-disabled-opacity, 0.4)",
112
- /** Input border — `$bdl-gray-20` / SurfaceSurfaceQuaternary */
113
- inputBorder: "var(--boe-token-surface-surface-quaternary, #d3d3d3)",
112
+ /** Accessible control edge, separate from low-contrast decorative dividers. */
113
+ inputBorder: "var(--boe-control-edge, var(--boe-token-text-text-secondary, #6f6f6f))",
114
114
  /** Button secondary border — `$bdl-gray-30` / StrokeStrokeHover */
115
115
  buttonBorder: "var(--boe-token-stroke-stroke-hover, #bcbcbc)",
116
116
  /** `@mixin box-inputs` inset shadow */
@@ -138,7 +138,7 @@ export const boeInputControlStyles = (selector) => `
138
138
 
139
139
  ${selector}:hover:not(:disabled) {
140
140
  box-shadow: ${boeControl.inputInsetShadow};
141
- border-color: var(--boe-token-stroke-stroke-hover, #bcbcbc);
141
+ border-color: ${boeControl.inputBorder};
142
142
  }
143
143
 
144
144
  ${selector}:focus-visible {