Skip to content

Commit cd1a201

Browse files
Blackman99Blackman99
committed
bump things
1 parent 74891b9 commit cd1a201

File tree

75 files changed

+1210
-1184
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

75 files changed

+1210
-1184
lines changed

‎.changeset/big-grapes-dance.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@casual-ui/svelte': minor
3+
---
4+
5+
perf: enable svelte strict mode

‎.changeset/giant-hounds-breathe.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@casual-ui/svelte': minor
3+
---
4+
5+
chore: update deps

‎.changeset/strange-lamps-kiss.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@casual-ui/svelte': minor
3+
---
4+
5+
perf: use class directive

‎.changeset/wet-points-cough.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@casual-ui/svelte': minor
3+
---
4+
5+
fix: notification close bar circle animation

‎.prettierrc

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"prettier-plugin-svelte"
44
],
55
"svelteSortOrder": "options-scripts-markup-styles",
6-
"svelteStrictMode": false,
6+
"svelteStrictMode": true,
77
"svelteAllowShorthand": true,
88
"svelteIndentScriptAndStyle": true,
99
"semi": false,

‎package.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
{
22
"devDependencies": {
3-
"@casual-ui/eslint-config-svelte": "^0.5.0",
3+
"@casual-ui/eslint-config-svelte": "^0.6.0",
44
"@changesets/changelog-github": "^0.4.8",
55
"@changesets/cli": "^2.26.2",
66
"ali-oss-static-web-deploy": "^0.3.4",
77
"eslint": "^8.45.0",
8-
"prettier": "~2.8.8",
9-
"prettier-plugin-svelte": "^2.10.1",
8+
"prettier": "~3.0.0",
9+
"prettier-plugin-svelte": "^3.0.3",
1010
"typescript": "^5.1.6"
1111
},
1212
"scripts": {

‎packages/docs/package.json

+8-8
Original file line numberDiff line numberDiff line change
@@ -11,18 +11,18 @@
1111
"@casual-ui/styles": "workspace:*",
1212
"@casual-ui/svelte": "workspace:*",
1313
"@casual-ui/utils": "workspace:*",
14-
"@iconify/json": "^2.2.92",
15-
"@sveltejs/adapter-static": "^2.0.2",
14+
"@iconify/json": "^2.2.95",
15+
"@sveltejs/adapter-static": "^2.0.3",
1616
"@sveltejs/kit": "^1.22.3",
17-
"@sveltepress/theme-default": "^1.17.0",
18-
"@sveltepress/vite": "^0.26.0",
19-
"@types/node": "^20.4.2",
20-
"sass": "^1.63.6",
21-
"svelte": "^4.0.5",
17+
"@sveltepress/theme-default": "^1.17.2",
18+
"@sveltepress/vite": "^0.26.1",
19+
"@types/node": "^20.4.5",
20+
"sass": "^1.64.1",
21+
"svelte": "^4.1.1",
2222
"sveltedoc-parser": "^4.2.1",
2323
"unified": "^10.1.2",
2424
"unist-util-visit": "^5.0.0",
25-
"vite": "^4.4.4",
25+
"vite": "^4.4.7",
2626
"vite-plugin-doc-parser": "workspace:*"
2727
},
2828
"type": "module",

‎packages/docs/src/routes/features/components/data-presentation/table/CustomColumn.svelte

+3-3
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@
99

1010
<div class="text-10">
1111
{#if row.name === 'Apple'}
12-
<div class="i-openmoji-red-apple" />
12+
<div class="i-openmoji-red-apple"></div>
1313
{:else if row.name === 'Banana'}
14-
<div class="i-openmoji-banana" />
14+
<div class="i-openmoji-banana"></div>
1515
{:else}
16-
<div class="i-openmoji-grapes" />
16+
<div class="i-openmoji-grapes"></div>
1717
{/if}
1818
</div>

‎packages/docs/src/routes/features/global-css-utils/flex-and-grid/FlexPlayground.svelte

+12-9
Original file line numberDiff line numberDiff line change
@@ -30,24 +30,27 @@
3030

3131
<div>
3232
<div class="font-700 leading-8">Flex direction:</div>
33-
<CRadioGroup options={mapOptions(flexDirections)} bind:value={direction} />
33+
<CRadioGroup
34+
options="{mapOptions(flexDirections)}"
35+
bind:value="{direction}"
36+
/>
3437

3538
<div class="font-700 leading-8">Justify content:</div>
36-
<CRadioGroup options={mapOptions(justifies)} bind:value={justify} />
39+
<CRadioGroup options="{mapOptions(justifies)}" bind:value="{justify}" />
3740

3841
<div class="font-700 leading-8">Align items:</div>
39-
<CRadioGroup options={mapOptions(aligns)} bind:value={align} />
42+
<CRadioGroup options="{mapOptions(aligns)}" bind:value="{align}" />
4043

4144
<div class="font-700 leading-8">Cols:</div>
42-
<CRadioGroup options={mapOptions(cols)} bind:value={col} />
45+
<CRadioGroup options="{mapOptions(cols)}" bind:value="{col}" />
4346

4447
<div class="font-700 leading-8">Gutters:</div>
45-
<CRadioGroup options={mapOptions(gutters)} bind:value={gutter} />
48+
<CRadioGroup options="{mapOptions(gutters)}" bind:value="{gutter}" />
4649

47-
<div class={`${finalClasses} c-row`}>
48-
<div class={`item c-col-${col}`}>1</div>
49-
<div class={`item c-col-${col}`}>2</div>
50-
<div class={`item c-col-${col}`}>3</div>
50+
<div class="{`${finalClasses} c-row`}">
51+
<div class="{`item c-col-${col}`}">1</div>
52+
<div class="{`item c-col-${col}`}">2</div>
53+
<div class="{`item c-col-${col}`}">3</div>
5154
</div>
5255
</div>
5356

‎packages/docs/src/routes/features/global-css-utils/flex-and-grid/GridPlayground.svelte

+13-13
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
2828
$: activeItems = items.slice(
2929
(col - 1) * (row - 1),
30-
(col - 1) * (row - 1) + itemNum
30+
(col - 1) * (row - 1) + itemNum,
3131
)
3232
3333
const [send, receive] = crossfade({
@@ -49,32 +49,32 @@
4949

5050
<div>
5151
<div class="font-700 leading-8">Grid columns:</div>
52-
<CRadioGroup options={mapOptions(cols)} bind:value={col} />
52+
<CRadioGroup options="{mapOptions(cols)}" bind:value="{col}" />
5353

5454
<div class="font-700 leading-8">Grid rows:</div>
55-
<CRadioGroup options={mapOptions(rows)} bind:value={row} />
55+
<CRadioGroup options="{mapOptions(rows)}" bind:value="{row}" />
5656

5757
<div class="font-700 leading-8">Grid gap:</div>
58-
<CRadioGroup options={mapOptions(gaps)} bind:value={gap} />
58+
<CRadioGroup options="{mapOptions(gaps)}" bind:value="{gap}" />
5959

6060
<div class="font-700 leading-8">Item number:</div>
61-
<CRadioGroup options={mapOptions(itemNumArray)} bind:value={itemNum} />
61+
<CRadioGroup options="{mapOptions(itemNumArray)}" bind:value="{itemNum}" />
6262

6363
<div
64-
class={`c-grid c-grid-col-${col} c-grid-row-${row} c-grid-gap-${gap} c-pa-${gap}`}
64+
class="{`c-grid c-grid-col-${col} c-grid-row-${row} c-grid-gap-${gap} c-pa-${gap}`}"
6565
>
6666
{#each activeItems as item, i (item)}
6767
<div
68-
animate:flip={{
68+
animate:flip="{{
6969
duration: 500,
70-
}}
71-
class={`item c-col-${col}`}
72-
in:receive={{
70+
}}"
71+
class="{`item c-col-${col}`}"
72+
in:receive="{{
7373
key: item,
74-
}}
75-
out:send={{
74+
}}"
75+
out:send="{{
7676
key: item,
77-
}}
77+
}}"
7878
>
7979
{i + 1}
8080
</div>

‎packages/docs/src/routes/test/+page.svelte

-40
This file was deleted.

‎packages/ui/package.json

+6-6
Original file line numberDiff line numberDiff line change
@@ -33,13 +33,13 @@
3333
"dayjs": "^1.11.9"
3434
},
3535
"devDependencies": {
36-
"@iconify/json": "^2.2.92",
36+
"@iconify/json": "^2.2.95",
3737
"@sveltejs/package": "^2.2.0",
38-
"@sveltejs/vite-plugin-svelte": "^2.4.2",
39-
"sass": "^1.63.6",
40-
"svelte": "^4.0.5",
41-
"unocss": "^0.53.5",
42-
"vite": "^4.4.4"
38+
"@sveltejs/vite-plugin-svelte": "^2.4.3",
39+
"sass": "^1.64.1",
40+
"svelte": "^4.1.1",
41+
"unocss": "^0.53.6",
42+
"vite": "^4.4.7"
4343
},
4444
"peerDependencies": {
4545
"svelte": "^3.46.0 || ^4.0.0"

‎packages/ui/src/components/CAjaxBar.svelte

+3-3
Original file line numberDiff line numberDiff line change
@@ -47,8 +47,8 @@
4747
</script>
4848

4949
<div
50-
class={clsx(bem('ajax-bar'), `c-ajax-bar--theme-${$injectedTheme}`)}
51-
style={`--casual-ajax-bar-width: ${barWidth}%;`}
50+
class="{clsx(bem('ajax-bar'), `c-ajax-bar--theme-${$injectedTheme}`)}"
51+
style="--casual-ajax-bar-width: {barWidth}%;"
5252
>
53-
<div class="c-ajax-bar--progress" />
53+
<div class="c-ajax-bar--progress"></div>
5454
</div>

‎packages/ui/src/components/CButton.svelte

+6-6
Original file line numberDiff line numberDiff line change
@@ -96,28 +96,28 @@
9696

9797
<!-- The click event -->
9898
<button
99-
class={`${bem('button', {
99+
class="{bem('button', {
100100
round,
101101
outlined,
102102
disabled,
103103
loading,
104104
block,
105105
icon,
106106
flat,
107-
})} ${clsx(
107+
})} {clsx(
108108
`c-button--theme-${$realTheme}`,
109109
rounded && `c-rounded-${$realSize}`,
110110
`c-font-${$realSize}`,
111111
`c-h-${$realSize}`,
112112
`c-px-${$realSize}`,
113-
`c-button--size-${$realSize}`
114-
)}`}
113+
`c-button--size-${$realSize}`,
114+
)}"
115115
{disabled}
116116
{...attributeAtom($$restProps)}
117117
{style}
118-
on:click={handleClick}
118+
on:click="{handleClick}"
119119
>
120-
<div class="c-button--focus-helper" />
120+
<div class="c-button--focus-helper"></div>
121121
<div class="c-button--content-wrapper">
122122
<!-- The internal content of the button. This slot can override `label` prop -->
123123
<slot>

‎packages/ui/src/components/CDialog.svelte

+23-23
Original file line numberDiff line numberDiff line change
@@ -215,25 +215,25 @@
215215
{#if show}
216216
<div
217217
transition:dialog
218-
on:introstart={() => (inTransition = true)}
219-
on:introend={() => {
218+
on:introstart="{() => (inTransition = true)}"
219+
on:introend="{() => {
220220
inTransition = false
221221
/**
222222
* Emit when the open transition is done
223223
*/
224224
dispatch('opened')
225-
}}
226-
on:outrostart={onOutroStart}
227-
on:outroend={onOutroEnd}
228-
class={clsx(
225+
}}"
226+
on:outrostart="{onOutroStart}"
227+
on:outroend="{onOutroEnd}"
228+
class="{clsx(
229229
'c-dialog',
230230
rounded && roundedClass,
231231
inTransition && enterClassName,
232232
outTransition && leaveClassName,
233-
customClass
234-
)}
233+
customClass,
234+
)}"
235235
style:width
236-
style={customStyle}
236+
style="{customStyle}"
237237
>
238238
<div class="c-dialog--header">
239239
<!--
@@ -252,25 +252,25 @@
252252
class="c-dialog--close-btn"
253253
role="button"
254254
tabindex="0"
255-
on:click={() => {
255+
on:click="{() => {
256256
show = false
257-
}}
258-
on:keypress={() => {
257+
}}"
258+
on:keypress="{() => {
259259
show = false
260-
}}
260+
}}"
261261
>
262262
<!-- Customize the close icon -->
263263
<slot name="close-icon">
264-
<div i-majesticons-close />
264+
<div i-majesticons-close></div>
265265
</slot>
266266
</div>
267267
{/if}
268268
</slot>
269269
</div>
270270
<div
271-
class={clsx('c-dialog--content', bodyPadding && 'c-px-md c-pb-md')}
272-
style={customBodyStyle}
273-
style:height={bodyHeight}
271+
class="{clsx('c-dialog--content', bodyPadding && 'c-px-md c-pb-md')}"
272+
style="{customBodyStyle}"
273+
style:height="{bodyHeight}"
274274
>
275275
<!-- The default content of dialog -->
276276
<slot />
@@ -287,29 +287,29 @@
287287
<div>
288288
{#if showCancelBtn}
289289
<CButton
290-
label={cancelBtnLabel}
290+
label="{cancelBtnLabel}"
291291
flat
292292
{rounded}
293-
on:click={() => {
293+
on:click="{() => {
294294
/**
295295
* Emit when the default cancel button clicked
296296
*/
297297
dispatch('cancel')
298-
}}
298+
}}"
299299
/>
300300
{/if}
301301
</div>
302302
<div>
303303
{#if showConfirmBtn}
304304
<CButton
305-
label={confirmBtnLabel}
305+
label="{confirmBtnLabel}"
306306
{rounded}
307-
on:click={() => {
307+
on:click="{() => {
308308
/**
309309
* Emit when the default confirm button clicked
310310
*/
311311
dispatch('confirm')
312-
}}
312+
}}"
313313
/>
314314
{/if}
315315
</div>

0 commit comments

Comments
 (0)