@chenzy-design/icons 0.2.1 → 0.4.0

package/src/IconChecklistStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconChecklistStroked — 具名图标，对齐 Semi IconChecklistStroked（convertIcon(checklist_stroked, 'checklist_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { checklistStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={checklistStrokedSvg} type="checklist_stroked" {...rest} />

package/src/IconChevronDown.svelte

@@ -0,0 +1,18 @@
+<!-- IconChevronDown — 具名图标，对齐 Semi IconChevronDown（convertIcon(chevron_down, 'chevron_down')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { chevronDownSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={chevronDownSvg} type="chevron_down" {...rest} />

package/src/IconChevronDownStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconChevronDownStroked — 具名图标，对齐 Semi IconChevronDownStroked（convertIcon(chevron_down_stroked, 'chevron_down_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { chevronDownStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={chevronDownStrokedSvg} type="chevron_down_stroked" {...rest} />

package/src/IconChevronLeft.svelte

@@ -0,0 +1,18 @@
+<!-- IconChevronLeft — 具名图标，对齐 Semi IconChevronLeft（convertIcon(chevron_left, 'chevron_left')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { chevronLeftSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={chevronLeftSvg} type="chevron_left" {...rest} />

package/src/IconChevronRight.svelte

@@ -0,0 +1,18 @@
+<!-- IconChevronRight — 具名图标，对齐 Semi IconChevronRight（convertIcon(chevron_right, 'chevron_right')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { chevronRightSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={chevronRightSvg} type="chevron_right" {...rest} />

package/src/IconChevronRightStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconChevronRightStroked — 具名图标，对齐 Semi IconChevronRightStroked（convertIcon(chevron_right_stroked, 'chevron_right_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { chevronRightStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={chevronRightStrokedSvg} type="chevron_right_stroked" {...rest} />

package/src/IconChevronUp.svelte

@@ -0,0 +1,18 @@
+<!-- IconChevronUp — 具名图标，对齐 Semi IconChevronUp（convertIcon(chevron_up, 'chevron_up')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { chevronUpSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={chevronUpSvg} type="chevron_up" {...rest} />

package/src/IconChevronUpDown.svelte

@@ -0,0 +1,18 @@
+<!-- IconChevronUpDown — 具名图标，对齐 Semi IconChevronUpDown（convertIcon(chevron_up_down, 'chevron_up_down')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { chevronUpDownSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={chevronUpDownSvg} type="chevron_up_down" {...rest} />

package/src/IconClear.svelte

@@ -0,0 +1,18 @@
+<!-- IconClear — 具名图标，对齐 Semi IconClear（convertIcon(clear, 'clear')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { clearSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={clearSvg} type="clear" {...rest} />

package/src/IconClock.svelte

@@ -0,0 +1,18 @@
+<!-- IconClock — 具名图标，对齐 Semi IconClock（convertIcon(clock, 'clock')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { clockSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={clockSvg} type="clock" {...rest} />

package/src/IconClockStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconClockStroked — 具名图标，对齐 Semi IconClockStroked（convertIcon(clock_stroked, 'clock_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { clockStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={clockStrokedSvg} type="clock_stroked" {...rest} />

package/src/IconClose.svelte

@@ -1,24 +1,18 @@
-<!-- Example generated icon. Real icons are codegen'd from SVG assets. -->
+<!-- IconClose — 具名图标，对齐 Semi IconClose（convertIcon(close, 'close')）。 -->
 <script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { closeSvg } from './svgs.js';
+
   interface Props {
-    size?: number;
-    label?: string;
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
   }
-  let { size = 16, label }: Props = $props();
+  let { ...rest }: Props = $props();
 </script>
 
-<svg
-  class="cd-icon"
-  width={size}
-  height={size}
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="1.5"
-  role={label ? 'img' : undefined}
-  aria-label={label}
-  aria-hidden={label ? undefined : 'true'}
-  focusable="false"
->
-  <path d="M6 6l12 12M18 6L6 18" stroke-linecap="round" />
-</svg>
+<Icon svg={closeSvg} type="close" {...rest} />

package/src/IconCloud.svelte

@@ -0,0 +1,18 @@
+<!-- IconCloud — 具名图标，对齐 Semi IconCloud（convertIcon(cloud, 'cloud')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { cloudSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={cloudSvg} type="cloud" {...rest} />

package/src/IconCloudStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCloudStroked — 具名图标，对齐 Semi IconCloudStroked（convertIcon(cloud_stroked, 'cloud_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { cloudStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={cloudStrokedSvg} type="cloud_stroked" {...rest} />

package/src/IconCloudUploadStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCloudUploadStroked — 具名图标，对齐 Semi IconCloudUploadStroked（convertIcon(cloud_upload_stroked, 'cloud_upload_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { cloudUploadStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={cloudUploadStrokedSvg} type="cloud_upload_stroked" {...rest} />

package/src/IconCode.svelte

@@ -0,0 +1,18 @@
+<!-- IconCode — 具名图标，对齐 Semi IconCode（convertIcon(code, 'code')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { codeSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={codeSvg} type="code" {...rest} />

package/src/IconCodeStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCodeStroked — 具名图标，对齐 Semi IconCodeStroked（convertIcon(code_stroked, 'code_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { codeStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={codeStrokedSvg} type="code_stroked" {...rest} />

package/src/IconCoinMoney.svelte

@@ -0,0 +1,18 @@
+<!-- IconCoinMoney — 具名图标，对齐 Semi IconCoinMoney（convertIcon(coin_money, 'coin_money')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { coinMoneySvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={coinMoneySvg} type="coin_money" {...rest} />

package/src/IconCoinMoneyStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCoinMoneyStroked — 具名图标，对齐 Semi IconCoinMoneyStroked（convertIcon(coin_money_stroked, 'coin_money_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { coinMoneyStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={coinMoneyStrokedSvg} type="coin_money_stroked" {...rest} />

package/src/IconColorPalette.svelte

@@ -0,0 +1,18 @@
+<!-- IconColorPalette — 具名图标，对齐 Semi IconColorPalette（convertIcon(color_palette, 'color_palette')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { colorPaletteSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={colorPaletteSvg} type="color_palette" {...rest} />

package/src/IconColumnsStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconColumnsStroked — 具名图标，对齐 Semi IconColumnsStroked（convertIcon(columns_stroked, 'columns_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { columnsStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={columnsStrokedSvg} type="columns_stroked" {...rest} />

package/src/IconCommand.svelte

@@ -0,0 +1,18 @@
+<!-- IconCommand — 具名图标，对齐 Semi IconCommand（convertIcon(command, 'command')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { commandSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={commandSvg} type="command" {...rest} />

package/src/IconComment.svelte

@@ -0,0 +1,18 @@
+<!-- IconComment — 具名图标，对齐 Semi IconComment（convertIcon(comment, 'comment')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { commentSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={commentSvg} type="comment" {...rest} />

package/src/IconCommentStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCommentStroked — 具名图标，对齐 Semi IconCommentStroked（convertIcon(comment_stroked, 'comment_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { commentStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={commentStrokedSvg} type="comment_stroked" {...rest} />

package/src/IconComponent.svelte

@@ -0,0 +1,18 @@
+<!-- IconComponent — 具名图标，对齐 Semi IconComponent（convertIcon(component, 'component')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { componentSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={componentSvg} type="component" {...rest} />

package/src/IconComponentPlaceholderStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconComponentPlaceholderStroked — 具名图标，对齐 Semi IconComponentPlaceholderStroked（convertIcon(component_placeholder_stroked, 'component_placeholder_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { componentPlaceholderStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={componentPlaceholderStrokedSvg} type="component_placeholder_stroked" {...rest} />

package/src/IconComponentStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconComponentStroked — 具名图标，对齐 Semi IconComponentStroked（convertIcon(component_stroked, 'component_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { componentStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={componentStrokedSvg} type="component_stroked" {...rest} />

package/src/IconConfigStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconConfigStroked — 具名图标，对齐 Semi IconConfigStroked（convertIcon(config_stroked, 'config_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { configStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={configStrokedSvg} type="config_stroked" {...rest} />

package/src/IconConnectionPoint1.svelte

@@ -0,0 +1,18 @@
+<!-- IconConnectionPoint1 — 具名图标，对齐 Semi IconConnectionPoint1（convertIcon(connection_point_1, 'connection_point_1')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { connectionPoint1Svg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={connectionPoint1Svg} type="connection_point_1" {...rest} />

package/src/IconConnectionPoint2.svelte

@@ -0,0 +1,18 @@
+<!-- IconConnectionPoint2 — 具名图标，对齐 Semi IconConnectionPoint2（convertIcon(connection_point_2, 'connection_point_2')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { connectionPoint2Svg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={connectionPoint2Svg} type="connection_point_2" {...rest} />

package/src/IconContrast.svelte

@@ -0,0 +1,18 @@
+<!-- IconContrast — 具名图标，对齐 Semi IconContrast（convertIcon(contrast, 'contrast')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { contrastSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={contrastSvg} type="contrast" {...rest} />

package/src/IconCopy.svelte

@@ -0,0 +1,18 @@
+<!-- IconCopy — 具名图标，对齐 Semi IconCopy（convertIcon(copy, 'copy')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { copySvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={copySvg} type="copy" {...rest} />

package/src/IconCopyAdd.svelte

@@ -0,0 +1,18 @@
+<!-- IconCopyAdd — 具名图标，对齐 Semi IconCopyAdd（convertIcon(copy_add, 'copy_add')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { copyAddSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={copyAddSvg} type="copy_add" {...rest} />