Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update shared-ui components #25

Merged
merged 7 commits into from
May 11, 2024
Merged

Update shared-ui components #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
620d1f0
fix(shared-ui): :bug: update icons to use consistent viewBox and remo…
a-luna May 11, 2024
d7191c8
refactor(shared-ui): :recycle: optimize regex patterns for color vali…
a-luna May 11, 2024
5f43a2e
feat(shared-ui): :sparkles: improve ThemeWrapper/ThemeButon components
a-luna May 11, 2024
4be9ed4
feat(shared-ui): :sparkles: improve PushableButton component
a-luna May 11, 2024
a282ade
feat(shared-ui): :sparkles: improve InputSelectList component
a-luna May 11, 2024
79a2319
feat(shared-ui): :sparkles: improve Checkbox component
a-luna May 11, 2024
bb2305f
chore(shared-ui): :coffin: remove unused functions from $lib/stores
a-luna May 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 14 additions & 14 deletions packages/shared-ui/src/lib/color/regex.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,15 +65,15 @@ const A_PERC_REGEX = `(?<alphaPercent>${INT_OR_PERCENT})%`;

const RGB_DEC_REGEX = `(?:(?:${R_DEC_1_REGEX}${G_DEC_1_REGEX}|(?:${R_DEC_2_REGEX})(?:${G_DEC_2_REGEX}))${B_DEC_1_REGEX})`;
const RGB_PERC_REGEX = `(?:(?:${R_PERC_1_REGEX}${G_PERC_1_REGEX}|${R_PERC_2_REGEX}${G_PERC_2_REGEX})${B_PERC_1_REGEX})`;
const RGB_RAW_REGEX = `^rgb\\((?:${RGB_DEC_REGEX}|${RGB_PERC_REGEX})\\)$`;
const RGB_RAW_REGEX = `^rgb\\(\\s?(?:${RGB_DEC_REGEX}|${RGB_PERC_REGEX})\\s?\\)$`;
const RGBA_DEC_A_REGEX = `(?:${R_DEC_3_REGEX}${G_DEC_3_REGEX}${B_DEC_2_REGEX})`;
const RGBA_PERC_A_REGEX = `(?:${R_PERC_3_REGEX}${G_PERC_3_REGEX}${B_PERC_2_REGEX})`;
const RGBA_A_REGEX = `(?:${RGBA_DEC_A_REGEX}|${RGBA_PERC_A_REGEX})`;
const RGBA_DEC_B_REGEX = `(?:${R_DEC_4_REGEX}${G_DEC_4_REGEX}${B_DEC_3_REGEX})`;
const RGBA_PERC_B_REGEX = `(?:${R_PERC_4_REGEX}${G_PERC_4_REGEX}${B_PERC_3_REGEX})`;
const RGBA_B_REGEX = `(?:${RGBA_DEC_B_REGEX}|${RGBA_PERC_B_REGEX})\\/\\s`;
const ALPHA_REGEX = `(?:${A_FLOAT_1_REGEX}|${A_FLOAT_2_REGEX}|${A_PERC_REGEX})`;
const RGBA_RAW_REGEX = `^(?:rgb|rgba)\\((?:${RGBA_A_REGEX}|${RGBA_B_REGEX})${ALPHA_REGEX}\\)$`;
const RGBA_RAW_REGEX = `^(?:rgb|rgba)\\(\\s?(?:${RGBA_A_REGEX}|${RGBA_B_REGEX})${ALPHA_REGEX}\\s?\\)$`;

const HUE_DEG_1_REGEX = `(?:(?<hueDegree1>${DEGREE}))(?:deg)?`;
const HUE_DEG_2_REGEX = `(?:(?<hueDegree2>${DEGREE}))(?:deg)?`;
Expand All @@ -98,10 +98,10 @@ const SAT_LIT_3_REGEX = `(?:,\\s?${SAT_PERC_3_REGEX}%)(?:,\\s?${LIT_PERC_3_REGEX
const SAT_LIT_4_REGEX = `(?:\\s${SAT_PERC_4_REGEX}%)(?:\\s${LIT_PERC_4_REGEX}%)`;
const SAT_LIT_REGEX_1_2 = `(?:${SAT_LIT_1_REGEX}|${SAT_LIT_2_REGEX})`;
const SAT_LIT_REGEX_3_4 = `(?:(?:${SAT_LIT_3_REGEX},\\s?)|(?:${SAT_LIT_4_REGEX}\\s\\/\\s))`;
const HSL_RAW_REGEX = `^hsl\\(${HUE_1_REGEX}${SAT_LIT_REGEX_1_2}\\)$`;
const HSLA_RAW_REGEX = `^(?:hsl|hsla)\\(${HUE_2_REGEX}${SAT_LIT_REGEX_3_4}${ALPHA_REGEX}\\)$`;
const OKHSL_RAW_REGEX = `^okhsl\\(${HUE_1_REGEX}${SAT_LIT_REGEX_1_2}\\)$`;
const OKHSLA_RAW_REGEX = `^okhsl\\(${HUE_2_REGEX}${SAT_LIT_REGEX_3_4}${ALPHA_REGEX}\\)$`;
const HSL_RAW_REGEX = `^hsl\\(\\s?${HUE_1_REGEX}${SAT_LIT_REGEX_1_2}\\s?\\)$`;
const HSLA_RAW_REGEX = `^(?:hsl|hsla)\\(\\s?${HUE_2_REGEX}${SAT_LIT_REGEX_3_4}${ALPHA_REGEX}\\s?\\)$`;
const OKHSL_RAW_REGEX = `^okhsl\\(\\s?${HUE_1_REGEX}${SAT_LIT_REGEX_1_2}\\s?\\)$`;
const OKHSLA_RAW_REGEX = `^okhsl\\(\\s?${HUE_2_REGEX}${SAT_LIT_REGEX_3_4}${ALPHA_REGEX}\\s?\\)$`;

const L1_PERC_REGEX = `(?:(?<lightPercent1>${INT_OR_FLOAT})%\\s)`;
const L2_PERC_REGEX = `(?:(?<lightPercent2>${INT_OR_FLOAT})%\\s)`;
Expand All @@ -124,10 +124,10 @@ const CHROMA1_REGEX = `(?:${C1_PERC_REGEX}|${C1_FLOAT_REGEX})`;
const CHROMA2_REGEX = `(?:${C2_PERC_REGEX}|${C2_FLOAT_REGEX})`;
const HUE1_REGEX = `(?:${HUE1_DEG_REGEX}|${HUE1_TURN_REGEX}|${HUE1_RAD_REGEX})`;
const HUE2_REGEX = `(?:(?:${HUE2_DEG_REGEX}|${HUE2_TURN_REGEX}|${HUE2_RAD_REGEX})\\s\\/\\s)`;
const LCH1_REGEX = `^lch\\(${LIGHT1_REGEX}${CHROMA1_REGEX}${HUE1_REGEX}\\)$`;
const LCH2_REGEX = `^lch\\(${LIGHT2_REGEX}${CHROMA2_REGEX}${HUE2_REGEX}${ALPHA_REGEX}\\)$`;
const OKLCH1_REGEX = `^oklch\\(${LIGHT1_REGEX}${CHROMA1_REGEX}${HUE1_REGEX}\\)$`;
const OKLCH2_REGEX = `^oklch\\(${LIGHT2_REGEX}${CHROMA2_REGEX}${HUE2_REGEX}${ALPHA_REGEX}\\)$`;
const LCH1_REGEX = `^lch\\(\\s?${LIGHT1_REGEX}${CHROMA1_REGEX}${HUE1_REGEX}\\s?\\)$`;
const LCH2_REGEX = `^lch\\(\\s?${LIGHT2_REGEX}${CHROMA2_REGEX}${HUE2_REGEX}${ALPHA_REGEX}\\s?\\)$`;
const OKLCH1_REGEX = `^oklch\\(\\s?${LIGHT1_REGEX}${CHROMA1_REGEX}${HUE1_REGEX}\\s?\\)$`;
const OKLCH2_REGEX = `^oklch\\(\\s?${LIGHT2_REGEX}${CHROMA2_REGEX}${HUE2_REGEX}${ALPHA_REGEX}\\s?\\)$`;

const A1_AXIS_PERC_REGEX = `(?:(?<aaxisPercent1>${POS_NEG_INT_OR_FLOAT})%)`;
const A2_AXIS_PERC_REGEX = `(?:(?<aaxisPercent2>${POS_NEG_INT_OR_FLOAT})%)`;
Expand All @@ -142,10 +142,10 @@ const A_AXIS1_REGEX = `(?:${A1_AXIS_PERC_REGEX}|${A1_AXIS_DEC_REGEX})`;
const A_AXIS2_REGEX = `(?:${A2_AXIS_PERC_REGEX}|${A2_AXIS_DEC_REGEX})`;
const B_AXIS1_REGEX = `(?:${B1_AXIS_PERC_REGEX}|${B1_AXIS_DEC_REGEX})`;
const B_AXIS2_REGEX = `(?:${B2_AXIS_PERC_REGEX}|${B2_AXIS_DEC_REGEX})`;
const LAB1_REGEX = `^lab\\(${LIGHT1_REGEX}${A_AXIS1_REGEX}\\s${B_AXIS1_REGEX}\\)$`;
const LAB2_REGEX = `^lab\\(${LIGHT2_REGEX}${A_AXIS2_REGEX}\\s${B_AXIS2_REGEX}\\s\\/\\s${ALPHA_REGEX}\\)$`;
const OKLAB1_REGEX = `^oklab\\(${LIGHT1_REGEX}${A_AXIS1_REGEX}\\s${B_AXIS1_REGEX}\\)$`;
const OKLAB2_REGEX = `^oklab\\(${LIGHT2_REGEX}${A_AXIS2_REGEX}\\s${B_AXIS2_REGEX}\\s\\/\\s${ALPHA_REGEX}\\)$`;
const LAB1_REGEX = `^lab\\(\\s?${LIGHT1_REGEX}${A_AXIS1_REGEX}\\s${B_AXIS1_REGEX}\\s?\\)$`;
const LAB2_REGEX = `^lab\\(\\s?${LIGHT2_REGEX}${A_AXIS2_REGEX}\\s${B_AXIS2_REGEX}\\s\\/\\s${ALPHA_REGEX}\\s?\\)$`;
const OKLAB1_REGEX = `^oklab\\(\\s?${LIGHT1_REGEX}${A_AXIS1_REGEX}\\s${B_AXIS1_REGEX}\\s?\\)$`;
const OKLAB2_REGEX = `^oklab\\(\\s?${LIGHT2_REGEX}${A_AXIS2_REGEX}\\s${B_AXIS2_REGEX}\\s\\/\\s${ALPHA_REGEX}\\s?\\)$`;

export const HEX_REGEX = RegExp(`${RGB_HEX_RAW}|${RGBA_HEX_RAW}`, 'i');
export const RGB_REGEX = RegExp(`${RGB_RAW_REGEX}|${RGBA_RAW_REGEX}`, 'i');
Expand Down
120 changes: 87 additions & 33 deletions packages/shared-ui/src/lib/components/Checkbox.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,71 +1,125 @@
<script lang="ts">
import { BasicIconRenderer } from '$lib/components/Icons';
import { createEventDispatcher } from 'svelte';

export let id: string;
export let checked: boolean;
export let disabled = false;
export let style = '';
let checkbox: HTMLInputElement;

const dispatch = createEventDispatcher<{ toggled: { checked: boolean } }>();

const toggle = () => {
if (disabled) return;
checked = !checked;
checkbox.checked = checked;
dispatch('toggled', { checked });
};
</script>

<label for={id} class:disabled {style}>
{#if $$slots.leftLabel}
<span class="label-text" on:click|stopPropagation><slot name="leftLabel" /></span>
{/if}
{#if checked}
<div class="icon" on:click|stopPropagation>
<BasicIconRenderer icon={'checked'} width={'20px'} height={'20px'} />
</div>
{:else}
<div class="icon" on:click|stopPropagation>
<BasicIconRenderer icon={'filledsquare'} width={'16px'} height={'16px'} margin={'auto'} />
<label for={id} class:disabled class:checked {style}>
<button class="label-text" on:click={() => toggle()}>
{#if $$slots.leftLabel}
<slot name="leftLabel" />
{/if}
<div class="icon">
{#if checked}
<BasicIconRenderer icon={'checked'} width={'20px'} height={'20px'} />
{:else}
<div class="unchecked" />
{/if}
</div>
{/if}
{#if $$slots.rightLabel}
<span class="label-text" on:click|stopPropagation><slot name="rightLabel" /></span>
{/if}
{#if $$slots.rightLabel}
<slot name="rightLabel" />
{/if}
</button>
</label>
<input type="checkbox" {id} name={id} bind:checked on:change />
<input type="checkbox" {id} name={id} bind:this={checkbox} />

<style lang="postcss">
label {
cursor: pointer;
display: flex;
align-items: center;
gap: 0.25rem;
--check-box-default-label-color: var(--theme-text-color, var(--theme-default-text-color));
--check-box-default-checkbox-fg-color: var(
--theme-background-color-active,
var(--theme-default-background-color-active)
);
--check-box-default-checkbox-bg-color: var(--theme-text-color, var(--theme-default-text-color));
--check-box-default-checkbox-bg-color-hover: var(--theme-text-color, var(--theme-default-text-color));
--check-box-default-checkbox-bg-color-active: var(--theme-text-color, var(--theme-default-text-color));
--check-box-default-checkbox-bg-color-disabled: var(--theme-color-disabled, var(--theme-default-color-disabled));

font-size: 0.75rem;
font-weight: 500;
line-height: 1;
white-space: nowrap;
align-self: center;

transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.label-text {
color: var(--check-box-label-color, var(--check-box-default-label-color));
button {
display: flex;
align-items: center;
gap: 0.5rem;
border: none;
padding: 0;
}
.icon {
cursor: pointer;
color: var(--check-box-color, var(--check-box-default-color));
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 4px;
background-color: transparent;
}
label:hover .icon {
color: var(--check-box-color-hover, var(--check-box-default-color-hover));
.icon:not(.disabled) {
color: var(--check-box-checkbox-fg-color, var(--check-box-default-checkbox-fg-color));
}
.checked:not(.disabled) .icon {
color: var(--check-box-checkbox-bg-color, var(--check-box-default-checkbox-bg-color));
background-color: var(--check-box-checkbox-fg-color, var(--check-box-default-checkbox-fg-color));
margin: 0;
}
label:not(.disabled) .unchecked {
height: 16px;
width: 16px;
background-color: var(--check-box-checkbox-bg-color, var(--check-box-default-checkbox-bg-color));
border-radius: 4px;
}
label button {
cursor: pointer;
background-color: transparent;
background-image: none;
}
label:not(.disabled) button {
color: var(--check-box-label-color, var(--check-box-default-label-color));
}
label:not(.disabled):hover button {
color: var(--check-box-checkbox-bg-color-hover, var(--check-box-default-checkbox-bg-color-hover));
}

label:active .icon,
label:focus .icon,
label:active:focus .icon {
color: var(--check-box-color-active, var(--check-box-default-color-active));
label:not(.disabled):active button,
label:not(.disabled):focus button,
label:not(.disabled):active:focus button {
color: var(--check-box-checkbox-bg-color-active, var(--check-box-default-checkbox-bg-color-active));
}
.disabled {
.disabled,
.disabled button,
.disabled .icon {
cursor: not-allowed;
}
.disabled button,
.disabled .icon {
cursor: not-allowed;
color: var(--check-box-color-disabled, var(--check-box-default-color-disabled));
color: var(--check-box-checkbox-bg-color-disabled, var(--check-box-default-checkbox-bg-color-disabled));
}
.disabled .icon {
height: 15px;
width: 15px;
background-color: var(--check-box-checkbox-bg-color-disabled, var(--check-box-default-checkbox-bg-color-disabled));
border: 1px solid var(--theme-default-border-color-disabled, var(--theme-default-border-color-disabled));
}
input {
display: none;
Expand Down
4 changes: 2 additions & 2 deletions packages/shared-ui/src/lib/components/Icons/Basic/AngleDoubleLeft.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 448 512" {strokeWidth} {padding} {title}>
<IconBase viewBox="0 0 2048 2048" {strokeWidth} {padding} {title}>
<path
d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
d="m1461 1024l581 581l-181 181l-762-762l762-762l181 181zm-443-581l-581 581l581 581l-181 181l-762-762l762-762z"
/>
</IconBase>
6 changes: 2 additions & 4 deletions packages/shared-ui/src/lib/components/Icons/Basic/AngleDoubleRight.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 448 512" {strokeWidth} {padding} {title}>
<path
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
/>
<IconBase viewBox="0 0 2048 2048" {strokeWidth} {padding} {title}>
<path d="m187 262l762 762l-762 762L6 1605l581-581L6 443zm1786 762l-762 762l-181-181l581-581l-581-581l181-181z" />
</IconBase>
4 changes: 2 additions & 2 deletions packages/shared-ui/src/lib/components/Icons/Basic/Arrow.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 24 24" {strokeWidth} {padding} {title}>
<path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" />
<IconBase viewBox="0 0 20 20" {strokeWidth} {padding} {title}>
<path d="M9 3.828L2.929 9.899L1.515 8.485L10 0l.707.707l7.778 7.778l-1.414 1.414L11 3.828V20H9z" />
</IconBase>
6 changes: 2 additions & 4 deletions packages/shared-ui/src/lib/components/Icons/Basic/ArrowDown.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 448 512" {strokeWidth} {padding} {title}>
<path
d="M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z"
/>
<IconBase viewBox="0 0 20 20" {strokeWidth} {padding} {title}>
<path d="m9 16.172l-6.071-6.071l-1.414 1.414L10 20l.707-.707l7.778-7.778l-1.414-1.414L11 16.172V0H9z" />
</IconBase>
6 changes: 2 additions & 4 deletions packages/shared-ui/src/lib/components/Icons/Basic/ArrowLeft.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 448 512" {strokeWidth} {padding} {title}>
<path
d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"
/>
<IconBase viewBox="0 0 20 20" {strokeWidth} {padding} {title}>
<path d="m3.828 9l6.071-6.071l-1.414-1.414L0 10l.707.707l7.778 7.778l1.414-1.414L3.828 11H20V9z" />
</IconBase>
6 changes: 2 additions & 4 deletions packages/shared-ui/src/lib/components/Icons/Basic/ArrowRight.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 448 512" {strokeWidth} {padding} {title}>
<path
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
/>
<IconBase viewBox="0 0 20 20" {strokeWidth} {padding} {title}>
<path d="m16.172 9l-6.071-6.071l1.414-1.414L20 10l-.707.707l-7.778 7.778l-1.414-1.414L16.172 11H0V9z" />
</IconBase>
6 changes: 2 additions & 4 deletions packages/shared-ui/src/lib/components/Icons/Basic/ArrowUp.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 448 512" {strokeWidth} {padding} {title}>
<path
d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"
/>
<IconBase viewBox="0 0 20 20" {strokeWidth} {padding} {title}>
<path d="M9 3.828L2.929 9.899L1.515 8.485L10 0l.707.707l7.778 7.778l-1.414 1.414L11 3.828V20H9z" />
</IconBase>
4 changes: 2 additions & 2 deletions packages/shared-ui/src/lib/components/Icons/Basic/Asterisk.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 512 512" {strokeWidth} {padding} {title}>
<IconBase viewBox="0 0 2048 2048" {strokeWidth} {padding} {title}>
<path
d="M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z"
d="m1280 1024l695 401l-128 222l-695-401v802H896v-802l-695 401l-128-222l695-401L73 623l128-222l695 401V0h256v802l695-401l128 222z"
/>
</IconBase>
4 changes: 2 additions & 2 deletions packages/shared-ui/src/lib/components/Icons/Basic/BezierCurve.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 640 512" {strokeWidth} {padding} {title}>
<IconBase viewBox="0 0 256 256" {strokeWidth} {padding} {title}>
<path
d="M368 32h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zM208 88h-84.75C113.75 64.56 90.84 48 64 48 28.66 48 0 76.65 0 112s28.66 64 64 64c26.84 0 49.75-16.56 59.25-40h79.73c-55.37 32.52-95.86 87.32-109.54 152h49.4c11.3-41.61 36.77-77.21 71.04-101.56-3.7-8.08-5.88-16.99-5.88-26.44V88zm-48 232H64c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zM576 48c-26.84 0-49.75 16.56-59.25 40H432v72c0 9.45-2.19 18.36-5.88 26.44 34.27 24.35 59.74 59.95 71.04 101.56h49.4c-13.68-64.68-54.17-119.48-109.54-152h79.73c9.5 23.44 32.41 40 59.25 40 35.34 0 64-28.65 64-64s-28.66-64-64-64zm0 272h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32z"
d="M224.28 141a100.61 100.61 0 0 0-31.4-49H240a12 12 0 0 0 0-24h-78.06a36 36 0 0 0-67.88 0H16a12 12 0 0 0 0 24h47.12a100.61 100.61 0 0 0-31.4 49A36 36 0 1 0 56 143.74a76.66 76.66 0 0 1 41.15-45.21a36 36 0 0 0 61.7 0A76.66 76.66 0 0 1 200 143.74a36 36 0 1 0 24.28-2.74M40 188a12 12 0 1 1 12-12a12 12 0 0 1-12 12m88-96a12 12 0 1 1 12-12a12 12 0 0 1-12 12m88 96a12 12 0 1 1 12-12a12 12 0 0 1-12 12"
/>
</IconBase>
6 changes: 2 additions & 4 deletions packages/shared-ui/src/lib/components/Icons/Basic/CaretDown.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 320 512" {strokeWidth} {padding} {title}>
<path
d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
/>
<IconBase viewBox="0 0 2048 2048" {strokeWidth} {padding} {title}>
<path d="M0 512h2048L1024 1536z" />
</IconBase>
6 changes: 2 additions & 4 deletions packages/shared-ui/src/lib/components/Icons/Basic/CaretUp.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 320 512" {strokeWidth} {padding} {title}>
<path
d="M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z"
/>
<IconBase viewBox="0 0 2048 2048" {strokeWidth} {padding} {title}>
<path d="m1024 512l1024 1024H0z" />
</IconBase>
1 change: 0 additions & 1 deletion packages/shared-ui/src/lib/components/Icons/Basic/Checked.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@

<IconBase viewBox="0 0 24 24" {strokeWidth} {padding} {title}>
<path
fill="currentColor"
d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm11.03 6.28l-6.754 6.747a.75.75 0 0 1-1.06 0L6.72 13.28a.75.75 0 0 1 1.06-1.06l2.217 2.216l6.223-6.217a.75.75 0 1 1 1.06 1.062Z"
/>
</IconBase>
6 changes: 2 additions & 4 deletions packages/shared-ui/src/lib/components/Icons/Basic/Chevron.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 320 512" {strokeWidth} {padding} {title}>
<path
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
/>
<IconBase viewBox="0 0 2048 2048" {strokeWidth} {padding} {title}>
<path d="m590 7l1017 1017L590 2041l-241-242l775-775l-775-775z" />
</IconBase>
6 changes: 2 additions & 4 deletions packages/shared-ui/src/lib/components/Icons/Basic/ChevronLeft.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 320 512" {strokeWidth} {padding} {title}>
<path
d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"
/>
<IconBase viewBox="0 0 2048 2048" {strokeWidth} {padding} {title}>
<path d="m1699 249l-775 775l775 775l-241 242L441 1024L1458 7z" />
</IconBase>
6 changes: 2 additions & 4 deletions packages/shared-ui/src/lib/components/Icons/Basic/ChevronRight.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@
export let padding = '0';
</script>

<IconBase viewBox="0 0 320 512" {strokeWidth} {padding} {title}>
<path
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
/>
<IconBase viewBox="0 0 2048 2048" {strokeWidth} {padding} {title}>
<path d="m590 7l1017 1017L590 2041l-241-242l775-775l-775-775z" />
</IconBase>
Loading