@orangelogic/design-system 3.50.0 → 3.51.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 (30) hide show
  1. package/library/chunks/{bicolor-picker.prO-_6Je.js → bicolor-picker.DKcKLKki.js} +1 -1
  2. package/library/chunks/{block-width.MJd4A-sP.js → block-width.BoB4DTSi.js} +8 -8
  3. package/library/chunks/{border-input-group.Cl0Cm8q9.js → border-input-group.Bo4n74DK.js} +1 -1
  4. package/library/chunks/{color-picker.NfX8mIq2.js → color-picker.DJWwlNQc.js} +2 -2
  5. package/library/chunks/{config-manager.BzHT9Ws9.js → config-manager.B17KFYlP.js} +7 -7
  6. package/library/chunks/{configs-controller.CtIB5Q8R.js → configs-controller.CiNEXlyV.js} +2 -2
  7. package/library/chunks/{file-on-demand.DVR8fBgK.js → file-on-demand.D7bLG0JA.js} +2 -2
  8. package/library/chunks/{header.qIpzHeNc.js → header.BaWpIXRz.js} +5 -5
  9. package/library/chunks/{shadow-input-group.xfWQsQH6.js → shadow-input-group.DaDZTOGa.js} +1 -1
  10. package/library/chunks/{src.C8E60TXK.js → src.CNvhakVg.js} +4 -4
  11. package/library/chunks/{tab-group.BVYwTGDS.js → tab-group._olfRqqQ.js} +676 -623
  12. package/library/chunks/{tab.BnFmdiPK.js → tab.CDVHHAgG.js} +14 -10
  13. package/library/components/atoms.js +5 -5
  14. package/library/components/bicolor-picker.js +1 -1
  15. package/library/components/border-input-group.js +1 -1
  16. package/library/components/color-picker.js +1 -1
  17. package/library/components/file-on-demand.js +1 -1
  18. package/library/components/header.js +1 -1
  19. package/library/components/molecules.js +3 -3
  20. package/library/components/organisms.js +1 -1
  21. package/library/components/shadow-input-group.js +1 -1
  22. package/library/components/tab-group.js +1 -1
  23. package/library/components/tab.js +1 -1
  24. package/library/components/types.js +778 -757
  25. package/library/package.json +1 -1
  26. package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +97 -2
  27. package/library/packages/hybrid/rich-text/src/rich-text.d.ts +9 -0
  28. package/library/packages/molecules/src/data-tab-group/data-tab-group.d.ts +2 -0
  29. package/library/react-web-component.d.ts +12 -0
  30. package/package.json +1 -1
@@ -24,22 +24,26 @@ var h = t`.tab{border-radius:var(--cx-border-radius-small);border-top:var(--tab-
24
24
  color: var(--cx-color-primary);
25
25
  }
26
26
 
27
- :host(:focus-visible) {
28
- outline: var(--cx-focus-ring);
29
- outline-offset: calc(
30
- -1 * var(--cx-focus-ring-width) - var(--cx-focus-ring-offset)
31
- );
32
- }
33
-
34
-
27
+ /* display: none, not visibility: hidden, so a hidden tab takes no layout space. */
35
28
  :host([data-cx-tab-group__tab--hidden]) {
36
- visibility: hidden;
37
- pointer-events: none;
29
+ display: none;
38
30
  }
39
31
 
40
32
  ${h}
41
33
 
42
34
  ${g}
35
+
36
+ /*
37
+ * Drawn on the base element, not the host, so the ring follows the tab's own border radius. Declared after
38
+ * tabStyles so the forced-colors outline on an active tab does not replace it.
39
+ */
40
+ :host(:focus-visible) .tab,
41
+ :host(:focus-visible) .timeline-item {
42
+ outline: var(--cx-focus-ring);
43
+ outline-offset: calc(
44
+ -1 * var(--cx-focus-ring-width) - var(--cx-focus-ring-offset)
45
+ );
46
+ }
43
47
  `, v = 0, y = class extends a {
44
48
  constructor(...e) {
45
49
  super(...e), this.localize = new l(this), this.hasSlotController = new u(this, "thumbnail"), this.attrId = ++v, this.componentId = `cx-tab-${this.attrId}`, this.panel = "", this.active = !1, this.closable = !1, this.disabled = !1, this.tabIndex = 0, this.first = !1, this.last = !1, this.single = !1;
@@ -8,7 +8,7 @@ import { t as c } from "../chunks/alert.CuW7fOVy.js";
8
8
  import { t as l } from "../chunks/am-chart.COOKOvT1.js";
9
9
  import { t as u } from "../chunks/animated-image.w6VdagCh.js";
10
10
  import { t as d } from "../chunks/animation.CRLxJUWm.js";
11
- import { n as f, r as p, t as m } from "../chunks/src.C8E60TXK.js";
11
+ import { n as f, r as p, t as m } from "../chunks/src.CNvhakVg.js";
12
12
  import { t as h } from "../chunks/button.Ccrk9fUD.js";
13
13
  import { t as g } from "../chunks/tooltip.CGCOh4cQ.js";
14
14
  import { t as _ } from "../chunks/resize-observer.D9EHlnZI.js";
@@ -33,11 +33,11 @@ import { t as F } from "../chunks/textarea.Bc4eCJgT.js";
33
33
  import { t as I } from "../chunks/option.9V-nTQp7.js";
34
34
  import { t as L } from "../chunks/space.Dd8jezXK.js";
35
35
  import { t as R } from "../chunks/select.DJ_bfkBn.js";
36
- import { t as z } from "../chunks/tab.BnFmdiPK.js";
37
- import { t as B } from "../chunks/tab-group.BVYwTGDS.js";
36
+ import { t as z } from "../chunks/tab.CDVHHAgG.js";
37
+ import { t as B } from "../chunks/tab-group._olfRqqQ.js";
38
38
  import { t as V } from "../chunks/tab-panel.BxeoKuSv.js";
39
39
  import { t as H } from "../chunks/visually-hidden.Bv3SInZp.js";
40
- import { t as U } from "../chunks/color-picker.NfX8mIq2.js";
40
+ import { t as U } from "../chunks/color-picker.DJWwlNQc.js";
41
41
  import { t as W } from "../chunks/copy-button.BLHge7EN.js";
42
42
  import { t as G } from "../chunks/date-calendar.UWxXkZCn.js";
43
43
  import { t as K } from "../chunks/details.DLqFxjTf.js";
@@ -59,7 +59,7 @@ import se from "./format-number.js";
59
59
  import { t as ce } from "../chunks/format-time.BO9Y72qk.js";
60
60
  import { t as le } from "../chunks/grid.CK4PRwur.js";
61
61
  import { t as ue } from "../chunks/grid-item.CSieaU5T.js";
62
- import { t as de } from "../chunks/header.qIpzHeNc.js";
62
+ import { t as de } from "../chunks/header.BaWpIXRz.js";
63
63
  import { t as fe } from "../chunks/hub-connection.C0CASy-Q.js";
64
64
  import { t as pe } from "../chunks/iframe.BnAR2-o2.js";
65
65
  import { t as me } from "../chunks/image-comparer.DStatUUS.js";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/bicolor-picker.prO-_6Je.js";
1
+ import { t as e } from "../chunks/bicolor-picker.DKcKLKki.js";
2
2
  export { e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/border-input-group.Cl0Cm8q9.js";
1
+ import { t as e } from "../chunks/border-input-group.Bo4n74DK.js";
2
2
  export { e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/color-picker.NfX8mIq2.js";
1
+ import { t as e } from "../chunks/color-picker.DJWwlNQc.js";
2
2
  export { e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/file-on-demand.DVR8fBgK.js";
1
+ import { t as e } from "../chunks/file-on-demand.D7bLG0JA.js";
2
2
  export { e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/header.qIpzHeNc.js";
1
+ import { t as e } from "../chunks/header.BaWpIXRz.js";
2
2
  export { e as default };
@@ -1,5 +1,5 @@
1
- import { t as e } from "../chunks/bicolor-picker.prO-_6Je.js";
2
- import { t } from "../chunks/border-input-group.Cl0Cm8q9.js";
1
+ import { t as e } from "../chunks/bicolor-picker.DKcKLKki.js";
2
+ import { t } from "../chunks/border-input-group.Bo4n74DK.js";
3
3
  import { t as n } from "../chunks/color-swatch.sY1uNNSe.js";
4
4
  import { t as r } from "../chunks/confirm-popover.BjAGzV05.js";
5
5
  import { t as i } from "../chunks/corner-position-input-group.BAvx6UsV.js";
@@ -9,7 +9,7 @@ import { t as s } from "../chunks/folder-select.DA7Ezy8P.js";
9
9
  import { t as c } from "../chunks/masonry.D7YK0FcU.js";
10
10
  import { t as l } from "../chunks/padding-input-group.DKIv6567.js";
11
11
  import { t as u } from "../chunks/position-picker.CyXlSYCi.js";
12
- import { t as d } from "../chunks/shadow-input-group.xfWQsQH6.js";
12
+ import { t as d } from "../chunks/shadow-input-group.DaDZTOGa.js";
13
13
  import { t as f } from "../chunks/share-option-list.BO50cnCs.js";
14
14
  import { t as p } from "../chunks/sidebar.CDTaDQY_.js";
15
15
  import { t as m } from "../chunks/size-input-group.DvTF3TsD.js";
@@ -1,4 +1,4 @@
1
1
  import { t as e } from "../chunks/asset-link-format.DW4-Yf4S.js";
2
2
  import { t } from "../chunks/color-swatch-group.Dp778XL2.js";
3
- import { t as n } from "../chunks/file-on-demand.DVR8fBgK.js";
3
+ import { t as n } from "../chunks/file-on-demand.D7bLG0JA.js";
4
4
  export { e as CxAssetLinkFormat, t as CxColorSwatchGroup, n as CxFileOnDemand };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/shadow-input-group.xfWQsQH6.js";
1
+ import { t as e } from "../chunks/shadow-input-group.DaDZTOGa.js";
2
2
  export { e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/tab-group.BVYwTGDS.js";
1
+ import { t as e } from "../chunks/tab-group._olfRqqQ.js";
2
2
  export { e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/tab.BnFmdiPK.js";
1
+ import { t as e } from "../chunks/tab.CDVHHAgG.js";
2
2
  export { e as default };