@tylertech/forge 3.0.0-next.17 → 3.0.0-next.18

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 (46) hide show
  1. package/custom-elements.json +149 -126
  2. package/dist/esm/banner/index.js +1 -1
  3. package/dist/esm/calendar/index.js +1 -1
  4. package/dist/esm/chunks/{chunk.6JR2HMWB.js → chunk.3QUIEBYX.js} +2 -2
  5. package/dist/esm/chunks/chunk.4MEXAG3E.js +7 -0
  6. package/dist/esm/chunks/chunk.4MEXAG3E.js.map +7 -0
  7. package/dist/esm/chunks/{chunk.O47OSK6Z.js → chunk.A6N7ZGN5.js} +2 -2
  8. package/dist/esm/chunks/{chunk.O47OSK6Z.js.map → chunk.A6N7ZGN5.js.map} +1 -1
  9. package/dist/esm/chunks/{chunk.XPIAOMSC.js → chunk.BRLXEKLE.js} +2 -2
  10. package/dist/esm/chunks/{chunk.MMMG4MZ3.js → chunk.IQ3JWZ2P.js} +2 -2
  11. package/dist/esm/chunks/{chunk.NHYJMP25.js → chunk.KOGQOU27.js} +2 -2
  12. package/dist/esm/chunks/{chunk.YVCGGQQG.js → chunk.NES5KNAU.js} +2 -2
  13. package/dist/esm/date-picker/index.js +1 -1
  14. package/dist/esm/date-range-picker/index.js +1 -1
  15. package/dist/esm/index.js +1 -1
  16. package/dist/esm/split-view/index.js +1 -1
  17. package/dist/esm/split-view/split-view/index.js +1 -1
  18. package/dist/esm/split-view/split-view-panel/index.js +1 -1
  19. package/dist/forge-dark.css +1 -1
  20. package/esm/banner/banner-adapter.d.ts +14 -18
  21. package/esm/banner/banner-adapter.js +17 -25
  22. package/esm/banner/banner-constants.d.ts +17 -16
  23. package/esm/banner/banner-constants.js +16 -21
  24. package/esm/banner/banner-foundation.d.ts +15 -14
  25. package/esm/banner/banner-foundation.js +49 -44
  26. package/esm/banner/banner.d.ts +33 -7
  27. package/esm/banner/banner.js +49 -18
  28. package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
  29. package/package.json +1 -1
  30. package/styles/banner/_core.scss +53 -0
  31. package/styles/banner/_token-utils.scss +30 -0
  32. package/styles/banner/banner.scss +109 -9
  33. package/styles/banner/index.scss +6 -0
  34. package/styles/core/styles/tokens/banner/_tokens.scss +25 -0
  35. package/styles/theme/_theme-dark.scss +0 -6
  36. package/dist/esm/chunks/chunk.DFRD7A2Y.js +0 -7
  37. package/dist/esm/chunks/chunk.DFRD7A2Y.js.map +0 -7
  38. package/styles/badge/_mixins.scss +0 -125
  39. package/styles/badge/_variables.scss +0 -87
  40. package/styles/banner/_mixins.scss +0 -219
  41. package/styles/banner/_variables.scss +0 -88
  42. /package/dist/esm/chunks/{chunk.6JR2HMWB.js.map → chunk.3QUIEBYX.js.map} +0 -0
  43. /package/dist/esm/chunks/{chunk.XPIAOMSC.js.map → chunk.BRLXEKLE.js.map} +0 -0
  44. /package/dist/esm/chunks/{chunk.MMMG4MZ3.js.map → chunk.IQ3JWZ2P.js.map} +0 -0
  45. /package/dist/esm/chunks/{chunk.NHYJMP25.js.map → chunk.KOGQOU27.js.map} +0 -0
  46. /package/dist/esm/chunks/{chunk.YVCGGQQG.js.map → chunk.NES5KNAU.js.map} +0 -0
@@ -3,5 +3,5 @@
3
3
  * Copyright 2023 Tyler Technologies, Inc.
4
4
  * License: Apache-2.0
5
5
  */
6
- import"../chunks/chunk.X2RP4QW3.js";import{a as z,b as A,c as B,d as C}from"../chunks/chunk.MMMG4MZ3.js";import"../chunks/chunk.AJJILT3A.js";import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y}from"../chunks/chunk.O47OSK6Z.js";import"../chunks/chunk.JPOTN7LL.js";import"../chunks/chunk.LIKJD4SK.js";import"../chunks/chunk.OR5GB6X3.js";import"../chunks/chunk.EWT2PBEP.js";import"../chunks/chunk.L7BSLZCB.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.QG5EYBS3.js";import"../chunks/chunk.XIQFHO5R.js";import"../chunks/chunk.SKLCDWYQ.js";import"../chunks/chunk.BX4AQRHB.js";import"../chunks/chunk.U6FJJGO3.js";import"../chunks/chunk.YTBNAGLS.js";import"../chunks/chunk.OUIWXKO2.js";import"../chunks/chunk.HPCXVNG6.js";import"../chunks/chunk.ZY3ETQ3D.js";import"../chunks/chunk.NVUMRW44.js";import"../chunks/chunk.UVXKHQQZ.js";import"../chunks/chunk.NHOGZDLN.js";import"../chunks/chunk.TPXXHX5J.js";import"../chunks/chunk.MGLWXAZO.js";import"../chunks/chunk.HZUQXCOQ.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.M3QDAYD2.js";export{v as SPLIT_VIEW_CONSTANTS,a as SPLIT_VIEW_PANEL_CONSTANTS,z as SplitViewAdapter,b as SplitViewAnimatingLayer,B as SplitViewComponent,A as SplitViewFoundation,w as SplitViewPanelAdapter,x as SplitViewPanelComponent,u as SplitViewPanelFoundation,k as clampSize,e as clearState,t as createOverlay,C as defineSplitViewComponent,y as defineSplitViewPanelComponent,o as getCursor,p as getHandleIcon,s as getPixelDimension,q as getSplitViewPanelSibling,n as getValuenow,m as handleBoundariesAfterResize,l as handleBoundariesDuringResize,c as initState,g as keyboardResize,i as maxResize,h as minResize,r as parseSize,f as pointerResize,j as resizeSibling,d as setState};
6
+ import"../chunks/chunk.X2RP4QW3.js";import{a as z,b as A,c as B,d as C}from"../chunks/chunk.IQ3JWZ2P.js";import"../chunks/chunk.AJJILT3A.js";import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y}from"../chunks/chunk.A6N7ZGN5.js";import"../chunks/chunk.JPOTN7LL.js";import"../chunks/chunk.LIKJD4SK.js";import"../chunks/chunk.OR5GB6X3.js";import"../chunks/chunk.EWT2PBEP.js";import"../chunks/chunk.L7BSLZCB.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.QG5EYBS3.js";import"../chunks/chunk.XIQFHO5R.js";import"../chunks/chunk.SKLCDWYQ.js";import"../chunks/chunk.BX4AQRHB.js";import"../chunks/chunk.U6FJJGO3.js";import"../chunks/chunk.YTBNAGLS.js";import"../chunks/chunk.OUIWXKO2.js";import"../chunks/chunk.HPCXVNG6.js";import"../chunks/chunk.ZY3ETQ3D.js";import"../chunks/chunk.NVUMRW44.js";import"../chunks/chunk.UVXKHQQZ.js";import"../chunks/chunk.NHOGZDLN.js";import"../chunks/chunk.TPXXHX5J.js";import"../chunks/chunk.MGLWXAZO.js";import"../chunks/chunk.HZUQXCOQ.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.M3QDAYD2.js";export{v as SPLIT_VIEW_CONSTANTS,a as SPLIT_VIEW_PANEL_CONSTANTS,z as SplitViewAdapter,b as SplitViewAnimatingLayer,B as SplitViewComponent,A as SplitViewFoundation,w as SplitViewPanelAdapter,x as SplitViewPanelComponent,u as SplitViewPanelFoundation,k as clampSize,e as clearState,t as createOverlay,C as defineSplitViewComponent,y as defineSplitViewPanelComponent,o as getCursor,p as getHandleIcon,s as getPixelDimension,q as getSplitViewPanelSibling,n as getValuenow,m as handleBoundariesAfterResize,l as handleBoundariesDuringResize,c as initState,g as keyboardResize,i as maxResize,h as minResize,r as parseSize,f as pointerResize,j as resizeSibling,d as setState};
7
7
  //# sourceMappingURL=index.js.map
@@ -3,5 +3,5 @@
3
3
  * Copyright 2023 Tyler Technologies, Inc.
4
4
  * License: Apache-2.0
5
5
  */
6
- import{a as b,b as c,c as d,d as e}from"../../chunks/chunk.MMMG4MZ3.js";import{v as a}from"../../chunks/chunk.O47OSK6Z.js";import"../../chunks/chunk.JPOTN7LL.js";import"../../chunks/chunk.LIKJD4SK.js";import"../../chunks/chunk.OR5GB6X3.js";import"../../chunks/chunk.EWT2PBEP.js";import"../../chunks/chunk.L7BSLZCB.js";import"../../chunks/chunk.6KTLOA7V.js";import"../../chunks/chunk.QG5EYBS3.js";import"../../chunks/chunk.XIQFHO5R.js";import"../../chunks/chunk.SKLCDWYQ.js";import"../../chunks/chunk.BX4AQRHB.js";import"../../chunks/chunk.U6FJJGO3.js";import"../../chunks/chunk.YTBNAGLS.js";import"../../chunks/chunk.OUIWXKO2.js";import"../../chunks/chunk.HPCXVNG6.js";import"../../chunks/chunk.ZY3ETQ3D.js";import"../../chunks/chunk.NVUMRW44.js";import"../../chunks/chunk.UVXKHQQZ.js";import"../../chunks/chunk.NHOGZDLN.js";import"../../chunks/chunk.TPXXHX5J.js";import"../../chunks/chunk.MGLWXAZO.js";import"../../chunks/chunk.HZUQXCOQ.js";import"../../chunks/chunk.J2M2MXP2.js";import"../../chunks/chunk.M3QDAYD2.js";export{a as SPLIT_VIEW_CONSTANTS,b as SplitViewAdapter,d as SplitViewComponent,c as SplitViewFoundation,e as defineSplitViewComponent};
6
+ import{a as b,b as c,c as d,d as e}from"../../chunks/chunk.IQ3JWZ2P.js";import{v as a}from"../../chunks/chunk.A6N7ZGN5.js";import"../../chunks/chunk.JPOTN7LL.js";import"../../chunks/chunk.LIKJD4SK.js";import"../../chunks/chunk.OR5GB6X3.js";import"../../chunks/chunk.EWT2PBEP.js";import"../../chunks/chunk.L7BSLZCB.js";import"../../chunks/chunk.6KTLOA7V.js";import"../../chunks/chunk.QG5EYBS3.js";import"../../chunks/chunk.XIQFHO5R.js";import"../../chunks/chunk.SKLCDWYQ.js";import"../../chunks/chunk.BX4AQRHB.js";import"../../chunks/chunk.U6FJJGO3.js";import"../../chunks/chunk.YTBNAGLS.js";import"../../chunks/chunk.OUIWXKO2.js";import"../../chunks/chunk.HPCXVNG6.js";import"../../chunks/chunk.ZY3ETQ3D.js";import"../../chunks/chunk.NVUMRW44.js";import"../../chunks/chunk.UVXKHQQZ.js";import"../../chunks/chunk.NHOGZDLN.js";import"../../chunks/chunk.TPXXHX5J.js";import"../../chunks/chunk.MGLWXAZO.js";import"../../chunks/chunk.HZUQXCOQ.js";import"../../chunks/chunk.J2M2MXP2.js";import"../../chunks/chunk.M3QDAYD2.js";export{a as SPLIT_VIEW_CONSTANTS,b as SplitViewAdapter,d as SplitViewComponent,c as SplitViewFoundation,e as defineSplitViewComponent};
7
7
  //# sourceMappingURL=index.js.map
@@ -3,5 +3,5 @@
3
3
  * Copyright 2023 Tyler Technologies, Inc.
4
4
  * License: Apache-2.0
5
5
  */
6
- import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,w as v,x as w,y as x}from"../../chunks/chunk.O47OSK6Z.js";import"../../chunks/chunk.JPOTN7LL.js";import"../../chunks/chunk.LIKJD4SK.js";import"../../chunks/chunk.OR5GB6X3.js";import"../../chunks/chunk.EWT2PBEP.js";import"../../chunks/chunk.L7BSLZCB.js";import"../../chunks/chunk.6KTLOA7V.js";import"../../chunks/chunk.QG5EYBS3.js";import"../../chunks/chunk.XIQFHO5R.js";import"../../chunks/chunk.SKLCDWYQ.js";import"../../chunks/chunk.BX4AQRHB.js";import"../../chunks/chunk.U6FJJGO3.js";import"../../chunks/chunk.YTBNAGLS.js";import"../../chunks/chunk.OUIWXKO2.js";import"../../chunks/chunk.HPCXVNG6.js";import"../../chunks/chunk.ZY3ETQ3D.js";import"../../chunks/chunk.NVUMRW44.js";import"../../chunks/chunk.UVXKHQQZ.js";import"../../chunks/chunk.NHOGZDLN.js";import"../../chunks/chunk.TPXXHX5J.js";import"../../chunks/chunk.MGLWXAZO.js";import"../../chunks/chunk.HZUQXCOQ.js";import"../../chunks/chunk.J2M2MXP2.js";import"../../chunks/chunk.M3QDAYD2.js";export{a as SPLIT_VIEW_PANEL_CONSTANTS,b as SplitViewAnimatingLayer,v as SplitViewPanelAdapter,w as SplitViewPanelComponent,u as SplitViewPanelFoundation,k as clampSize,e as clearState,t as createOverlay,x as defineSplitViewPanelComponent,o as getCursor,p as getHandleIcon,s as getPixelDimension,q as getSplitViewPanelSibling,n as getValuenow,m as handleBoundariesAfterResize,l as handleBoundariesDuringResize,c as initState,g as keyboardResize,i as maxResize,h as minResize,r as parseSize,f as pointerResize,j as resizeSibling,d as setState};
6
+ import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,w as v,x as w,y as x}from"../../chunks/chunk.A6N7ZGN5.js";import"../../chunks/chunk.JPOTN7LL.js";import"../../chunks/chunk.LIKJD4SK.js";import"../../chunks/chunk.OR5GB6X3.js";import"../../chunks/chunk.EWT2PBEP.js";import"../../chunks/chunk.L7BSLZCB.js";import"../../chunks/chunk.6KTLOA7V.js";import"../../chunks/chunk.QG5EYBS3.js";import"../../chunks/chunk.XIQFHO5R.js";import"../../chunks/chunk.SKLCDWYQ.js";import"../../chunks/chunk.BX4AQRHB.js";import"../../chunks/chunk.U6FJJGO3.js";import"../../chunks/chunk.YTBNAGLS.js";import"../../chunks/chunk.OUIWXKO2.js";import"../../chunks/chunk.HPCXVNG6.js";import"../../chunks/chunk.ZY3ETQ3D.js";import"../../chunks/chunk.NVUMRW44.js";import"../../chunks/chunk.UVXKHQQZ.js";import"../../chunks/chunk.NHOGZDLN.js";import"../../chunks/chunk.TPXXHX5J.js";import"../../chunks/chunk.MGLWXAZO.js";import"../../chunks/chunk.HZUQXCOQ.js";import"../../chunks/chunk.J2M2MXP2.js";import"../../chunks/chunk.M3QDAYD2.js";export{a as SPLIT_VIEW_PANEL_CONSTANTS,b as SplitViewAnimatingLayer,v as SplitViewPanelAdapter,w as SplitViewPanelComponent,u as SplitViewPanelFoundation,k as clampSize,e as clearState,t as createOverlay,x as defineSplitViewPanelComponent,o as getCursor,p as getHandleIcon,s as getPixelDimension,q as getSplitViewPanelSibling,n as getValuenow,m as handleBoundariesAfterResize,l as handleBoundariesDuringResize,c as initState,g as keyboardResize,i as maxResize,h as minResize,r as parseSize,f as pointerResize,j as resizeSibling,d as setState};
7
7
  //# sourceMappingURL=index.js.map
@@ -3,4 +3,4 @@
3
3
  * Copyright 2023 Tyler Technologies, Inc.
4
4
  * License: Apache-2.0
5
5
  */
6
- :root{--forge-theme-brand:#212121;--forge-theme-on-brand:#ffffff;--forge-theme-primary:#8c9eff;--forge-theme-primary-container-minimum:#303134;--forge-theme-primary-container-low:#383a45;--forge-theme-primary-container:#43475f;--forge-theme-primary-container-high:#50577c;--forge-theme-on-primary:#000000;--forge-theme-on-primary-container-minimum:#c1cbff;--forge-theme-on-primary-container-low:#c1cbff;--forge-theme-on-primary-container:#c1cbff;--forge-theme-on-primary-container-high:#ffffff;--forge-theme-secondary:#ffe082;--forge-theme-secondary-container-minimum:#34332f;--forge-theme-secondary-container-low:#454236;--forge-theme-secondary-container:#5f5741;--forge-theme-secondary-container-high:#7c704d;--forge-theme-on-secondary:#000000;--forge-theme-on-secondary-container-minimum:#ffeebc;--forge-theme-on-secondary-container-low:#ffeebc;--forge-theme-on-secondary-container:#ffeebc;--forge-theme-on-secondary-container-high:#ffffff;--forge-theme-tertiary:#ffe082;--forge-theme-tertiary-container-minimum:#34332f;--forge-theme-tertiary-container-low:#454236;--forge-theme-tertiary-container:#5f5741;--forge-theme-tertiary-container-high:#7c704d;--forge-theme-on-tertiary:#000000;--forge-theme-on-tertiary-container-minimum:#ffeebc;--forge-theme-on-tertiary-container-low:#ffeebc;--forge-theme-on-tertiary-container:#ffeebc;--forge-theme-on-tertiary-container-high:#ffffff;--forge-theme-surface:#2c2c2c;--forge-theme-surface-inverse:#d5d5d5;--forge-theme-surface-container:#454545;--forge-theme-surface-container-minimum:#343434;--forge-theme-surface-container-low:#3d3d3d;--forge-theme-surface-container-medium:#7c7c7c;--forge-theme-surface-container-high:#9e9e9e;--forge-theme-surface-dim:#212121;--forge-theme-surface-bright:#343434;--forge-theme-surface-bright-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--forge-theme-on-surface:#ffffff;--forge-theme-on-surface-inverse:#000000;--forge-theme-on-surface-container:#ffffff;--forge-theme-on-surface-container-minimum:#ffffff;--forge-theme-on-surface-container-low:#ffffff;--forge-theme-on-surface-container-medium:#ffffff;--forge-theme-on-surface-container-high:#000000;--forge-theme-text-high:rgba(255, 255, 255, 0.87);--forge-theme-text-high-inverse:rgba(0, 0, 0, 0.87);--forge-theme-text-medium:rgba(255, 255, 255, 0.6);--forge-theme-text-medium-inverse:rgba(0, 0, 0, 0.6);--forge-theme-text-low:rgba(255, 255, 255, 0.38);--forge-theme-text-low-inverse:rgba(0, 0, 0, 0.38);--forge-theme-text-lowest:rgba(255, 255, 255, 0.12);--forge-theme-text-lowest-inverse:rgba(0, 0, 0, 0.12);--forge-theme-success:#86b260;--forge-theme-success-container-minimum:#30312e;--forge-theme-success-container-low:#373c32;--forge-theme-success-container:#424c38;--forge-theme-success-container-high:#4e5f40;--forge-theme-on-success:#000000;--forge-theme-on-success-container-minimum:#bed5a9;--forge-theme-on-success-container-low:#bed5a9;--forge-theme-on-success-container:#bed5a9;--forge-theme-on-success-container-high:#ffffff;--forge-theme-error:#ec8396;--forge-theme-error-container-minimum:#342f30;--forge-theme-error-container-low:#433639;--forge-theme-error-container:#5a4145;--forge-theme-error-container-high:#754d54;--forge-theme-on-error:#000000;--forge-theme-on-error-container-minimum:#f5bcc6;--forge-theme-on-error-container-low:#f5bcc6;--forge-theme-on-error-container:#f5bcc6;--forge-theme-on-error-container-high:#ffffff;--forge-theme-warning:#f8b27c;--forge-theme-warning-container-minimum:#34312f;--forge-theme-warning-container-low:#443c36;--forge-theme-warning-container:#5d4c3f;--forge-theme-warning-container-high:#7a5f4a;--forge-theme-on-warning:#000000;--forge-theme-on-warning-container-minimum:#fbd5b8;--forge-theme-on-warning-container-low:#fbd5b8;--forge-theme-on-warning-container:#fbd5b8;--forge-theme-on-warning-container-high:#ffffff;--forge-theme-info:#1565c0;--forge-theme-info-container-minimum:#2b2e32;--forge-theme-info-container-low:#29333e;--forge-theme-info-container:#263a50;--forge-theme-info-container-high:#234264;--forge-theme-on-info:#ffffff;--forge-theme-on-info-container-minimum:#81acdd;--forge-theme-on-info-container-low:#81acdd;--forge-theme-on-info-container:#81acdd;--forge-theme-on-info-container-high:#ffffff;--forge-theme-outline-high:#e4e4e4;--forge-theme-outline-medium:#9e9e9e;--forge-theme-outline-low:#7c7c7c;--forge-theme-outline:#454545;--forge-theme-form-field-label-on-background:rgba(255, 255, 255, 0.65);--forge-theme-form-field-icon-disabled-on-background:rgba(255, 255, 255, 0.26);--forge-theme-form-field-text-disabled-on-background:rgba(255, 255, 255, 0.6);--forge-theme-form-field-disabled-on-background:rgba(255, 255, 255, 0.04);--forge-theme-label-disabled-on-background:rgba(255, 255, 255, 0.38);--forge-popover-border-width:var(--forge-border-thin, 1px);--forge-tooltip-background:var(--forge-theme-surface-bright, #ffffff);--forge-tooltip-color:var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));--forge-tooltip-border-width:var(--forge-border-thin, 1px);--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54);--forge-skeleton-theme-gradient:rgba(255, 255, 255, 0.12);--forge-skeleton-theme-background:rgba(255, 255, 255, 0.12);--forge-toast-theme-background:#eee;--forge-toast-theme-on-background:rgba(0, 0, 0, 0.87);--forge-toast-theme-action:#3d5afe;--forge-table-theme-row-hover-background:rgba(255, 255, 255, 0.04);--forge-table-theme-row-active-background:rgba(255, 255, 255, 0.08);--forge-table-theme-row-selected-background:rgba(140, 158, 255, 0.16);--forge-table-theme-row-selected-hover-background:rgba(140, 158, 255, 0.24);--forge-table-theme-row-selected-active-background:rgba(140, 158, 255, 0.32);--forge-badge-theme-default-muted-background:#ffc107;--forge-badge-theme-default-strong-background:#3f51b5;--forge-badge-theme-default-muted-color:#000000;--forge-badge-theme-default-strong-color:rgba(255, 255, 255, 0.87);--forge-badge-theme-success-muted-background:#175a2a;--forge-badge-theme-success-strong-background:#007425;--forge-badge-theme-success-muted-color:#ffffff;--forge-badge-theme-success-strong-color:#ffffff;--forge-badge-theme-warning-muted-background:#933600;--forge-badge-theme-warning-strong-background:#cc3900;--forge-badge-theme-warning-muted-color:#ffffff;--forge-badge-theme-warning-strong-color:#ffffff;--forge-badge-theme-danger-muted-background:#810022;--forge-badge-theme-danger-strong-background:#ae0019;--forge-badge-theme-danger-muted-color:#ffffff;--forge-badge-theme-danger-strong-color:#ffffff;--forge-badge-theme-info-primary-muted-background:#bbdefb;--forge-badge-theme-info-primary-muted-color:#1a237e;--forge-badge-theme-info-primary-strong-background:#1a237e;--forge-badge-theme-info-primary-strong-color:#ffffff;--forge-badge-theme-info-secondary-muted-background:#424242;--forge-badge-theme-info-secondary-strong-background:#5a5a5a;--forge-badge-theme-info-secondary-muted-color:#ffffff;--forge-badge-theme-info-secondary-strong-color:#ffffff;--forge-banner-theme-default-background:#3f51b5;--forge-banner-theme-default-font-color:#ffffff;--forge-banner-theme-default-icon-color:#ffffff;--forge-banner-theme-success-background:#175a2a;--forge-banner-theme-success-font-color:#ffffff;--forge-banner-theme-success-icon-color:#ffffff;--forge-banner-theme-warning-background:#933600;--forge-banner-theme-warning-font-color:#ffffff;--forge-banner-theme-warning-icon-color:#ffffff;--forge-banner-theme-danger-background:#810022;--forge-banner-theme-danger-font-color:#ffffff;--forge-banner-theme-danger-icon-color:#ffffff;--forge-banner-theme-info-primary-background:#0a3b71;--forge-banner-theme-info-primary-font-color:#ffffff;--forge-banner-theme-info-primary-icon-color:#ffffff;--forge-banner-theme-info-secondary-background:#424242;--forge-banner-theme-info-secondary-font-color:#ffffff;--forge-banner-theme-info-secondary-icon-color:#ffffff}
6
+ :root{--forge-theme-brand:#212121;--forge-theme-on-brand:#ffffff;--forge-theme-primary:#8c9eff;--forge-theme-primary-container-minimum:#303134;--forge-theme-primary-container-low:#383a45;--forge-theme-primary-container:#43475f;--forge-theme-primary-container-high:#50577c;--forge-theme-on-primary:#000000;--forge-theme-on-primary-container-minimum:#c1cbff;--forge-theme-on-primary-container-low:#c1cbff;--forge-theme-on-primary-container:#c1cbff;--forge-theme-on-primary-container-high:#ffffff;--forge-theme-secondary:#ffe082;--forge-theme-secondary-container-minimum:#34332f;--forge-theme-secondary-container-low:#454236;--forge-theme-secondary-container:#5f5741;--forge-theme-secondary-container-high:#7c704d;--forge-theme-on-secondary:#000000;--forge-theme-on-secondary-container-minimum:#ffeebc;--forge-theme-on-secondary-container-low:#ffeebc;--forge-theme-on-secondary-container:#ffeebc;--forge-theme-on-secondary-container-high:#ffffff;--forge-theme-tertiary:#ffe082;--forge-theme-tertiary-container-minimum:#34332f;--forge-theme-tertiary-container-low:#454236;--forge-theme-tertiary-container:#5f5741;--forge-theme-tertiary-container-high:#7c704d;--forge-theme-on-tertiary:#000000;--forge-theme-on-tertiary-container-minimum:#ffeebc;--forge-theme-on-tertiary-container-low:#ffeebc;--forge-theme-on-tertiary-container:#ffeebc;--forge-theme-on-tertiary-container-high:#ffffff;--forge-theme-surface:#2c2c2c;--forge-theme-surface-inverse:#d5d5d5;--forge-theme-surface-container:#454545;--forge-theme-surface-container-minimum:#343434;--forge-theme-surface-container-low:#3d3d3d;--forge-theme-surface-container-medium:#7c7c7c;--forge-theme-surface-container-high:#9e9e9e;--forge-theme-surface-dim:#212121;--forge-theme-surface-bright:#343434;--forge-theme-surface-bright-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--forge-theme-on-surface:#ffffff;--forge-theme-on-surface-inverse:#000000;--forge-theme-on-surface-container:#ffffff;--forge-theme-on-surface-container-minimum:#ffffff;--forge-theme-on-surface-container-low:#ffffff;--forge-theme-on-surface-container-medium:#ffffff;--forge-theme-on-surface-container-high:#000000;--forge-theme-text-high:rgba(255, 255, 255, 0.87);--forge-theme-text-high-inverse:rgba(0, 0, 0, 0.87);--forge-theme-text-medium:rgba(255, 255, 255, 0.6);--forge-theme-text-medium-inverse:rgba(0, 0, 0, 0.6);--forge-theme-text-low:rgba(255, 255, 255, 0.38);--forge-theme-text-low-inverse:rgba(0, 0, 0, 0.38);--forge-theme-text-lowest:rgba(255, 255, 255, 0.12);--forge-theme-text-lowest-inverse:rgba(0, 0, 0, 0.12);--forge-theme-success:#86b260;--forge-theme-success-container-minimum:#30312e;--forge-theme-success-container-low:#373c32;--forge-theme-success-container:#424c38;--forge-theme-success-container-high:#4e5f40;--forge-theme-on-success:#000000;--forge-theme-on-success-container-minimum:#bed5a9;--forge-theme-on-success-container-low:#bed5a9;--forge-theme-on-success-container:#bed5a9;--forge-theme-on-success-container-high:#ffffff;--forge-theme-error:#ec8396;--forge-theme-error-container-minimum:#342f30;--forge-theme-error-container-low:#433639;--forge-theme-error-container:#5a4145;--forge-theme-error-container-high:#754d54;--forge-theme-on-error:#000000;--forge-theme-on-error-container-minimum:#f5bcc6;--forge-theme-on-error-container-low:#f5bcc6;--forge-theme-on-error-container:#f5bcc6;--forge-theme-on-error-container-high:#ffffff;--forge-theme-warning:#f8b27c;--forge-theme-warning-container-minimum:#34312f;--forge-theme-warning-container-low:#443c36;--forge-theme-warning-container:#5d4c3f;--forge-theme-warning-container-high:#7a5f4a;--forge-theme-on-warning:#000000;--forge-theme-on-warning-container-minimum:#fbd5b8;--forge-theme-on-warning-container-low:#fbd5b8;--forge-theme-on-warning-container:#fbd5b8;--forge-theme-on-warning-container-high:#ffffff;--forge-theme-info:#1565c0;--forge-theme-info-container-minimum:#2b2e32;--forge-theme-info-container-low:#29333e;--forge-theme-info-container:#263a50;--forge-theme-info-container-high:#234264;--forge-theme-on-info:#ffffff;--forge-theme-on-info-container-minimum:#81acdd;--forge-theme-on-info-container-low:#81acdd;--forge-theme-on-info-container:#81acdd;--forge-theme-on-info-container-high:#ffffff;--forge-theme-outline-high:#e4e4e4;--forge-theme-outline-medium:#9e9e9e;--forge-theme-outline-low:#7c7c7c;--forge-theme-outline:#454545;--forge-theme-form-field-label-on-background:rgba(255, 255, 255, 0.65);--forge-theme-form-field-icon-disabled-on-background:rgba(255, 255, 255, 0.26);--forge-theme-form-field-text-disabled-on-background:rgba(255, 255, 255, 0.6);--forge-theme-form-field-disabled-on-background:rgba(255, 255, 255, 0.04);--forge-theme-label-disabled-on-background:rgba(255, 255, 255, 0.38);--forge-popover-border-width:var(--forge-border-thin, 1px);--forge-tooltip-background:var(--forge-theme-surface-bright, #ffffff);--forge-tooltip-color:var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));--forge-tooltip-border-width:var(--forge-border-thin, 1px);--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54);--forge-skeleton-theme-gradient:rgba(255, 255, 255, 0.12);--forge-skeleton-theme-background:rgba(255, 255, 255, 0.12);--forge-toast-theme-background:#eee;--forge-toast-theme-on-background:rgba(0, 0, 0, 0.87);--forge-toast-theme-action:#3d5afe;--forge-table-theme-row-hover-background:rgba(255, 255, 255, 0.04);--forge-table-theme-row-active-background:rgba(255, 255, 255, 0.08);--forge-table-theme-row-selected-background:rgba(140, 158, 255, 0.16);--forge-table-theme-row-selected-hover-background:rgba(140, 158, 255, 0.24);--forge-table-theme-row-selected-active-background:rgba(140, 158, 255, 0.32)}
@@ -4,27 +4,23 @@
4
4
  * License: Apache-2.0
5
5
  */
6
6
  import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
7
- import { IIconButtonComponent } from '../icon-button';
8
- import { IBannerComponent } from './banner';
7
+ import type { IBannerComponent } from './banner';
9
8
  export interface IBannerAdapter extends IBaseAdapter {
10
- addRootClass(className: string): void;
11
- removeRootClass(className: string): void;
12
- addDismissButtonAttribute(name: string, value?: string): void;
13
- removeDismissButtonAttribute(name: string): void;
14
- addDismissEventListener(event: string, callback: (event: Event) => void): void;
15
- removeDismissEventListener(event: string, callback: (event: Event) => void): void;
9
+ initialize(): void;
10
+ setDismissButtonVisibility(visible: boolean): void;
11
+ addDismissListener(callback: EventListener): void;
12
+ removeDismissListener(callback: EventListener): void;
13
+ setDismissed(value: boolean): void;
16
14
  }
17
15
  export declare class BannerAdapter extends BaseAdapter<IBannerComponent> implements IBannerAdapter {
18
16
  private _rootElement;
19
- private _forgeIconButtonDismiss;
20
- private _buttonDismiss;
17
+ private _dismissButtonElement;
18
+ private _iconSlotElement;
21
19
  constructor(component: IBannerComponent);
22
- addRootClass(name: string): void;
23
- removeRootClass(name: string): void;
24
- addDismissButtonAttribute(name: string, value?: string): void;
25
- removeDismissButtonAttribute(name: string): void;
26
- addDismissEventListener(event: string, callback: (event: Event) => void): void;
27
- removeDismissEventListener(event: string, callback: (event: Event) => void): void;
28
- get forgeIconButtonDismiss(): IIconButtonComponent;
29
- get buttonDismiss(): HTMLButtonElement;
20
+ initialize(): void;
21
+ setDismissButtonVisibility(visible: boolean): void;
22
+ addDismissListener(callback: EventListener): void;
23
+ removeDismissListener(callback: EventListener): void;
24
+ setDismissed(value: boolean): void;
25
+ private _onIconSlotChange;
30
26
  }
@@ -9,36 +9,28 @@ import { BANNER_CONSTANTS } from './banner-constants';
9
9
  export class BannerAdapter extends BaseAdapter {
10
10
  constructor(component) {
11
11
  super(component);
12
- this._rootElement = getShadowElement(component, BANNER_CONSTANTS.selectors.BANNER);
12
+ this._rootElement = this._component;
13
+ this._rootElement = getShadowElement(component, '.forge-banner');
14
+ this._dismissButtonElement = getShadowElement(component, BANNER_CONSTANTS.selectors.DISMISS_BUTTON);
15
+ this._iconSlotElement = getShadowElement(component, BANNER_CONSTANTS.selectors.ICON_SLOT);
13
16
  }
14
- addRootClass(name) {
15
- this._rootElement.classList.add(name);
17
+ initialize() {
18
+ this._iconSlotElement.addEventListener('slotchange', this._onIconSlotChange.bind(this));
19
+ this._onIconSlotChange();
16
20
  }
17
- removeRootClass(name) {
18
- this._rootElement.classList.remove(name);
21
+ setDismissButtonVisibility(visible) {
22
+ this._dismissButtonElement.hidden = !visible;
19
23
  }
20
- addDismissButtonAttribute(name, value = '') {
21
- this.forgeIconButtonDismiss.setAttribute(name, value);
24
+ addDismissListener(callback) {
25
+ this._dismissButtonElement.addEventListener('click', callback);
22
26
  }
23
- removeDismissButtonAttribute(name) {
24
- this.forgeIconButtonDismiss.removeAttribute(name);
27
+ removeDismissListener(callback) {
28
+ this._dismissButtonElement.removeEventListener('click', callback);
25
29
  }
26
- addDismissEventListener(event, callback) {
27
- this.buttonDismiss.addEventListener(event, callback);
30
+ setDismissed(value) {
31
+ this._rootElement.inert = value;
28
32
  }
29
- removeDismissEventListener(event, callback) {
30
- this.buttonDismiss.removeEventListener(event, callback);
31
- }
32
- get forgeIconButtonDismiss() {
33
- if (!this._forgeIconButtonDismiss) {
34
- this._forgeIconButtonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.FORGE_DISMISS_BUTTON);
35
- }
36
- return this._forgeIconButtonDismiss;
37
- }
38
- get buttonDismiss() {
39
- if (!this._buttonDismiss) {
40
- this._buttonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.DISMISS_BUTTON);
41
- }
42
- return this._buttonDismiss;
33
+ _onIconSlotChange() {
34
+ this._rootElement.classList.toggle(BANNER_CONSTANTS.classes.HAS_ICON, this._iconSlotElement.assignedNodes().length > 0);
43
35
  }
44
36
  }
@@ -3,32 +3,33 @@
3
3
  * Copyright 2023 Tyler Technologies, Inc.
4
4
  * License: Apache-2.0
5
5
  */
6
+ import { Theme } from '../constants';
6
7
  export declare const BANNER_CONSTANTS: {
7
8
  elementName: "forge-banner";
8
- classes: {
9
- BANNER: string;
9
+ observedAttributes: {
10
10
  DISMISSED: string;
11
- };
12
- selectors: {
13
- BANNER: string;
14
- FORGE_DISMISS_BUTTON: string;
15
- DISMISS_BUTTON: string;
16
- ICON: string;
17
- FORGE_BUTTON: string;
11
+ PERSISTENT: string;
12
+ CAN_DISMISS: string;
13
+ THEME: string;
18
14
  };
19
15
  attributes: {
20
- SLOT: string;
21
16
  DISMISSED: string;
17
+ PERSISTENT: string;
22
18
  CAN_DISMISS: string;
23
- HIDDEN: string;
19
+ THEME: string;
20
+ };
21
+ classes: {
22
+ HAS_ICON: string;
23
+ };
24
+ selectors: {
25
+ DISMISS_BUTTON: string;
26
+ ICON_SLOT: string;
24
27
  };
25
- slots: {
26
- ICON: string;
27
- TEXT: string;
28
- BUTTON: string;
28
+ defaults: {
29
+ THEME: BannerTheme;
29
30
  };
30
31
  events: {
31
32
  DISMISSED: string;
32
- UNDISMISSED: string;
33
33
  };
34
34
  };
35
+ export type BannerTheme = Theme | 'danger' | 'info-secondary';
@@ -5,37 +5,32 @@
5
5
  */
6
6
  import { COMPONENT_NAME_PREFIX } from '../constants';
7
7
  const elementName = `${COMPONENT_NAME_PREFIX}banner`;
8
+ const observedAttributes = {
9
+ DISMISSED: 'dismissed',
10
+ PERSISTENT: 'persistent',
11
+ CAN_DISMISS: 'can-dismiss',
12
+ THEME: 'theme'
13
+ };
14
+ const attributes = Object.assign({}, observedAttributes);
8
15
  const classes = {
9
- BANNER: 'forge-banner',
10
- DISMISSED: 'forge-banner--dismissed'
16
+ HAS_ICON: 'has-icon'
11
17
  };
12
18
  const selectors = {
13
- BANNER: '.forge-banner',
14
- FORGE_DISMISS_BUTTON: 'forge-icon-button.forge-banner__container-dismiss',
15
- DISMISS_BUTTON: '.forge-banner__container-dismiss',
16
- ICON: 'i',
17
- FORGE_BUTTON: 'forge-button'
18
- };
19
- const attributes = {
20
- SLOT: 'slot',
21
- DISMISSED: 'dismissed',
22
- CAN_DISMISS: 'can-dismiss',
23
- HIDDEN: 'hidden'
19
+ DISMISS_BUTTON: '[part=dismiss-button]',
20
+ ICON_SLOT: 'slot[name=icon]'
24
21
  };
25
- const slots = {
26
- ICON: 'icon',
27
- TEXT: 'text',
28
- BUTTON: 'button'
22
+ const defaults = {
23
+ THEME: 'info'
29
24
  };
30
25
  const events = {
31
- DISMISSED: `${elementName}-dismissed`,
32
- UNDISMISSED: `${elementName}-undismissed`
26
+ DISMISSED: `${elementName}-dismissed`
33
27
  };
34
28
  export const BANNER_CONSTANTS = {
35
29
  elementName,
30
+ observedAttributes,
31
+ attributes,
36
32
  classes,
37
33
  selectors,
38
- attributes,
39
- slots,
34
+ defaults,
40
35
  events
41
36
  };
@@ -5,27 +5,28 @@
5
5
  */
6
6
  import { ICustomElementFoundation } from '@tylertech/forge-core';
7
7
  import { IBannerAdapter } from './banner-adapter';
8
+ import { BannerTheme } from './banner-constants';
8
9
  export interface IBannerFoundation extends ICustomElementFoundation {
9
10
  dismissed: boolean;
10
- canDismiss: boolean;
11
+ persistent: boolean;
12
+ theme: BannerTheme;
11
13
  }
12
14
  export declare class BannerFoundation implements IBannerFoundation {
13
15
  private _adapter;
14
16
  private _dismissed;
15
- private _canDismiss;
16
- private _dismissBanner;
17
+ private _persistent;
18
+ private _theme;
19
+ private _dismissListener;
17
20
  constructor(_adapter: IBannerAdapter);
18
- connect(): void;
19
- disconnect(): void;
20
- private _dismiss;
21
- private _syncDismissedState;
22
- private _setUndissmissedClass;
23
- private _setDismissedClass;
24
- private _syncCanDismissState;
25
- private _addDismissEventListener;
21
+ initialize(): void;
22
+ private _onDismiss;
23
+ private _addDismissListener;
26
24
  private _removeDismissEventListener;
25
+ private _applyPersistent;
27
26
  get dismissed(): boolean;
28
- set dismissed(val: boolean);
29
- get canDismiss(): boolean;
30
- set canDismiss(val: boolean);
27
+ set dismissed(value: boolean);
28
+ get persistent(): boolean;
29
+ set persistent(value: boolean);
30
+ get theme(): BannerTheme;
31
+ set theme(value: BannerTheme);
31
32
  }
@@ -8,66 +8,71 @@ export class BannerFoundation {
8
8
  constructor(_adapter) {
9
9
  this._adapter = _adapter;
10
10
  this._dismissed = false;
11
- this._canDismiss = true;
12
- this._dismissBanner = () => this._dismiss();
11
+ this._persistent = false;
12
+ this._theme = BANNER_CONSTANTS.defaults.THEME;
13
+ this._dismissListener = this._onDismiss.bind(this);
13
14
  }
14
- connect() {
15
- this._addDismissEventListener();
16
- }
17
- disconnect() {
18
- this._removeDismissEventListener();
19
- }
20
- _dismiss() {
21
- this.dismissed = true;
22
- }
23
- _syncDismissedState() {
24
- if (this.dismissed) {
25
- this._setDismissedClass();
26
- this._adapter.emitHostEvent(BANNER_CONSTANTS.events.DISMISSED);
15
+ initialize() {
16
+ this._adapter.initialize();
17
+ if (!this._persistent) {
18
+ this._addDismissListener();
27
19
  }
28
- else {
29
- this._setUndissmissedClass();
30
- this._adapter.emitHostEvent(BANNER_CONSTANTS.events.UNDISMISSED);
20
+ }
21
+ async _onDismiss() {
22
+ const originalDismissed = this._dismissed;
23
+ this._dismissed = !this._dismissed;
24
+ const evt = new CustomEvent(BANNER_CONSTANTS.events.DISMISSED, { bubbles: true, composed: true, cancelable: true });
25
+ this._adapter.dispatchHostEvent(evt);
26
+ this._dismissed = originalDismissed;
27
+ if (evt.defaultPrevented) {
28
+ return;
31
29
  }
30
+ this.dismissed = !this._dismissed;
32
31
  }
33
- _setUndissmissedClass() {
34
- this._adapter.removeRootClass(BANNER_CONSTANTS.classes.DISMISSED);
32
+ _addDismissListener() {
33
+ this._adapter.addDismissListener(this._dismissListener);
35
34
  }
36
- _setDismissedClass() {
37
- this._adapter.addRootClass(BANNER_CONSTANTS.classes.DISMISSED);
35
+ _removeDismissEventListener() {
36
+ this._adapter.removeDismissListener(this._dismissListener);
38
37
  }
39
- _syncCanDismissState() {
40
- if (this.canDismiss) {
41
- this._adapter.removeDismissButtonAttribute(BANNER_CONSTANTS.attributes.HIDDEN);
38
+ _applyPersistent() {
39
+ this._adapter.setDismissButtonVisibility(!this._persistent);
40
+ if (this._persistent) {
41
+ this._removeDismissEventListener();
42
42
  }
43
43
  else {
44
- this._adapter.addDismissButtonAttribute(BANNER_CONSTANTS.attributes.HIDDEN);
44
+ this._addDismissListener();
45
45
  }
46
46
  }
47
- _addDismissEventListener() {
48
- this._adapter.addDismissEventListener('click', this._dismissBanner);
47
+ get dismissed() {
48
+ return this._dismissed;
49
49
  }
50
- _removeDismissEventListener() {
51
- this._adapter.removeDismissEventListener('click', this._dismissBanner);
50
+ set dismissed(value) {
51
+ value = Boolean(value);
52
+ if (this.dismissed !== value) {
53
+ this._dismissed = value;
54
+ this._adapter.setDismissed(this._dismissed);
55
+ this._adapter.toggleHostAttribute(BANNER_CONSTANTS.attributes.DISMISSED, this.dismissed);
56
+ }
52
57
  }
53
- get dismissed() {
54
- return !!this._dismissed;
58
+ get persistent() {
59
+ return this._persistent;
55
60
  }
56
- set dismissed(val) {
57
- if (this.dismissed === !!val) {
58
- return;
61
+ set persistent(value) {
62
+ value = Boolean(value);
63
+ if (this._persistent !== value) {
64
+ this._persistent = value;
65
+ this._applyPersistent();
66
+ this._adapter.toggleHostAttribute(BANNER_CONSTANTS.attributes.PERSISTENT, this._persistent);
59
67
  }
60
- this._dismissed = !!val;
61
- this._syncDismissedState();
62
68
  }
63
- get canDismiss() {
64
- return !!this._canDismiss;
69
+ get theme() {
70
+ return this._theme;
65
71
  }
66
- set canDismiss(val) {
67
- if (this._canDismiss === !!val) {
68
- return;
72
+ set theme(value) {
73
+ if (this._theme !== value) {
74
+ this._theme = value !== null && value !== void 0 ? value : BANNER_CONSTANTS.defaults.THEME;
75
+ this._adapter.setHostAttribute(BANNER_CONSTANTS.attributes.THEME, this._theme);
69
76
  }
70
- this._canDismiss = !!val;
71
- this._syncCanDismissState();
72
77
  }
73
78
  }
@@ -4,9 +4,13 @@
4
4
  * License: Apache-2.0
5
5
  */
6
6
  import { BaseComponent, IBaseComponent } from '../core/base/base-component';
7
+ import { BannerTheme } from './banner-constants';
7
8
  import { BannerFoundation } from './banner-foundation';
8
9
  export interface IBannerComponent extends IBaseComponent {
9
10
  dismissed: boolean;
11
+ persistent: boolean;
12
+ theme: BannerTheme;
13
+ /** @deprecated Use `persistent` instead. */
10
14
  canDismiss: boolean;
11
15
  }
12
16
  declare global {
@@ -15,23 +19,45 @@ declare global {
15
19
  }
16
20
  interface HTMLElementEventMap {
17
21
  'forge-banner-dismissed': CustomEvent<void>;
18
- 'forge-banner-undismissed': CustomEvent<void>;
19
22
  }
20
23
  }
21
24
  /**
22
- * The custom element class behind the `<forge-banner>` element.
23
- *
24
25
  * @tag forge-banner
26
+ *
27
+ * @summary Banners are used to inform users of important information, such as errors, warnings, or success messages.
28
+ *
29
+ * @property {boolean} dismissed - Controls the visibility of the banner.
30
+ * @property {boolean} persistent - Controls the visibility of the built-in dismiss button.
31
+ * @property {BannerTheme} theme - The theme of the banner.
32
+ *
33
+ * @attribute {boolean} dismissed - Controls the visibility of the banner.
34
+ * @attribute {boolean} persistent - Controls the visibility of the built-in dismiss button.
35
+ * @attribute {BannerTheme} theme - The theme of the banner.
36
+ *
37
+ * @event {CustomEvent} forge-banner-dismissed - Dispatched when the banner is dismissed.
38
+ *
39
+ * @cssproperty --forge-banner-background - The background color of the banner.
40
+ * @cssproperty --forge-banner-color - The text color of the banner.
41
+ * @cssproperty --forge-banner-gap - The gap between the contents.
42
+ * @cssproperty --forge-banner-padding-inline - The inline padding.
43
+ * @cssproperty --forge-banner-padding-block - The block padding.
44
+ * @cssproperty --forge-banner-transition-duration - The transition duration.
45
+ * @cssproperty --forge-banner-transition-easing - The transition easing function.
46
+ *
47
+ * @slot - The content of the banner.
48
+ * @slot icon - The icon to display.
49
+ * @slot button - The optional button to display.
25
50
  */
26
51
  export declare class BannerComponent extends BaseComponent implements IBannerComponent {
27
52
  static get observedAttributes(): string[];
28
53
  protected _foundation: BannerFoundation;
29
54
  constructor();
30
55
  connectedCallback(): void;
31
- disconnectedCallback(): void;
32
56
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
33
- /** Controls whether the component is dismissed (hidden) or not. */
34
57
  dismissed: boolean;
35
- /** Controls the visibility of the dismiss button. */
36
- canDismiss: boolean;
58
+ persistent: boolean;
59
+ theme: BannerTheme;
60
+ /** @deprecated Use `persistent` instead. */
61
+ get canDismiss(): boolean;
62
+ set canDismiss(value: boolean);
37
63
  }