boss-css 0.0.21 → 0.0.22

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 (4) hide show
  1. package/dist/devtools-app/index.mjs +192 -192
  2. package/dist/tasks/postcss.cjs +8 -13
  3. package/dist/tasks/postcss.mjs +8 -13
  4. package/package.json +1 -1
package/dist/devtools-app/index.mjs CHANGED
@@ -1,290 +1,189 @@
1
1
  var e,t,n={955(e,t,n){e.exports=function(e){if(e.CSS&&e.CSS.escape)return e.CSS.escape;var t=function(e){if(0==arguments.length)throw TypeError("`CSS.escape` requires an argument.");for(var t,n=String(e),r=n.length,o=-1,A="",i=n.charCodeAt(0);++o<r;){if(0==(t=n.charCodeAt(o))){A+="�";continue}if(t>=1&&t<=31||127==t||0==o&&t>=48&&t<=57||1==o&&t>=48&&t<=57&&45==i){A+="\\"+t.toString(16)+" ";continue}if(0==o&&1==r&&45==t){A+="\\"+n.charAt(o);continue}if(t>=128||45==t||95==t||t>=48&&t<=57||t>=65&&t<=90||t>=97&&t<=122){A+=n.charAt(o);continue}A+="\\"+n.charAt(o)}return A};return e.CSS||(e.CSS={}),e.CSS.escape=t,t}(void 0!==n.g?n.g:this)},425(e,t,n){n.d(t,{A:()=>a});var r=n(601),o=n.n(r),A=n(314),i=n.n(A)()(o());i.push([e.id,`:root {
2
- --color-primary-gradient-vertical: linear-gradient(180deg,rgba(237,75,155,0.32),rgba(237,75,155,0.18));
3
2
  --color-primary-soft: #ffe6f2;
3
+ --color-primary: #ed4b9b;
4
4
  --color-primary-20: rgba(237,75,155,0.2);
5
5
  --color-primary-60: rgba(237,75,155,0.6);
6
- --color-primary: #ed4b9b;
6
+ --color-primary-70: rgba(237,75,155,0.7);
7
+ --color-primary-gradient-vertical: linear-gradient(180deg,rgba(237,75,155,0.32),rgba(237,75,155,0.18));
7
8
  --color-primary-gradient: linear-gradient(90deg,#ed4b9b,#ff8fc2);
8
9
  --color-primary-soft-2: #ffe8f4;
9
10
  --color-primary-ring: 0 0 0 3px rgba(237,75,155,0.25);
10
- --color-primary-70: rgba(237,75,155,0.7);
11
11
  }
12
12
  .display\\:flex { display: flex }
13
- .z-index\\:2147483647 { z-index: 2147483647 }
14
- .position\\:fixed { position: fixed }
15
- .isolation\\:isolate { isolation: isolate }
16
13
  .width\\:100\\% { width: 100% }
17
- .width\\:760px { width: 760px }
18
- .bottom\\:24px { bottom: 24px }
19
- .align-items\\:stretch { align-items: stretch }
20
- .z-index\\:60 { z-index: 60 }
21
- .flex\\:0_0_100\\% { flex: 0 0 100% }
22
14
  .flex\\:1 { flex: 1 }
23
- .max-height\\:80vh { max-height: 80vh }
24
- .left\\:24px { left: 24px }
25
- .border-radius\\:10px { border-radius: 10px }
26
15
  .min-height\\:0 { min-height: 0 }
27
- .border\\:1px_solid_rgba\\(120\\,132\\,156\\,0\\.45\\) { border: 1px solid rgba(120,132,156,0.45) }
28
- .width\\:8px { width: 8px }
29
16
  .position\\:relative { position: relative }
30
- .flex-direction\\:column { flex-direction: column }
31
- .background-color\\:\\#0f1115 { background-color: #0f1115 }
32
- .background-color\\:rgba\\(16\\,18\\,24\\,0\\.94\\) { background-color: rgba(16,18,24,0.94) }
33
- .height\\:8px { height: 8px }
34
- .border-radius\\:18px { border-radius: 18px }
35
- .color\\:\\#f5f6f8 { color: #f5f6f8 }
36
- .rotate\\:45deg { rotate: 45deg }
37
- .gap\\:14px { gap: 14px }
38
- .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.32\\) { border: 1px solid rgba(88,102,128,0.32) }
39
- .border\\:1px_solid_\\#2b2f36 { border: 1px solid #2b2f36 }
40
- .height\\:26px { height: 26px }
41
- .background-color\\:rgba\\(10\\,12\\,18\\,0\\.96\\) { background-color: rgba(10,12,18,0.96) }
42
17
  .align-items\\:center { align-items: center }
43
- .background\\:linear-gradient\\(160deg\\,rgba\\(16\\,20\\,30\\,0\\.96\\)\\,rgba\\(8\\,10\\,16\\,0\\.98\\)\\) { background: linear-gradient(160deg,rgba(16,20,30,0.96),rgba(8,10,16,0.98)) }
44
- .padding\\:10px_14px { padding: 10px 14px }
45
- .border-left\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.45\\) { border-left: 1px solid rgba(88,102,128,0.45) }
46
- .height\\:1px { height: 1px }
47
18
  .gap\\:8px { gap: 8px }
48
- .box-shadow\\:0_30px_80px_rgba\\(4\\,6\\,10\\,0\\.65\\) { box-shadow: 0 30px 80px rgba(4,6,10,0.65) }
49
- .height\\:32px { height: 32px }
50
- .border-top\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.45\\) { border-top: 1px solid rgba(88,102,128,0.45) }
51
- .background-color\\:rgba\\(88\\,102\\,128\\,0\\.24\\) { background-color: rgba(88,102,128,0.24) }
52
19
  .padding\\:6px_8px { padding: 6px 8px }
53
- .backdrop-filter\\:blur\\(14px\\) { backdrop-filter: blur(14px) }
54
- .box-shadow\\:0_8px_20px_rgba\\(0\\,0\\,0\\,0\\.3\\) { box-shadow: 0 8px 20px rgba(0,0,0,0.3) }
55
- .color\\:\\#eef2f7 { color: #eef2f7 }
56
- .font-size\\:12px { font-size: 12px }
57
- .height\\:38px { height: 38px }
20
+ .border-radius\\:10px { border-radius: 10px }
58
21
  .background-color\\:rgba\\(9\\,12\\,18\\,0\\.8\\) { background-color: rgba(9,12,18,0.8) }
59
- .font-family\\:IBM_Plex_Sans\\,Space_Grotesk\\,ui-sans-serif\\,system-ui { font-family: IBM Plex Sans,Space Grotesk,ui-sans-serif,system-ui }
60
- .font-family\\:IBM_Plex_Mono\\,ui-monospace\\,SFMono-Regular\\,Menlo\\,Monaco\\,Consolas\\,monospace { font-family: IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace }
61
- .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.45\\) { border: 1px solid rgba(88,102,128,0.45) }
62
- .align-items\\:flex-start { align-items: flex-start }
63
22
  .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.3\\) { border: 1px solid rgba(88,102,128,0.3) }
64
- .pointer-events\\:auto { pointer-events: auto }
65
- .min-height\\:26px { min-height: 26px }
66
- .border-radius\\:8px { border-radius: 8px }
67
- .gap\\:12px { gap: 12px }
68
23
  .overflow\\:hidden { overflow: hidden }
69
- .padding\\:4px_8px { padding: 4px 8px }
70
- .flex-wrap\\:wrap { flex-wrap: wrap }
71
- .min-height\\:32px { min-height: 32px }
72
- .font-size\\:10px { font-size: 10px }
73
- .row-gap\\:6px { row-gap: 6px }
74
24
  .color\\:\\#8c98ad { color: #8c98ad }
75
25
  .flex-shrink\\:0 { flex-shrink: 0 }
76
- .min-height\\:38px { min-height: 38px }
77
- .box-shadow\\:0_10px_24px_rgba\\(0\\,0\\,0\\,0\\.35\\) { box-shadow: 0 10px 24px rgba(0,0,0,0.35) }
78
- .font-size\\:11px { font-size: 11px }
79
- .backdrop-filter\\:blur\\(8px\\) { backdrop-filter: blur(8px) }
80
- .color\\:\\#b9c4d8 { color: #b9c4d8 }
81
- .width\\:110px { width: 110px }
82
- .flex\\:0_0_110px { flex: 0 0 110px }
26
+ .flex-direction\\:column { flex-direction: column }
83
27
  .gap\\:4px { gap: 4px }
84
- .line-height\\:1\\.2 { line-height: 1.2 }
85
- .display\\:grid { display: grid }
86
- .word-break\\:break-word { word-break: break-word }
87
- .grid-template-columns\\:1fr_auto_1fr { grid-template-columns: 1fr auto 1fr }
88
- .padding\\:2px { padding: 2px }
89
28
  .color\\:\\#ffffff { color: #ffffff }
90
- .height\\:auto { height: auto }
91
- .min-width\\:180px { min-width: 180px }
92
- .padding\\:14px_18px { padding: 14px 18px }
93
- .align-content\\:flex-start { align-content: flex-start }
94
- .border-bottom\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.24\\) { border-bottom: 1px solid rgba(88,102,128,0.24) }
95
29
  .min-width\\:0 { min-width: 0 }
96
- .background\\:linear-gradient\\(135deg\\,rgba\\(22\\,26\\,36\\,0\\.95\\)\\,rgba\\(12\\,15\\,20\\,0\\.95\\)\\) { background: linear-gradient(135deg,rgba(22,26,36,0.95),rgba(12,15,20,0.95)) }
97
- .width\\:fit-content { width: fit-content }
98
- .cursor\\:grab { cursor: grab }
99
- .max-width\\:100\\% { max-width: 100% }
100
- .user-select\\:none { user-select: none }
101
- .appearance\\:none { appearance: none }
102
- .color\\:inherit { color: inherit }
103
- .border\\:0 { border: 0 }
104
30
  .overflow\\:auto { overflow: auto }
105
- .outline\\:none { outline: none }
106
31
  .padding\\:16px { padding: 16px }
107
- .font-size\\:13px { font-size: 13px }
108
- .justify-content\\:center { justify-content: center }
109
- .font-weight\\:600 { font-weight: 600 }
110
- .letter-spacing\\:0\\.02em { letter-spacing: 0.02em }
111
- .letter-spacing\\:0\\.06em { letter-spacing: 0.06em }
112
- .text-transform\\:uppercase { text-transform: uppercase }
113
- .color\\:\\#96a0b5 { color: #96a0b5 }
114
- .cursor\\:pointer { cursor: pointer }
115
- .transition\\:background-color_120ms_ease\\,color_120ms_ease\\,box-shadow_120ms_ease { transition: background-color 120ms ease,color 120ms ease,box-shadow 120ms ease }
116
- .white-space\\:nowrap { white-space: nowrap }
117
- .line-height\\:1 { line-height: 1 }
32
+ .gap\\:14px { gap: 14px }
33
+ .flex-wrap\\:wrap { flex-wrap: wrap }
34
+ .height\\:32px { height: 32px }
118
35
  .width\\:30px { width: 30px }
119
- .padding\\:4px_12px { padding: 4px 12px }
120
36
  .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.4\\) { border: 1px solid rgba(88,102,128,0.4) }
121
37
  .background-color\\:rgba\\(12\\,16\\,22\\,0\\.9\\) { background-color: rgba(12,16,22,0.9) }
122
38
  .color\\:\\#b7c2d4 { color: #b7c2d4 }
123
- .justify-content\\:flex-end { justify-content: flex-end }
124
- .padding\\:6px_14px { padding: 6px 14px }
125
- .background-color\\:rgba\\(10\\,14\\,20\\,0\\.86\\) { background-color: rgba(10,14,20,0.86) }
126
- .border\\:1px_solid_rgba\\(86\\,98\\,120\\,0\\.4\\) { border: 1px solid rgba(86,98,120,0.4) }
127
- .padding\\:8px_16px { padding: 8px 16px }
128
- .padding\\:6px_10px { padding: 6px 10px }
39
+ .justify-content\\:center { justify-content: center }
40
+ .cursor\\:pointer { cursor: pointer }
129
41
  .transition\\:background-color_120ms_ease\\,color_120ms_ease\\,border-color_120ms_ease { transition: background-color 120ms ease,color 120ms ease,border-color 120ms ease }
130
- .background\\:primary-gradient-vertical { background: var(--color-primary-gradient-vertical) }
131
- .color\\:\\#e8eef8 { color: #e8eef8 }
132
- .color\\:primary-soft { color: var(--color-primary-soft) }
133
- .background-color\\:\\#0e121a { background-color: #0e121a }
134
- .background\\:transparent { background: transparent }
135
- .border\\:1px_solid_rgba\\(86\\,98\\,120\\,0\\.45\\) { border: 1px solid rgba(86,98,120,0.45) }
136
- .color\\:\\#c4cede { color: #c4cede }
137
- .border-radius\\:12px { border-radius: 12px }
138
- .padding\\:8px { padding: 8px }
139
- .box-shadow\\:0_16px_30px_rgba\\(0\\,0\\,0\\,0\\.45\\) { box-shadow: 0 16px 30px rgba(0,0,0,0.45) }
140
- .padding\\:12px_14px { padding: 12px 14px }
141
- .border\\:1px_solid_rgba\\(120\\,132\\,156\\,0\\.4\\) { border: 1px solid rgba(120,132,156,0.4) }
142
- .color\\:\\#d8e2f1 { color: #d8e2f1 }
143
- .padding\\:4px_10px { padding: 4px 10px }
144
- .gap\\:16px { gap: 16px }
145
- .background-color\\:rgba\\(16\\,18\\,24\\,0\\.96\\) { background-color: rgba(16,18,24,0.96) }
146
- .color\\:\\#d6dfef { color: #d6dfef }
147
- .padding\\:12px { padding: 12px }
148
- .background-color\\:rgba\\(120\\,132\\,156\\,0\\.3\\) { background-color: rgba(120,132,156,0.3) }
149
- .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.26\\) { border: 1px solid rgba(88,102,128,0.26) }
150
- .margin\\:0_1px { margin: 0 1px }
151
- .background\\:rgba\\(16\\,20\\,28\\,0\\.8\\) { background: rgba(16,20,28,0.8) }
152
- .width\\:1px { width: 1px }
153
42
  .position\\:sticky { position: sticky }
154
- .align-self\\:stretch { align-self: stretch }
155
43
  .bottom\\:0 { bottom: 0 }
156
44
  .z-index\\:2 { z-index: 2 }
157
- .margin\\:1px_0 { margin: 1px 0 }
158
45
  .margin-top\\:12px { margin-top: 12px }
159
- .color\\:\\#e6edf7 { color: #e6edf7 }
160
- .padding\\:0_8 { padding: 0 8px }
46
+ .padding\\:12px { padding: 12px }
47
+ .border-radius\\:12px { border-radius: 12px }
48
+ .border\\:1px_solid_rgba\\(86\\,98\\,120\\,0\\.4\\) { border: 1px solid rgba(86,98,120,0.4) }
161
49
  .background-color\\:rgba\\(9\\,12\\,18\\,0\\.92\\) { background-color: rgba(9,12,18,0.92) }
162
50
  .box-shadow\\:0_18px_28px_rgba\\(0\\,0\\,0\\,0\\.45\\) { box-shadow: 0 18px 28px rgba(0,0,0,0.45) }
163
- .color\\:\\#b8c4d8 { color: #b8c4d8 }
164
- .gap\\:8 { gap: 8px }
165
51
  .justify-content\\:space-between { justify-content: space-between }
166
- .height\\:100\\% { height: 100% }
167
- .letter-spacing\\:0\\.08em { letter-spacing: 0.08em }
168
- .font-family\\:monospace { font-family: monospace }
169
- .flex\\:0_0_auto { flex: 0 0 auto }
52
+ .font-size\\:12px { font-size: 12px }
170
53
  .color\\:\\#c3cddd { color: #c3cddd }
171
- .margin-right\\:2 { margin-right: 2px }
172
- .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.35\\) { border: 1px solid rgba(88,102,128,0.35) }
173
- .min-width\\:1ch { min-width: 1ch }
54
+ .font-weight\\:600 { font-weight: 600 }
174
55
  .height\\:28px { height: 28px }
175
- .border\\:none { border: none }
176
56
  .width\\:28px { width: 28px }
177
- .padding\\:0 { padding: 0 }
178
- .text-align\\:left { text-align: left }
179
- .font-variant-numeric\\:tabular-nums { font-variant-numeric: tabular-nums }
57
+ .border-radius\\:8px { border-radius: 8px }
180
58
  .margin-top\\:10px { margin-top: 10px }
181
59
  .padding\\:10px { padding: 10px }
182
- .width\\:18px { width: 18px }
183
- .height\\:18px { height: 18px }
184
- .border-radius\\:6px { border-radius: 6px }
185
60
  .position\\:absolute { position: absolute }
186
- .border\\:1px_solid_rgba\\(255\\,255\\,255\\,0\\.16\\) { border: 1px solid rgba(255,255,255,0.16) }
187
61
  .left\\:0 { left: 0 }
188
62
  .right\\:0 { right: 0 }
189
- .padding\\:0_6px { padding: 0 6px }
63
+ .height\\:1px { height: 1px }
190
64
  .background-color\\:rgba\\(88\\,102\\,128\\,0\\.35\\) { background-color: rgba(88,102,128,0.35) }
191
65
  .pointer-events\\:none { pointer-events: none }
192
- .padding\\:6px { padding: 6px }
193
- .background-color\\:transparent { background-color: transparent }
194
- .min-width\\:220px { min-width: 220px }
195
- .max-height\\:240px { max-height: 240px }
196
- .justify-content\\:flex-start { justify-content: flex-start }
197
- .gap\\:10px { gap: 10px }
66
+ .height\\:100\\% { height: 100% }
67
+ .padding\\:0_6px { padding: 0 6px }
68
+ .border\\:none { border: none }
69
+ .background\\:transparent { background: transparent }
70
+ .color\\:primary-soft { color: var(--color-primary-soft) }
198
71
  .top\\:0 { top: 0 }
199
72
  .z-index\\:5 { z-index: 5 }
200
73
  .border-right\\:1px_solid_rgba\\(84\\,96\\,116\\,0\\.28\\) { border-right: 1px solid rgba(84,96,116,0.28) }
201
74
  .background\\:linear-gradient\\(180deg\\,rgba\\(18\\,22\\,30\\,0\\.9\\)\\,rgba\\(10\\,12\\,18\\,0\\.94\\)\\) { background: linear-gradient(180deg,rgba(18,22,30,0.9),rgba(10,12,18,0.94)) }
202
- .hover\\:background-color\\:rgba\\(20\\,24\\,32\\,0\\.9\\):hover { background-color: rgba(20,24,32,0.9);display: flex }
75
+ .gap\\:10px { gap: 10px }
203
76
  .box-sizing\\:border-box { box-sizing: border-box }
204
77
  .transition\\:width_160ms_ease { transition: width 160ms ease }
205
78
  .padding\\:12px_10px { padding: 12px 10px }
206
- .margin-left\\:auto { margin-left: auto }
207
- .color\\:\\#7d889d { color: #7d889d }
208
- .background-color\\:primary-20 { background-color: var(--color-primary-20) }
79
+ .outline\\:none { outline: none }
209
80
  .color\\:\\#dfe7f4 { color: #dfe7f4 }
210
- .border\\:1px_solid { border: 1px solid }
211
- .border-color\\:primary-60 { border-color: var(--color-primary-60) }
81
+ .font-size\\:11px { font-size: 11px }
212
82
  .transition\\:opacity_120ms_ease\\,width_120ms_ease { transition: opacity 120ms ease,width 120ms ease }
213
- .padding\\:6px_12px { padding: 6px 12px }
214
83
  .opacity\\:1 { opacity: 1 }
215
- .color\\:\\#7a8599 { color: #7a8599 }
216
84
  .width\\:0 { width: 0 }
217
85
  .opacity\\:0 { opacity: 0 }
218
- .min-height\\:220px { min-height: 220px }
219
- .height\\:260px { height: 260px }
220
- .background-color\\:\\#0b0f15 { background-color: #0b0f15 }
86
+ .appearance\\:none { appearance: none }
87
+ .border\\:0 { border: 0 }
88
+ .background-color\\:transparent { background-color: transparent }
221
89
  .min-height\\:30px { min-height: 30px }
222
- .padding\\:12px_16px { padding: 12px 16px }
223
90
  .transition\\:background-color_120ms_ease\\,color_120ms_ease { transition: background-color 120ms ease,color 120ms ease }
224
- .border-top\\:1px_solid_rgba\\(84\\,96\\,116\\,0\\.28\\) { border-top: 1px solid rgba(84,96,116,0.28) }
225
- .background\\:linear-gradient\\(180deg\\,rgba\\(10\\,12\\,16\\,0\\.96\\)\\,rgba\\(7\\,9\\,12\\,0\\.98\\)\\) { background: linear-gradient(180deg,rgba(10,12,16,0.96),rgba(7,9,12,0.98)) }
91
+ .text-align\\:left { text-align: left }
92
+ .padding\\:6px_10px { padding: 6px 10px }
93
+ .justify-content\\:flex-start { justify-content: flex-start }
226
94
  .background-color\\:primary { background-color: var(--color-primary) }
227
95
  .right\\:8px { right: 8px }
228
- .color\\:\\#8a96ab { color: #8a96ab }
229
96
  .bottom\\:8px { bottom: 8px }
230
97
  .width\\:26px { width: 26px }
98
+ .height\\:26px { height: 26px }
231
99
  .background-color\\:rgba\\(9\\,12\\,18\\,0\\.7\\) { background-color: rgba(9,12,18,0.7) }
232
100
  .color\\:\\#c8d2e3 { color: #c8d2e3 }
101
+ .background-color\\:primary-20 { background-color: var(--color-primary-20) }
102
+ .border-color\\:primary-60 { border-color: var(--color-primary-60) }
103
+ .flex\\:0_0_100\\% { flex: 0 0 100% }
104
+ .display\\:block { display: block }
105
+ .z-index\\:2147483647 { z-index: 2147483647 }
106
+ .width\\:760px { width: 760px }
107
+ .max-height\\:80vh { max-height: 80vh }
108
+ .border-radius\\:18px { border-radius: 18px }
109
+ .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.32\\) { border: 1px solid rgba(88,102,128,0.32) }
110
+ .background\\:linear-gradient\\(160deg\\,rgba\\(16\\,20\\,30\\,0\\.96\\)\\,rgba\\(8\\,10\\,16\\,0\\.98\\)\\) { background: linear-gradient(160deg,rgba(16,20,30,0.96),rgba(8,10,16,0.98)) }
111
+ .box-shadow\\:0_30px_80px_rgba\\(4\\,6\\,10\\,0\\.65\\) { box-shadow: 0 30px 80px rgba(4,6,10,0.65) }
112
+ .backdrop-filter\\:blur\\(14px\\) { backdrop-filter: blur(14px) }
113
+ .color\\:\\#eef2f7 { color: #eef2f7 }
114
+ .font-family\\:IBM_Plex_Sans\\,Space_Grotesk\\,ui-sans-serif\\,system-ui { font-family: IBM Plex Sans,Space Grotesk,ui-sans-serif,system-ui }
115
+ .pointer-events\\:auto { pointer-events: auto }
116
+ .display\\:grid { display: grid }
117
+ .grid-template-columns\\:1fr_auto_1fr { grid-template-columns: 1fr auto 1fr }
118
+ .gap\\:12px { gap: 12px }
119
+ .padding\\:14px_18px { padding: 14px 18px }
120
+ .border-bottom\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.24\\) { border-bottom: 1px solid rgba(88,102,128,0.24) }
121
+ .background\\:linear-gradient\\(135deg\\,rgba\\(22\\,26\\,36\\,0\\.95\\)\\,rgba\\(12\\,15\\,20\\,0\\.95\\)\\) { background: linear-gradient(135deg,rgba(22,26,36,0.95),rgba(12,15,20,0.95)) }
122
+ .cursor\\:grab { cursor: grab }
123
+ .user-select\\:none { user-select: none }
124
+ .align-items\\:flex-start { align-items: flex-start }
125
+ .font-size\\:13px { font-size: 13px }
126
+ .letter-spacing\\:0\\.02em { letter-spacing: 0.02em }
127
+ .color\\:\\#96a0b5 { color: #96a0b5 }
128
+ .justify-content\\:flex-end { justify-content: flex-end }
129
+ .padding\\:12px_14px { padding: 12px 14px }
130
+ .gap\\:16px { gap: 16px }
131
+ .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.26\\) { border: 1px solid rgba(88,102,128,0.26) }
132
+ .background\\:rgba\\(16\\,20\\,28\\,0\\.8\\) { background: rgba(16,20,28,0.8) }
133
+ .color\\:\\#e6edf7 { color: #e6edf7 }
134
+ .color\\:\\#b8c4d8 { color: #b8c4d8 }
135
+ .text-transform\\:uppercase { text-transform: uppercase }
136
+ .letter-spacing\\:0\\.08em { letter-spacing: 0.08em }
137
+ .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.35\\) { border: 1px solid rgba(88,102,128,0.35) }
138
+ .width\\:18px { width: 18px }
139
+ .height\\:18px { height: 18px }
140
+ .border-radius\\:6px { border-radius: 6px }
141
+ .border\\:1px_solid_rgba\\(255\\,255\\,255\\,0\\.16\\) { border: 1px solid rgba(255,255,255,0.16) }
142
+ .padding\\:0 { padding: 0 }
143
+ .border\\:1px_solid { border: 1px solid }
144
+ .padding\\:6px_12px { padding: 6px 12px }
145
+ .color\\:\\#7a8599 { color: #7a8599 }
146
+ .min-height\\:220px { min-height: 220px }
147
+ .height\\:260px { height: 260px }
148
+ .background-color\\:\\#0b0f15 { background-color: #0b0f15 }
149
+ .padding\\:12px_16px { padding: 12px 16px }
150
+ .border-top\\:1px_solid_rgba\\(84\\,96\\,116\\,0\\.28\\) { border-top: 1px solid rgba(84,96,116,0.28) }
151
+ .background\\:linear-gradient\\(180deg\\,rgba\\(10\\,12\\,16\\,0\\.96\\)\\,rgba\\(7\\,9\\,12\\,0\\.98\\)\\) { background: linear-gradient(180deg,rgba(10,12,16,0.96),rgba(7,9,12,0.98)) }
152
+ .color\\:\\#8a96ab { color: #8a96ab }
233
153
  .background-color\\:rgba\\(20\\,24\\,32\\,0\\.6\\) { background-color: rgba(20,24,32,0.6) }
234
154
  .border\\:1px_solid_rgba\\(80\\,92\\,112\\,0\\.4\\) { border: 1px solid rgba(80,92,112,0.4) }
235
155
  .color\\:\\#9aa5b6 { color: #9aa5b6 }
236
- .padding\\:0_8px { padding: 0 8px }
237
- .display\\:block { display: block }
238
- .width\\:14px { width: 14px }
239
- .height\\:14px { height: 14px }
240
156
  .right\\:10px { right: 10px }
241
157
  .bottom\\:10px { bottom: 10px }
242
158
  .width\\:12px { width: 12px }
243
159
  .height\\:12px { height: 12px }
244
160
  .border-right\\:2px_solid_rgba\\(130\\,150\\,190\\,0\\.65\\) { border-right: 2px solid rgba(130,150,190,0.65) }
245
161
  .border-bottom\\:2px_solid_rgba\\(130\\,150\\,190\\,0\\.65\\) { border-bottom: 2px solid rgba(130,150,190,0.65) }
246
- .border-radius\\:14px { border-radius: 14px }
247
162
  .cursor\\:se-resize { cursor: se-resize }
248
163
  .opacity\\:0\\.6 { opacity: 0.6 }
249
164
  .background-color\\:rgba\\(18\\,22\\,30\\,0\\.8\\) { background-color: rgba(18,22,30,0.8) }
250
165
  .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.2\\) { border: 1px solid rgba(88,102,128,0.2) }
251
166
  .color\\:\\#e8edf6 { color: #e8edf6 }
252
- .width\\:72px { width: 72px }
253
167
  .color\\:\\#7f8aa0 { color: #7f8aa0 }
168
+ .font-size\\:10px { font-size: 10px }
254
169
  .color\\:\\#6e7b8f { color: #6e7b8f }
255
- .height\\:6px { height: 6px }
256
- .border-radius\\:999px { border-radius: 999px }
257
- .background-color\\:rgba\\(24\\,30\\,40\\,0\\.9\\) { background-color: rgba(24,30,40,0.9) }
258
- .border\\:1px_solid_rgba\\(90\\,104\\,126\\,0\\.4\\) { border: 1px solid rgba(90,104,126,0.4) }
259
- .background\\:primary-gradient { background: var(--color-primary-gradient) }
260
- .background-color\\:primary-soft-2 { background-color: var(--color-primary-soft-2) }
261
- .border\\:1px_solid_rgba\\(86\\,98\\,120\\,0\\.6\\) { border: 1px solid rgba(86,98,120,0.6) }
262
- .box-shadow\\:primary-ring { box-shadow: var(--color-primary-ring) }
263
- .color\\:\\#7e8aa0 { color: #7e8aa0 }
264
170
  .color\\:\\#a6b2c9 { color: #a6b2c9 }
265
171
  .background-color\\:\\#0d1118 { background-color: #0d1118 }
172
+ .box-shadow\\:0_16px_30px_rgba\\(0\\,0\\,0\\,0\\.45\\) { box-shadow: 0 16px 30px rgba(0,0,0,0.45) }
173
+ .min-width\\:220px { min-width: 220px }
174
+ .max-height\\:240px { max-height: 240px }
266
175
  .gap\\:6px { gap: 6px }
267
176
  .background-color\\:rgba\\(20\\,24\\,32\\,0\\.9\\) { background-color: rgba(20,24,32,0.9) }
268
177
  .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.24\\) { border: 1px solid rgba(88,102,128,0.24) }
269
178
  .color\\:\\#d5deea { color: #d5deea }
179
+ .color\\:\\#7d889d { color: #7d889d }
180
+ .border-radius\\:14px { border-radius: 14px }
270
181
  .border\\:1px_dashed_rgba\\(88\\,102\\,128\\,0\\.4\\) { border: 1px dashed rgba(88,102,128,0.4) }
271
182
  .color\\:\\#dbe3ef { color: #dbe3ef }
272
- .border\\:1px_solid_rgba\\(86\\,98\\,120\\,0\\.24\\) { border: 1px solid rgba(86,98,120,0.24) }
273
183
  .padding\\:3px_8px { padding: 3px 8px }
274
- .opacity\\:0\\.55 { opacity: 0.55 }
184
+ .border-radius\\:999px { border-radius: 999px }
275
185
  .border-color\\:primary-70 { border-color: var(--color-primary-70) }
276
- .padding\\:4px { padding: 4px }
277
186
  .color\\:\\#75829a { color: #75829a }
278
- .opacity\\:0\\.75 { opacity: 0.75 }
279
- .cursor\\:default { cursor: default }
280
- .cursor\\:ew-resize { cursor: ew-resize }
281
- .margin-left\\:-8 { margin-left: -8px }
282
- .font-family\\:inherit { font-family: inherit }
283
- .background\\:rgba\\(12\\,16\\,22\\,0\\.7\\) { background: rgba(12,16,22,0.7) }
284
- .border-radius\\:0 { border-radius: 0 }
285
- .box-shadow\\:none { box-shadow: none }
286
- .color\\:rgba\\(217\\,226\\,241\\,0\\.45\\) { color: rgba(217,226,241,0.45) }
287
- .background\\:rgba\\(12\\,16\\,22\\,0\\.4\\) { background: rgba(12,16,22,0.4) }
288
187
  .border\\:1px_solid_rgba\\(112\\,128\\,156\\,0\\.4\\) { border: 1px solid rgba(112,128,156,0.4) }
289
188
  .color\\:\\#c7d1e3 { color: #c7d1e3 }
290
189
  .background-color\\:rgba\\(16\\,20\\,28\\,0\\.8\\) { background-color: rgba(16,20,28,0.8) }
@@ -298,6 +197,107 @@ var e,t,n={955(e,t,n){e.exports=function(e){if(e.CSS&&e.CSS.escape)return e.CSS.
298
197
  .color\\:\\#ff7b91 { color: #ff7b91 }
299
198
  .background-color\\:rgba\\(143\\,150\\,163\\,0\\.15\\) { background-color: rgba(143,150,163,0.15) }
300
199
  .color\\:\\#8f96a3 { color: #8f96a3 }
200
+ .position\\:fixed { position: fixed }
201
+ .bottom\\:24px { bottom: 24px }
202
+ .left\\:24px { left: 24px }
203
+ .background-color\\:\\#0f1115 { background-color: #0f1115 }
204
+ .color\\:\\#f5f6f8 { color: #f5f6f8 }
205
+ .border\\:1px_solid_\\#2b2f36 { border: 1px solid #2b2f36 }
206
+ .padding\\:10px_14px { padding: 10px 14px }
207
+ .box-shadow\\:0_8px_20px_rgba\\(0\\,0\\,0\\,0\\.3\\) { box-shadow: 0 8px 20px rgba(0,0,0,0.3) }
208
+ .font-family\\:IBM_Plex_Mono\\,ui-monospace\\,SFMono-Regular\\,Menlo\\,Monaco\\,Consolas\\,monospace { font-family: IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace }
209
+ .align-items\\:stretch { align-items: stretch }
210
+ .border\\:1px_solid_rgba\\(120\\,132\\,156\\,0\\.45\\) { border: 1px solid rgba(120,132,156,0.45) }
211
+ .background-color\\:rgba\\(16\\,18\\,24\\,0\\.94\\) { background-color: rgba(16,18,24,0.94) }
212
+ .height\\:38px { height: 38px }
213
+ .min-height\\:26px { min-height: 26px }
214
+ .min-height\\:32px { min-height: 32px }
215
+ .min-height\\:38px { min-height: 38px }
216
+ .padding\\:2px { padding: 2px }
217
+ .height\\:auto { height: auto }
218
+ .align-content\\:flex-start { align-content: flex-start }
219
+ .width\\:fit-content { width: fit-content }
220
+ .max-width\\:100\\% { max-width: 100% }
221
+ .letter-spacing\\:0\\.06em { letter-spacing: 0.06em }
222
+ .transition\\:background-color_120ms_ease\\,color_120ms_ease\\,box-shadow_120ms_ease { transition: background-color 120ms ease,color 120ms ease,box-shadow 120ms ease }
223
+ .white-space\\:nowrap { white-space: nowrap }
224
+ .line-height\\:1 { line-height: 1 }
225
+ .padding\\:4px_12px { padding: 4px 12px }
226
+ .padding\\:6px_14px { padding: 6px 14px }
227
+ .padding\\:8px_16px { padding: 8px 16px }
228
+ .background\\:primary-gradient-vertical { background: var(--color-primary-gradient-vertical) }
229
+ .color\\:\\#c4cede { color: #c4cede }
230
+ .border\\:1px_solid_rgba\\(120\\,132\\,156\\,0\\.4\\) { border: 1px solid rgba(120,132,156,0.4) }
231
+ .padding\\:4px_10px { padding: 4px 10px }
232
+ .background-color\\:rgba\\(16\\,18\\,24\\,0\\.96\\) { background-color: rgba(16,18,24,0.96) }
233
+ .color\\:\\#d6dfef { color: #d6dfef }
234
+ .background-color\\:rgba\\(120\\,132\\,156\\,0\\.3\\) { background-color: rgba(120,132,156,0.3) }
235
+ .margin\\:0_1px { margin: 0 1px }
236
+ .width\\:1px { width: 1px }
237
+ .align-self\\:stretch { align-self: stretch }
238
+ .margin\\:1px_0 { margin: 1px 0 }
239
+ .isolation\\:isolate { isolation: isolate }
240
+ .z-index\\:60 { z-index: 60 }
241
+ .width\\:8px { width: 8px }
242
+ .height\\:8px { height: 8px }
243
+ .rotate\\:45deg { rotate: 45deg }
244
+ .background-color\\:rgba\\(10\\,12\\,18\\,0\\.96\\) { background-color: rgba(10,12,18,0.96) }
245
+ .border-left\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.45\\) { border-left: 1px solid rgba(88,102,128,0.45) }
246
+ .border-top\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.45\\) { border-top: 1px solid rgba(88,102,128,0.45) }
247
+ .border\\:1px_solid_rgba\\(88\\,102\\,128\\,0\\.45\\) { border: 1px solid rgba(88,102,128,0.45) }
248
+ .padding\\:4px_8px { padding: 4px 8px }
249
+ .box-shadow\\:0_10px_24px_rgba\\(0\\,0\\,0\\,0\\.35\\) { box-shadow: 0 10px 24px rgba(0,0,0,0.35) }
250
+ .backdrop-filter\\:blur\\(8px\\) { backdrop-filter: blur(8px) }
251
+ .background-color\\:rgba\\(88\\,102\\,128\\,0\\.24\\) { background-color: rgba(88,102,128,0.24) }
252
+ .row-gap\\:6px { row-gap: 6px }
253
+ .color\\:\\#b9c4d8 { color: #b9c4d8 }
254
+ .width\\:110px { width: 110px }
255
+ .flex\\:0_0_110px { flex: 0 0 110px }
256
+ .line-height\\:1\\.2 { line-height: 1.2 }
257
+ .word-break\\:break-word { word-break: break-word }
258
+ .min-width\\:180px { min-width: 180px }
259
+ .color\\:inherit { color: inherit }
260
+ .background-color\\:rgba\\(10\\,14\\,20\\,0\\.86\\) { background-color: rgba(10,14,20,0.86) }
261
+ .color\\:\\#e8eef8 { color: #e8eef8 }
262
+ .background-color\\:\\#0e121a { background-color: #0e121a }
263
+ .border\\:1px_solid_rgba\\(86\\,98\\,120\\,0\\.45\\) { border: 1px solid rgba(86,98,120,0.45) }
264
+ .padding\\:8px { padding: 8px }
265
+ .color\\:\\#d8e2f1 { color: #d8e2f1 }
266
+ .padding\\:0_8 { padding: 0 8px }
267
+ .gap\\:8 { gap: 8px }
268
+ .font-family\\:monospace { font-family: monospace }
269
+ .flex\\:0_0_auto { flex: 0 0 auto }
270
+ .margin-right\\:2 { margin-right: 2px }
271
+ .min-width\\:1ch { min-width: 1ch }
272
+ .font-variant-numeric\\:tabular-nums { font-variant-numeric: tabular-nums }
273
+ .padding\\:6px { padding: 6px }
274
+ .hover\\:background-color\\:rgba\\(20\\,24\\,32\\,0\\.9\\):hover { background-color: rgba(20,24,32,0.9) }
275
+ .margin-left\\:auto { margin-left: auto }
276
+ .padding\\:0_8px { padding: 0 8px }
277
+ .width\\:14px { width: 14px }
278
+ .height\\:14px { height: 14px }
279
+ .width\\:72px { width: 72px }
280
+ .height\\:6px { height: 6px }
281
+ .background-color\\:rgba\\(24\\,30\\,40\\,0\\.9\\) { background-color: rgba(24,30,40,0.9) }
282
+ .border\\:1px_solid_rgba\\(90\\,104\\,126\\,0\\.4\\) { border: 1px solid rgba(90,104,126,0.4) }
283
+ .background\\:primary-gradient { background: var(--color-primary-gradient) }
284
+ .background-color\\:primary-soft-2 { background-color: var(--color-primary-soft-2) }
285
+ .border\\:1px_solid_rgba\\(86\\,98\\,120\\,0\\.6\\) { border: 1px solid rgba(86,98,120,0.6) }
286
+ .box-shadow\\:primary-ring { box-shadow: var(--color-primary-ring) }
287
+ .color\\:\\#7e8aa0 { color: #7e8aa0 }
288
+ .border\\:1px_solid_rgba\\(86\\,98\\,120\\,0\\.24\\) { border: 1px solid rgba(86,98,120,0.24) }
289
+ .opacity\\:0\\.55 { opacity: 0.55 }
290
+ .padding\\:4px { padding: 4px }
291
+ .opacity\\:0\\.75 { opacity: 0.75 }
292
+ .cursor\\:default { cursor: default }
293
+ .cursor\\:ew-resize { cursor: ew-resize }
294
+ .margin-left\\:-8 { margin-left: -8px }
295
+ .font-family\\:inherit { font-family: inherit }
296
+ .background\\:rgba\\(12\\,16\\,22\\,0\\.7\\) { background: rgba(12,16,22,0.7) }
297
+ .border-radius\\:0 { border-radius: 0 }
298
+ .box-shadow\\:none { box-shadow: none }
299
+ .color\\:rgba\\(217\\,226\\,241\\,0\\.45\\) { color: rgba(217,226,241,0.45) }
300
+ .background\\:rgba\\(12\\,16\\,22\\,0\\.4\\) { background: rgba(12,16,22,0.4) }
301
301
  .width\\:48px { width: 48px }
302
302
  .background\\:rgba\\(12\\,16\\,22\\,0\\.6\\) { background: rgba(12,16,22,0.6) }
303
303
  .border-top\\:0 { border-top: 0 }
package/dist/tasks/postcss.cjs CHANGED
@@ -91,7 +91,6 @@ const runPostcss = async (root, result, options = {}) => {
91
91
  promises.push(require_processFile.default(file));
92
92
  });
93
93
  const processedFiles = await Promise.allSettled(promises);
94
- const onParseTasks = [];
95
94
  for (const settled of processedFiles) {
96
95
  if (settled.status !== "fulfilled") continue;
97
96
  const processed = settled.value;
@@ -100,19 +99,15 @@ const runPostcss = async (root, result, options = {}) => {
100
99
  const changedPath = value.path ? node_path.default.resolve(value.path) : null;
101
100
  if (changedPath) api.css?.removeSource?.(changedPath);
102
101
  const sourcePath = changedPath ?? value.path ?? "(unknown file)";
103
- onParseTasks.push({
104
- filePath: sourcePath,
105
- promise: api.trigger("onParse", value)
106
- });
102
+ try {
103
+ await api.trigger("onParse", value);
104
+ } catch (parseError) {
105
+ const relativePath = node_path.default.relative(baseDir ?? process.cwd(), sourcePath);
106
+ const sourceLabel = relativePath && !relativePath.startsWith("..") ? relativePath : sourcePath;
107
+ const reason = parseError instanceof Error ? parseError.message : String(parseError ?? "Unknown parsing error");
108
+ result.warn(`[boss-css] Failed parsing ${sourceLabel}: ${reason}`, { plugin: "boss-postcss-plugin" });
109
+ }
107
110
  }
108
- (await Promise.allSettled(onParseTasks.map((task) => task.promise))).forEach((parseResult, index) => {
109
- if (parseResult.status !== "rejected") return;
110
- const task = onParseTasks[index];
111
- const relativePath = node_path.default.relative(baseDir ?? process.cwd(), task.filePath);
112
- const sourceLabel = relativePath && !relativePath.startsWith("..") ? relativePath : task.filePath;
113
- const reason = parseResult.reason instanceof Error ? parseResult.reason.message : String(parseResult.reason ?? "Unknown parsing error");
114
- result.warn(`[boss-css] Failed parsing ${sourceLabel}: ${reason}`, { plugin: "boss-postcss-plugin" });
115
- });
116
111
  const boundaryResult = await require_boundaries.resolveBoundaryOutputs(api, {
117
112
  rootDir: baseDir ?? process.cwd(),
118
113
  stylesheetPath,
package/dist/tasks/postcss.mjs CHANGED
@@ -88,7 +88,6 @@ const runPostcss = async (root, result, options = {}) => {
88
88
  promises.push(processFile(file));
89
89
  });
90
90
  const processedFiles = await Promise.allSettled(promises);
91
- const onParseTasks = [];
92
91
  for (const settled of processedFiles) {
93
92
  if (settled.status !== "fulfilled") continue;
94
93
  const processed = settled.value;
@@ -97,19 +96,15 @@ const runPostcss = async (root, result, options = {}) => {
97
96
  const changedPath = value.path ? path.resolve(value.path) : null;
98
97
  if (changedPath) api.css?.removeSource?.(changedPath);
99
98
  const sourcePath = changedPath ?? value.path ?? "(unknown file)";
100
- onParseTasks.push({
101
- filePath: sourcePath,
102
- promise: api.trigger("onParse", value)
103
- });
99
+ try {
100
+ await api.trigger("onParse", value);
101
+ } catch (parseError) {
102
+ const relativePath = path.relative(baseDir ?? process.cwd(), sourcePath);
103
+ const sourceLabel = relativePath && !relativePath.startsWith("..") ? relativePath : sourcePath;
104
+ const reason = parseError instanceof Error ? parseError.message : String(parseError ?? "Unknown parsing error");
105
+ result.warn(`[boss-css] Failed parsing ${sourceLabel}: ${reason}`, { plugin: "boss-postcss-plugin" });
106
+ }
104
107
  }
105
- (await Promise.allSettled(onParseTasks.map((task) => task.promise))).forEach((parseResult, index) => {
106
- if (parseResult.status !== "rejected") return;
107
- const task = onParseTasks[index];
108
- const relativePath = path.relative(baseDir ?? process.cwd(), task.filePath);
109
- const sourceLabel = relativePath && !relativePath.startsWith("..") ? relativePath : task.filePath;
110
- const reason = parseResult.reason instanceof Error ? parseResult.reason.message : String(parseResult.reason ?? "Unknown parsing error");
111
- result.warn(`[boss-css] Failed parsing ${sourceLabel}: ${reason}`, { plugin: "boss-postcss-plugin" });
112
- });
113
108
  const boundaryResult = await resolveBoundaryOutputs(api, {
114
109
  rootDir: baseDir ?? process.cwd(),
115
110
  stylesheetPath,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "boss-css",
3
- "version": "0.0.21",
3
+ "version": "0.0.22",
4
4
  "description": "Polymorphic, usage-driven CSS-in-JS.",
5
5
  "bin": {
6
6
  "boss": "./dist/cli/index.cjs",