https://peakboom.ai/assets/wui-icon-box-CyUEp7vD.js

1import{b as e,c as t,d as n,g as r,l as i,o as a,p as o,v as s}from"./wui-text-Dxo3Lf6-.js";var c=r`
2  :host {
3    display: inline-flex;
4    justify-content: center;
5    align-items: center;
6    border-radius: ${({borderRadius:e})=>e[2]};
7    padding: ${({spacing:e})=>e[1]} !important;
8    background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
9    position: relative;
10  }
11
12  :host([data-padding='2']) {
13    padding: ${({spacing:e})=>e[2]} !important;
14  }
15
16  :host:after {
17    content: '';
18    position: absolute;
19    top: 0;
20    left: 0;
21    width: 100%;
22    height: 100%;
23    border-radius: ${({borderRadius:e})=>e[2]};
24  }
25
26  :host > wui-icon {
27    z-index: 10;
28  }
29
30  /* -- Colors --------------------------------------------------- */
31  :host([data-color='accent-primary']) {
32    color: ${({tokens:e})=>e.core.iconAccentPrimary};
33  }
34
35  :host([data-color='accent-primary']):after {
36    background-color: ${({tokens:e})=>e.core.foregroundAccent010};
37  }
38
39  :host([data-color='default']),
40  :host([data-color='secondary']) {
41    color: ${({tokens:e})=>e.theme.iconDefault};
42  }
43
44  :host([data-color='default']):after {
45    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
46  }
47
48  :host([data-color='secondary']):after {
49    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
50  }
51
52  :host([data-color='success']) {
53    color: ${({tokens:e})=>e.core.iconSuccess};
54  }
55
56  :host([data-color='success']):after {
57    background-color: ${({tokens:e})=>e.core.backgroundSuccess};
58  }
59
60  :host([data-color='error']) {
61    color: ${({tokens:e})=>e.core.iconError};
62  }
63
64  :host([data-color='error']):after {
65    background-color: ${({tokens:e})=>e.core.backgroundError};
66  }
67
68  :host([data-color='warning']) {
69    color: ${({tokens:e})=>e.core.iconWarning};
70  }
71
72  :host([data-color='warning']):after {
73    background-color: ${({tokens:e})=>e.core.backgroundWarning};
74  }
75
76  :host([data-color='inverse']) {
77    color: ${({tokens:e})=>e.theme.iconInverse};
78  }
79
80  :host([data-color='inverse']):after {
81    background-color: transparent;
82  }
83`,l=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},u=class extends s{constructor(){super(...arguments),this.icon=`copy`,this.size=`md`,this.padding=`1`,this.color=`default`}render(){return this.dataset.padding=this.padding,this.dataset.color=this.color,e`
84      <wui-icon size=${a(this.size)} name=${this.icon} color="inherit"></wui-icon>
85    `}};u.styles=[o,n,c],l([t()],u.prototype,`icon`,void 0),l([t()],u.prototype,`size`,void 0),l([t()],u.prototype,`padding`,void 0),l([t()],u.prototype,`color`,void 0),u=l([i(`wui-icon-box`)],u);