From dc5b3b36a3225bab4b3e0290202bbac65aacb4ad Mon Sep 17 00:00:00 2001 From: Zhihao Cui <5257855+origami-z@users.noreply.github.com> Date: Fri, 15 Nov 2024 16:37:10 +0000 Subject: [PATCH] Add new and update status / success icons (#4364) --- .changeset/tame-kangaroos-heal.md | 32 +++++++++ packages/icons/saltIcons.css | 40 ++++++++---- packages/icons/scripts/generateIcons.mjs | 65 ++++++++++++++++--- packages/icons/scripts/templateIcon.mustache | 2 +- packages/icons/src/SVG/checkmark-solid.svg | 3 + packages/icons/src/SVG/checkmark.svg | 3 + packages/icons/src/SVG/error-solid.svg | 4 +- packages/icons/src/SVG/error.svg | 8 +-- packages/icons/src/SVG/info-solid.svg | 4 +- packages/icons/src/SVG/info.svg | 8 +-- .../icons/src/SVG/success-circle-solid.svg | 3 + packages/icons/src/SVG/success-circle.svg | 4 ++ packages/icons/src/SVG/warning-solid.svg | 4 +- packages/icons/src/SVG/warning.svg | 8 +-- packages/icons/src/components/Checkmark.tsx | 27 ++++++++ .../icons/src/components/CheckmarkSolid.tsx | 28 ++++++++ packages/icons/src/components/Error.tsx | 2 +- packages/icons/src/components/ErrorSolid.tsx | 2 +- packages/icons/src/components/Info.tsx | 4 +- packages/icons/src/components/InfoSolid.tsx | 2 +- packages/icons/src/components/StepSuccess.tsx | 1 + packages/icons/src/components/Success.tsx | 1 + .../icons/src/components/SuccessCircle.tsx | 29 +++++++++ .../src/components/SuccessCircleSolid.tsx | 28 ++++++++ .../icons/src/components/SuccessSmall.tsx | 1 + .../src/components/SuccessSmallSolid.tsx | 1 + .../icons/src/components/SuccessSolid.tsx | 1 + packages/icons/src/components/SuccessTick.tsx | 1 + packages/icons/src/components/Warning.tsx | 2 +- .../icons/src/components/WarningSolid.tsx | 2 +- packages/icons/src/components/index.ts | 20 +++--- packages/icons/stories/icon.all.ts | 62 ++++++++++-------- .../components/icon-preview/allIconsList.ts | 62 ++++++++++-------- 33 files changed, 356 insertions(+), 108 deletions(-) create mode 100644 .changeset/tame-kangaroos-heal.md create mode 100644 packages/icons/src/SVG/checkmark-solid.svg create mode 100644 packages/icons/src/SVG/checkmark.svg create mode 100644 packages/icons/src/SVG/success-circle-solid.svg create mode 100644 packages/icons/src/SVG/success-circle.svg create mode 100644 packages/icons/src/components/Checkmark.tsx create mode 100644 packages/icons/src/components/CheckmarkSolid.tsx create mode 100644 packages/icons/src/components/SuccessCircle.tsx create mode 100644 packages/icons/src/components/SuccessCircleSolid.tsx diff --git a/.changeset/tame-kangaroos-heal.md b/.changeset/tame-kangaroos-heal.md new file mode 100644 index 00000000000..25ca405520a --- /dev/null +++ b/.changeset/tame-kangaroos-heal.md @@ -0,0 +1,32 @@ +--- +"@salt-ds/icons": minor +--- + +Added new icons + +- Checkmark +- CheckmarkSolid +- SuccessCircle +- SuccessCircleSolid + +Updated below icons to align with other icons + +- Error +- ErrorSolid +- Info +- InfoSolid +- Warning +- WarningSolid + +Deprecated below icons + +| Deprecated | Replacement | +| --------------------- | ------------------ | +| SuccessSmallIcon | CheckmarkIcon | +| SuccessSmallSolidIcon | CheckmarkSolidIcon | +| SuccessIcon | CheckmarkIcon | +| SuccessSolidIcon | CheckmarkSolidIcon | +| StepSuccessIcon | SuccessCircleIcon | +| SuccessTickIcon | CheckmarkIcon | + +Closes #4347 diff --git a/packages/icons/saltIcons.css b/packages/icons/saltIcons.css index 4a443e12437..d8d5ecb9769 100644 --- a/packages/icons/saltIcons.css +++ b/packages/icons/saltIcons.css @@ -188,6 +188,14 @@ mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M5.53096%206.93326C6.08636%206.93326%206.53659%206.47339%206.53659%205.90611C6.53659%205.33883%206.08636%204.87896%205.53096%204.87896C4.97557%204.87896%204.52533%205.33883%204.52533%205.90611C4.52533%206.47339%204.97557%206.93326%205.53096%206.93326Z%22%20%2F%3E%3Cpath%20d%3D%22M3.77111%205.90611C3.77111%206.47339%203.32088%206.93326%202.76548%206.93326C2.21009%206.93326%201.75985%206.47339%201.75985%205.90611C1.75985%205.33883%202.21009%204.87896%202.76548%204.87896C3.32088%204.87896%203.77111%205.33883%203.77111%205.90611Z%22%20%2F%3E%3Cpath%20d%3D%22M8.29645%206.93326C8.85184%206.93326%209.30208%206.47339%209.30208%205.90611C9.30208%205.33883%208.85184%204.87896%208.29645%204.87896C7.74105%204.87896%207.29082%205.33883%207.29082%205.90611C7.29082%206.47339%207.74105%206.93326%208.29645%206.93326Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.65667%2011.5554C6.74104%2011.5554%207.75414%2011.2438%208.61481%2010.7034L12%2012L10.6868%208.42327C11.0872%207.63061%2011.3133%206.73113%2011.3133%205.77771C11.3133%202.58677%208.78076%200%205.65667%200C2.53258%200%200%202.58677%200%205.77771C0%208.96866%202.53258%2011.5554%205.65667%2011.5554ZM5.65667%201.00482C3.0759%201.00482%200.983768%203.14172%200.983768%205.77771C0.983768%208.41371%203.0759%2010.5506%205.65667%2010.5506C6.72928%2010.5506%207.71749%2010.1815%208.50617%209.56082L9.55348%209.9658L10.2816%2010.2448L10.0004%209.47898L9.58803%208.35878C10.0573%207.61464%2010.3296%206.72865%2010.3296%205.77771C10.3296%203.14172%208.23744%201.00482%205.65667%201.00482Z%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M5.53096%206.93326C6.08636%206.93326%206.53659%206.47339%206.53659%205.90611C6.53659%205.33883%206.08636%204.87896%205.53096%204.87896C4.97557%204.87896%204.52533%205.33883%204.52533%205.90611C4.52533%206.47339%204.97557%206.93326%205.53096%206.93326Z%22%20%2F%3E%3Cpath%20d%3D%22M3.77111%205.90611C3.77111%206.47339%203.32088%206.93326%202.76548%206.93326C2.21009%206.93326%201.75985%206.47339%201.75985%205.90611C1.75985%205.33883%202.21009%204.87896%202.76548%204.87896C3.32088%204.87896%203.77111%205.33883%203.77111%205.90611Z%22%20%2F%3E%3Cpath%20d%3D%22M8.29645%206.93326C8.85184%206.93326%209.30208%206.47339%209.30208%205.90611C9.30208%205.33883%208.85184%204.87896%208.29645%204.87896C7.74105%204.87896%207.29082%205.33883%207.29082%205.90611C7.29082%206.47339%207.74105%206.93326%208.29645%206.93326Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.65667%2011.5554C6.74104%2011.5554%207.75414%2011.2438%208.61481%2010.7034L12%2012L10.6868%208.42327C11.0872%207.63061%2011.3133%206.73113%2011.3133%205.77771C11.3133%202.58677%208.78076%200%205.65667%200C2.53258%200%200%202.58677%200%205.77771C0%208.96866%202.53258%2011.5554%205.65667%2011.5554ZM5.65667%201.00482C3.0759%201.00482%200.983768%203.14172%200.983768%205.77771C0.983768%208.41371%203.0759%2010.5506%205.65667%2010.5506C6.72928%2010.5506%207.71749%2010.1815%208.50617%209.56082L9.55348%209.9658L10.2816%2010.2448L10.0004%209.47898L9.58803%208.35878C10.0573%207.61464%2010.3296%206.72865%2010.3296%205.77771C10.3296%203.14172%208.23744%201.00482%205.65667%201.00482Z%22%20%2F%3E%3C%2Fsvg%3E"); } +.saltIcons-CheckmarkSolid { + mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200H12V12H0V0ZM10%203.72856L4.95193%209.29411L2%206.54505L3.02731%205.44589L4.87544%207.16329L8.9%202.70589L10%203.72856Z%22%2F%3E%3C%2Fsvg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200H12V12H0V0ZM10%203.72856L4.95193%209.29411L2%206.54505L3.02731%205.44589L4.87544%207.16329L8.9%202.70589L10%203.72856Z%22%2F%3E%3C%2Fsvg%3E"); +} +.saltIcons-Checkmark { + mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.95193%209.29415L10%203.7286L8.9%202.70593L4.87544%207.16334L3.02731%205.44593L2%206.54509L4.95193%209.29415Z%22%2F%3E%3C%2Fsvg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.95193%209.29415L10%203.7286L8.9%202.70593L4.87544%207.16334L3.02731%205.44593L2%206.54509L4.95193%209.29415Z%22%2F%3E%3C%2Fsvg%3E"); +} .saltIcons-ChevronDown { mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%207.30751L10.4011%202.5L11.5%203.49208L6%209.5L0.5%203.49208L1.59893%202.5L6%207.30751Z%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%207.30751L10.4011%202.5L11.5%203.49208L6%209.5L0.5%203.49208L1.59893%202.5L6%207.30751Z%22%20%2F%3E%3C%2Fsvg%3E"); @@ -469,12 +477,12 @@ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%206C12%209.31371%209.31371%2012%206%2012C2.68629%2012%200%209.31371%200%206C0%202.68629%202.68629%200%206%200C9.31371%200%2012%202.68629%2012%206ZM8.6074%209.66806C7.87179%2010.1919%206.97187%2010.5%206%2010.5C3.51472%2010.5%201.5%208.48528%201.5%206C1.5%205.02813%201.80809%204.12821%202.33194%203.3926L8.6074%209.66806ZM9.66806%208.6074L3.3926%202.33194C4.12821%201.80809%205.02813%201.5%206%201.5C8.48528%201.5%2010.5%203.51472%2010.5%206C10.5%206.97187%2010.1919%207.87179%209.66806%208.6074Z%22%20%2F%3E%3C%2Fsvg%3E"); } .saltIcons-ErrorSolid { - mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%200H9L12%203V9L9%2012H3L0%209V3L3%200ZM5%202H7V7H5V2ZM7%208.5C7%209.05228%206.55228%209.5%206%209.5C5.44772%209.5%205%209.05228%205%208.5C5%207.94772%205.44772%207.5%206%207.5C6.55228%207.5%207%207.94772%207%208.5Z%22%20%2F%3E%3C%2Fsvg%3E"); - -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%200H9L12%203V9L9%2012H3L0%209V3L3%200ZM5%202H7V7H5V2ZM7%208.5C7%209.05228%206.55228%209.5%206%209.5C5.44772%209.5%205%209.05228%205%208.5C5%207.94772%205.44772%207.5%206%207.5C6.55228%207.5%207%207.94772%207%208.5Z%22%20%2F%3E%3C%2Fsvg%3E"); + mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%200H3L0%203V9L3%2012H9L12%209V3L9%200ZM7%202H5V7H7V2ZM6%2010C6.55228%2010%207%209.55228%207%209C7%208.44772%206.55228%208%206%208C5.44772%208%205%208.44772%205%209C5%209.55228%205.44772%2010%206%2010Z%22%2F%3E%3C%2Fsvg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%200H3L0%203V9L3%2012H9L12%209V3L9%200ZM7%202H5V7H7V2ZM6%2010C6.55228%2010%207%209.55228%207%209C7%208.44772%206.55228%208%206%208C5.44772%208%205%208.44772%205%209C5%209.55228%205.44772%2010%206%2010Z%22%2F%3E%3C%2Fsvg%3E"); } .saltIcons-Error { - mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M5%202H7V7H5V2Z%22%20%2F%3E%3Cpath%20d%3D%22M7%208.5C7%209.05228%206.55228%209.5%206%209.5C5.44772%209.5%205%209.05228%205%208.5C5%207.94772%205.44772%207.5%206%207.5C6.55228%207.5%207%207.94772%207%208.5Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%200H9L12%203V9L9%2012H3L0%209V3L3%200ZM1%203.41421L3.41421%201H8.58579L11%203.41421V8.58579L8.58579%2011H3.41421L1%208.58579V3.41421Z%22%20%2F%3E%3C%2Fsvg%3E"); - -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M5%202H7V7H5V2Z%22%20%2F%3E%3Cpath%20d%3D%22M7%208.5C7%209.05228%206.55228%209.5%206%209.5C5.44772%209.5%205%209.05228%205%208.5C5%207.94772%205.44772%207.5%206%207.5C6.55228%207.5%207%207.94772%207%208.5Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%200H9L12%203V9L9%2012H3L0%209V3L3%200ZM1%203.41421L3.41421%201H8.58579L11%203.41421V8.58579L8.58579%2011H3.41421L1%208.58579V3.41421Z%22%20%2F%3E%3C%2Fsvg%3E"); + mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%200H9L12%203V9L9%2012H3L0%209V3L3%200ZM1%203.41421L3.41421%201H8.58579L11%203.41421V8.58579L8.58579%2011H3.41421L1%208.58579V3.41421Z%22%2F%3E%3Cpath%20d%3D%22M5%202H7V7H5V2Z%22%2F%3E%3Cpath%20d%3D%22M7%209C7%209.55228%206.55228%2010%206%2010C5.44772%2010%205%209.55228%205%209C5%208.44772%205.44772%208%206%208C6.55228%208%207%208.44772%207%209Z%22%2F%3E%3C%2Fsvg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%200H9L12%203V9L9%2012H3L0%209V3L3%200ZM1%203.41421L3.41421%201H8.58579L11%203.41421V8.58579L8.58579%2011H3.41421L1%208.58579V3.41421Z%22%2F%3E%3Cpath%20d%3D%22M5%202H7V7H5V2Z%22%2F%3E%3Cpath%20d%3D%22M7%209C7%209.55228%206.55228%2010%206%2010C5.44772%2010%205%209.55228%205%209C5%208.44772%205.44772%208%206%208C6.55228%208%207%208.44772%207%209Z%22%2F%3E%3C%2Fsvg%3E"); } .saltIcons-ExpandAll { mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M6%200L2%204L3%205L6%202L9%205L10%204L6%200Z%22%20%2F%3E%3Cpath%20d%3D%22M6%2012L2%208L3%207L6%2010L9%207L10%208L6%2012Z%22%20%2F%3E%3C%2Fsvg%3E"); @@ -681,12 +689,12 @@ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.49505%200L6.4951%205.0879L8.29308%203.29322L9.00085%203.99965L6.00304%206.99183L2.99927%203.99383L3.70703%203.28741L5.52098%205.09809L5.52093%200H6.49505Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%2012V3H11L11%207H8C8%208.10457%207.10457%209%206%209C4.89543%209%204%208.10457%204%207H1L1%203H0V12H12ZM8.82929%208H11L11%2011L1%2011L1%208H3.17071C3.58254%209.16519%204.69378%2010%206%2010C7.30622%2010%208.41746%209.16519%208.82929%208Z%22%2F%3E%3C%2Fsvg%3E"); } .saltIcons-InfoSolid { - mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%200H0V12H12V0ZM5%202H7V4H5V2ZM5%205H7V10H5V5Z%22%20%2F%3E%3C%2Fsvg%3E"); - -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%200H0V12H12V0ZM5%202H7V4H5V2ZM5%205H7V10H5V5Z%22%20%2F%3E%3C%2Fsvg%3E"); + mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200H12V12H0V0ZM6%202C6.55228%202%207%202.44772%207%203C7%203.55228%206.55228%204%206%204C5.44772%204%205%203.55228%205%203C5%202.44772%205.44772%202%206%202ZM7%205V10H5V5H7Z%22%2F%3E%3C%2Fsvg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200H12V12H0V0ZM6%202C6.55228%202%207%202.44772%207%203C7%203.55228%206.55228%204%206%204C5.44772%204%205%203.55228%205%203C5%202.44772%205.44772%202%206%202ZM7%205V10H5V5H7Z%22%2F%3E%3C%2Fsvg%3E"); } .saltIcons-Info { - mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M5%202H7V4H5V2Z%22%20%2F%3E%3Cpath%20d%3D%22M5%205H7V10H5V5Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2012V0H12V12H0ZM1%201H11V11H1V1Z%22%20%2F%3E%3C%2Fsvg%3E"); - -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M5%202H7V4H5V2Z%22%20%2F%3E%3Cpath%20d%3D%22M5%205H7V10H5V5Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2012V0H12V12H0ZM1%201H11V11H1V1Z%22%20%2F%3E%3C%2Fsvg%3E"); + mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%202C6.55228%202%207%202.44772%207%203C7%203.55228%206.55228%204%206%204C5.44772%204%205%203.55228%205%203C5%202.44772%205.44772%202%206%202Z%22%2F%3E%3Cpath%20d%3D%22M7%205V10H5V5H7Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200V12H12V0H0ZM11%201H1V11H11V1Z%22%2F%3E%3C%2Fsvg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%202C6.55228%202%207%202.44772%207%203C7%203.55228%206.55228%204%206%204C5.44772%204%205%203.55228%205%203C5%202.44772%205.44772%202%206%202Z%22%2F%3E%3Cpath%20d%3D%22M7%205V10H5V5H7Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200V12H12V0H0ZM11%201H1V11H11V1Z%22%2F%3E%3C%2Fsvg%3E"); } .saltIcons-JigsawSolid { mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1%206H2.5C2.77614%206%203%206.22386%203%206.5C3%206.77614%202.77614%207%202.5%207H1V11H5V9.5C5%209.22386%205.22386%209%205.5%209C5.77614%209%206%209.22386%206%209.5V11H10V8H10.5C11.3284%208%2012%207.32843%2012%206.5C12%205.67157%2011.3284%205%2010.5%205H10V2L7%202L7%201.5C7%200.671573%206.32843%200%205.5%200C4.67157%200%204%200.671573%204%201.5V2L1%202V6Z%22%20%2F%3E%3C%2Fsvg%3E"); @@ -1344,6 +1352,14 @@ mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M0%200H12V1H0V0Z%22%20%2F%3E%3Cpath%20d%3D%22M0%2011H12V12H0V11Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.8335%204.78076C2.58968%204.56885%202.22852%204.46289%201.75%204.46289C1.49479%204.46289%201.2487%204.49365%201.01172%204.55518C0.777018%204.6167%200.567383%204.69645%200.382812%204.79443L0.642578%205.36182C0.811198%205.28206%200.984375%205.21484%201.16211%205.16016C1.33984%205.10547%201.52327%205.07812%201.7124%205.07812C1.93343%205.07812%202.10433%205.13395%202.2251%205.24561C2.34814%205.35726%202.40967%205.54411%202.40967%205.80615V6.00439L1.75342%206.02832C1.16553%206.04883%200.725749%206.15706%200.434082%206.35303C0.144694%206.54899%200%206.8418%200%207.23145C0%207.49349%200.0512695%207.70996%200.153809%207.88086C0.256348%208.05176%200.396484%208.17936%200.574219%208.26367C0.751953%208.3457%200.953613%208.38672%201.1792%208.38672C1.39339%208.38672%201.57454%208.36393%201.72266%208.31836C1.87305%208.27507%202.00521%208.20898%202.11914%208.12012C2.23307%208.03125%202.34359%207.91846%202.45068%207.78174H2.47803L2.63184%208.31836H3.20264V5.77197C3.20264%205.32308%203.07959%204.99268%202.8335%204.78076ZM1.91748%206.52734L2.40625%206.51025V6.83838C2.40625%207.146%202.31396%207.37956%202.12939%207.53906C1.9471%207.69629%201.71696%207.7749%201.43896%207.7749C1.25667%207.7749%201.1097%207.73275%200.998047%207.64844C0.886393%207.56185%200.830566%207.42513%200.830566%207.23828C0.830566%207.02409%200.911458%206.85547%201.07324%206.73242C1.23503%206.60938%201.51644%206.54102%201.91748%206.52734Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.23779%203V4.28174C5.23779%204.42985%205.23324%204.57568%205.22412%204.71924C5.21729%204.86051%205.21045%204.97103%205.20361%205.05078H5.23779C5.34033%204.88672%205.48275%204.74886%205.66504%204.63721C5.84961%204.52327%206.08545%204.46631%206.37256%204.46631C6.82145%204.46631%207.18262%204.63151%207.45605%204.96191C7.72949%205.29004%207.86621%205.77653%207.86621%206.42139C7.86621%206.84977%207.80355%207.2098%207.67822%207.50146C7.5529%207.79313%207.3763%208.01416%207.14844%208.16455C6.92285%208.31266%206.65739%208.38672%206.35205%208.38672C6.06494%208.38672%205.83252%208.33431%205.65479%208.22949C5.47933%208.1224%205.34147%207.99821%205.24121%207.85693H5.18311L5.03613%208.31836H4.43457V3H5.23779ZM6.16064%205.11914C5.93278%205.11914%205.75163%205.16471%205.61719%205.25586C5.48503%205.34701%205.38932%205.48372%205.33008%205.66602C5.27083%205.84603%205.24007%206.07503%205.23779%206.35303V6.4248C5.23779%206.84635%205.30387%207.16878%205.43604%207.39209C5.57048%207.6154%205.81429%207.72705%206.16748%207.72705C6.44775%207.72705%206.66309%207.61426%206.81348%207.38867C6.96387%207.16081%207.03906%206.83496%207.03906%206.41113C7.03906%205.98275%206.96387%205.66032%206.81348%205.44385C6.66536%205.22738%206.44775%205.11914%206.16064%205.11914Z%22%20%2F%3E%3Cpath%20d%3D%22M9.91504%208.17822C10.1771%208.31722%2010.487%208.38672%2010.8447%208.38672C11.084%208.38672%2011.2856%208.36621%2011.4497%208.3252C11.6138%208.28646%2011.7676%208.22607%2011.9111%208.14404V7.44678C11.7653%207.52653%2011.6104%207.59147%2011.4463%207.6416C11.2822%207.69173%2011.0965%207.7168%2010.8892%207.7168C10.6795%207.7168%2010.5029%207.66895%2010.3594%207.57324C10.2158%207.47526%2010.1076%207.33171%2010.0347%207.14258C9.96175%206.95117%209.92529%206.71647%209.92529%206.43848C9.92529%206.15137%209.96061%205.91097%2010.0312%205.71729C10.1042%205.5236%2010.2135%205.37777%2010.3594%205.27979C10.5075%205.1818%2010.6921%205.13281%2010.9131%205.13281C11.0475%205.13281%2011.1877%205.15218%2011.3335%205.19092C11.4793%205.22965%2011.6217%205.27751%2011.7607%205.33447L12%204.69189C11.8724%204.62809%2011.7163%204.57454%2011.5317%204.53125C11.3494%204.48568%2011.1455%204.46289%2010.9199%204.46289C10.5645%204.46289%2010.2489%204.53239%209.97314%204.67139C9.69971%204.81038%209.48551%205.02572%209.33057%205.31738C9.17562%205.60905%209.09814%205.98503%209.09814%206.44531C9.09814%206.88737%209.16878%207.25195%209.31006%207.53906C9.45133%207.82617%209.653%208.03923%209.91504%208.17822Z%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M0%200H12V1H0V0Z%22%20%2F%3E%3Cpath%20d%3D%22M0%2011H12V12H0V11Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.8335%204.78076C2.58968%204.56885%202.22852%204.46289%201.75%204.46289C1.49479%204.46289%201.2487%204.49365%201.01172%204.55518C0.777018%204.6167%200.567383%204.69645%200.382812%204.79443L0.642578%205.36182C0.811198%205.28206%200.984375%205.21484%201.16211%205.16016C1.33984%205.10547%201.52327%205.07812%201.7124%205.07812C1.93343%205.07812%202.10433%205.13395%202.2251%205.24561C2.34814%205.35726%202.40967%205.54411%202.40967%205.80615V6.00439L1.75342%206.02832C1.16553%206.04883%200.725749%206.15706%200.434082%206.35303C0.144694%206.54899%200%206.8418%200%207.23145C0%207.49349%200.0512695%207.70996%200.153809%207.88086C0.256348%208.05176%200.396484%208.17936%200.574219%208.26367C0.751953%208.3457%200.953613%208.38672%201.1792%208.38672C1.39339%208.38672%201.57454%208.36393%201.72266%208.31836C1.87305%208.27507%202.00521%208.20898%202.11914%208.12012C2.23307%208.03125%202.34359%207.91846%202.45068%207.78174H2.47803L2.63184%208.31836H3.20264V5.77197C3.20264%205.32308%203.07959%204.99268%202.8335%204.78076ZM1.91748%206.52734L2.40625%206.51025V6.83838C2.40625%207.146%202.31396%207.37956%202.12939%207.53906C1.9471%207.69629%201.71696%207.7749%201.43896%207.7749C1.25667%207.7749%201.1097%207.73275%200.998047%207.64844C0.886393%207.56185%200.830566%207.42513%200.830566%207.23828C0.830566%207.02409%200.911458%206.85547%201.07324%206.73242C1.23503%206.60938%201.51644%206.54102%201.91748%206.52734Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.23779%203V4.28174C5.23779%204.42985%205.23324%204.57568%205.22412%204.71924C5.21729%204.86051%205.21045%204.97103%205.20361%205.05078H5.23779C5.34033%204.88672%205.48275%204.74886%205.66504%204.63721C5.84961%204.52327%206.08545%204.46631%206.37256%204.46631C6.82145%204.46631%207.18262%204.63151%207.45605%204.96191C7.72949%205.29004%207.86621%205.77653%207.86621%206.42139C7.86621%206.84977%207.80355%207.2098%207.67822%207.50146C7.5529%207.79313%207.3763%208.01416%207.14844%208.16455C6.92285%208.31266%206.65739%208.38672%206.35205%208.38672C6.06494%208.38672%205.83252%208.33431%205.65479%208.22949C5.47933%208.1224%205.34147%207.99821%205.24121%207.85693H5.18311L5.03613%208.31836H4.43457V3H5.23779ZM6.16064%205.11914C5.93278%205.11914%205.75163%205.16471%205.61719%205.25586C5.48503%205.34701%205.38932%205.48372%205.33008%205.66602C5.27083%205.84603%205.24007%206.07503%205.23779%206.35303V6.4248C5.23779%206.84635%205.30387%207.16878%205.43604%207.39209C5.57048%207.6154%205.81429%207.72705%206.16748%207.72705C6.44775%207.72705%206.66309%207.61426%206.81348%207.38867C6.96387%207.16081%207.03906%206.83496%207.03906%206.41113C7.03906%205.98275%206.96387%205.66032%206.81348%205.44385C6.66536%205.22738%206.44775%205.11914%206.16064%205.11914Z%22%20%2F%3E%3Cpath%20d%3D%22M9.91504%208.17822C10.1771%208.31722%2010.487%208.38672%2010.8447%208.38672C11.084%208.38672%2011.2856%208.36621%2011.4497%208.3252C11.6138%208.28646%2011.7676%208.22607%2011.9111%208.14404V7.44678C11.7653%207.52653%2011.6104%207.59147%2011.4463%207.6416C11.2822%207.69173%2011.0965%207.7168%2010.8892%207.7168C10.6795%207.7168%2010.5029%207.66895%2010.3594%207.57324C10.2158%207.47526%2010.1076%207.33171%2010.0347%207.14258C9.96175%206.95117%209.92529%206.71647%209.92529%206.43848C9.92529%206.15137%209.96061%205.91097%2010.0312%205.71729C10.1042%205.5236%2010.2135%205.37777%2010.3594%205.27979C10.5075%205.1818%2010.6921%205.13281%2010.9131%205.13281C11.0475%205.13281%2011.1877%205.15218%2011.3335%205.19092C11.4793%205.22965%2011.6217%205.27751%2011.7607%205.33447L12%204.69189C11.8724%204.62809%2011.7163%204.57454%2011.5317%204.53125C11.3494%204.48568%2011.1455%204.46289%2010.9199%204.46289C10.5645%204.46289%2010.2489%204.53239%209.97314%204.67139C9.69971%204.81038%209.48551%205.02572%209.33057%205.31738C9.17562%205.60905%209.09814%205.98503%209.09814%206.44531C9.09814%206.88737%209.16878%207.25195%209.31006%207.53906C9.45133%207.82617%209.653%208.03923%209.91504%208.17822Z%22%20%2F%3E%3C%2Fsvg%3E"); } +.saltIcons-SuccessCircleSolid { + mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2012C9.31371%2012%2012%209.31371%2012%206C12%202.68629%209.31371%200%206%200C2.68629%200%200%202.68629%200%206C0%209.31371%202.68629%2012%206%2012ZM9.75015%204.01586L4.95193%209.33177L2%206.5827L3.02731%205.48354L4.87544%207.20095L8.64666%202.9932L9.75015%204.01586Z%22%2F%3E%3C%2Fsvg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2012C9.31371%2012%2012%209.31371%2012%206C12%202.68629%209.31371%200%206%200C2.68629%200%200%202.68629%200%206C0%209.31371%202.68629%2012%206%2012ZM9.75015%204.01586L4.95193%209.33177L2%206.5827L3.02731%205.48354L4.87544%207.20095L8.64666%202.9932L9.75015%204.01586Z%22%2F%3E%3C%2Fsvg%3E"); +} +.saltIcons-SuccessCircle { + mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.75015%204.01586L4.95193%209.33177L2%206.5827L3.02731%205.48354L4.87544%207.20095L8.64666%202.9932L9.75015%204.01586Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2012C9.31371%2012%2012%209.31371%2012%206C12%202.68629%209.31371%200%206%200C2.68629%200%200%202.68629%200%206C0%209.31371%202.68629%2012%206%2012ZM11%206C11%208.76142%208.76142%2011%206%2011C3.23858%2011%201%208.76142%201%206C1%203.23858%203.23858%201%206%201C8.76142%201%2011%203.23858%2011%206Z%22%2F%3E%3C%2Fsvg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.75015%204.01586L4.95193%209.33177L2%206.5827L3.02731%205.48354L4.87544%207.20095L8.64666%202.9932L9.75015%204.01586Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2012C9.31371%2012%2012%209.31371%2012%206C12%202.68629%209.31371%200%206%200C2.68629%200%200%202.68629%200%206C0%209.31371%202.68629%2012%206%2012ZM11%206C11%208.76142%208.76142%2011%206%2011C3.23858%2011%201%208.76142%201%206C1%203.23858%203.23858%201%206%201C8.76142%201%2011%203.23858%2011%206Z%22%2F%3E%3C%2Fsvg%3E"); +} .saltIcons-SuccessSmallSolid { mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%200H0V12H12V0ZM9.53536%202.46466L3.87889%208.12116L2.46468%206.70693L1.75757%207.41404L3.87889%209.53537L10.2425%203.17177L9.53536%202.46466Z%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%200H0V12H12V0ZM9.53536%202.46466L3.87889%208.12116L2.46468%206.70693L1.75757%207.41404L3.87889%209.53537L10.2425%203.17177L9.53536%202.46466Z%22%20%2F%3E%3C%2Fsvg%3E"); @@ -1601,12 +1617,12 @@ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M3%204.00005H0V8.00005H3L6%2011V1.00005L3%204.00005Z%22%20%2F%3E%3Cpath%20d%3D%22M7%208.82935C8.16519%208.41752%209%207.30628%209%206.00006C9%204.69384%208.16519%203.5826%207%203.17076V8.82935Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2010.3885C9.00399%209.93381%2010.5%208.14164%2010.5%206.00005C10.5%203.85846%209.00399%202.06629%207%201.61156V0.0830078C9.83771%200.559086%2012%203.02705%2012%206.00005C12%208.97305%209.83771%2011.441%207%2011.9171V10.3885Z%22%20%2F%3E%3C%2Fsvg%3E"); } .saltIcons-WarningSolid { - mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200L12%2012H0L6%200ZM5%204.5H7V8H5V4.5ZM7%209.5C7%2010.0523%206.55228%2010.5%206%2010.5C5.44772%2010.5%205%2010.0523%205%209.5C5%208.94772%205.44772%208.5%206%208.5C6.55228%208.5%207%208.94772%207%209.5Z%22%20%2F%3E%3C%2Fsvg%3E"); - -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200L12%2012H0L6%200ZM5%204.5H7V8H5V4.5ZM7%209.5C7%2010.0523%206.55228%2010.5%206%2010.5C5.44772%2010.5%205%2010.0523%205%209.5C5%208.94772%205.44772%208.5%206%208.5C6.55228%208.5%207%208.94772%207%209.5Z%22%20%2F%3E%3C%2Fsvg%3E"); + mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200L12%2012H0L6%200ZM5%205H7V8H5V5ZM7%209.5C7%2010.0523%206.55228%2010.5%206%2010.5C5.44772%2010.5%205%2010.0523%205%209.5C5%208.94772%205.44772%208.5%206%208.5C6.55228%208.5%207%208.94772%207%209.5Z%22%2F%3E%3C%2Fsvg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200L12%2012H0L6%200ZM5%205H7V8H5V5ZM7%209.5C7%2010.0523%206.55228%2010.5%206%2010.5C5.44772%2010.5%205%2010.0523%205%209.5C5%208.94772%205.44772%208.5%206%208.5C6.55228%208.5%207%208.94772%207%209.5Z%22%2F%3E%3C%2Fsvg%3E"); } .saltIcons-Warning { - mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M5%208V4.5H7V8H5Z%22%20%2F%3E%3Cpath%20d%3D%22M7%209.5C7%2010.0523%206.55228%2010.5%206%2010.5C5.44772%2010.5%205%2010.0523%205%209.5C5%208.94772%205.44772%208.5%206%208.5C6.55228%208.5%207%208.94772%207%209.5Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200L12%2012H0L6%200ZM1.61803%2011L6%202.23607L10.382%2011H1.61803Z%22%20%2F%3E%3C%2Fsvg%3E"); - -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20d%3D%22M5%208V4.5H7V8H5Z%22%20%2F%3E%3Cpath%20d%3D%22M7%209.5C7%2010.0523%206.55228%2010.5%206%2010.5C5.44772%2010.5%205%2010.0523%205%209.5C5%208.94772%205.44772%208.5%206%208.5C6.55228%208.5%207%208.94772%207%209.5Z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200L12%2012H0L6%200ZM1.61803%2011L6%202.23607L10.382%2011H1.61803Z%22%20%2F%3E%3C%2Fsvg%3E"); + mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%208V5H7V8H5Z%22%2F%3E%3Cpath%20d%3D%22M7%209.5C7%2010.0523%206.55228%2010.5%206%2010.5C5.44772%2010.5%205%2010.0523%205%209.5C5%208.94772%205.44772%208.5%206%208.5C6.55228%208.5%207%208.94772%207%209.5Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200L12%2012H0L6%200ZM1.61803%2011L6%202.23607L10.382%2011H1.61803Z%22%2F%3E%3C%2Fsvg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%208V5H7V8H5Z%22%2F%3E%3Cpath%20d%3D%22M7%209.5C7%2010.0523%206.55228%2010.5%206%2010.5C5.44772%2010.5%205%2010.0523%205%209.5C5%208.94772%205.44772%208.5%206%208.5C6.55228%208.5%207%208.94772%207%209.5Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200L12%2012H0L6%200ZM1.61803%2011L6%202.23607L10.382%2011H1.61803Z%22%2F%3E%3C%2Fsvg%3E"); } .saltIcons-WatchSolid { mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%200H9V2H10V10H9V12H3V10H2V2H3V0ZM6%204H5V7H8V6H6V4Z%22%20%2F%3E%3C%2Fsvg%3E"); diff --git a/packages/icons/scripts/generateIcons.mjs b/packages/icons/scripts/generateIcons.mjs index 0da67b6b4ea..c7c4893c114 100644 --- a/packages/icons/scripts/generateIcons.mjs +++ b/packages/icons/scripts/generateIcons.mjs @@ -26,7 +26,11 @@ const GENERATED_WARNING_COMMENT = const CSS_GENERATED_WARNING_COMMENT = "/** WARNING: This file includes all icons in a css mask format and was generated by a script. Do not modify it manually */\n\n"; -/** Change kebab casing to Pascal casing */ +/** + * Change kebab casing to Pascal casing + * + * @param {string} str + * */ function pascalCase(str) { const arr = str.split("-"); const capital = arr.map( @@ -37,6 +41,38 @@ function pascalCase(str) { return capital.join(""); } + +/** + * Turn `AppleBanana` into `Apple Banana` + * @param {string} str + **/ +function breakPascalCasingWithSpace(str) { + if (str) { + return str.charAt(0) + str.slice(1).replaceAll(/([A-Z])/g, " $1"); + } + return str; +} + +/** + * Trying to sort like Biome organize imports rules. + * e.g. `BuildReportIcon` should come before `BuildingIcon`. + * + * Intl.Collator numeric option works for `Forward5Icon` before `Forward10Icon`, like Biome do... + * + * https://github.com/biomejs/biome/blob/main/crates/biome_js_analyze/src/assists/source/organize_imports/util.rs + * + * @param {string} a + * @param {string} b + * */ + +const collator = new Intl.Collator([], { numeric: true }); +function importSortPredicate(a, b) { + return collator.compare( + breakPascalCasingWithSpace(a), + breakPascalCasingWithSpace(b), + ); +} + /** Generate all icon SVG as background image, in a single CSS */ const generateCssAsBg = ({ basePath, cssOutputPath, fileArg }) => { // options is optional @@ -80,6 +116,16 @@ const generateCssAsBg = ({ basePath, cssOutputPath, fileArg }) => { }); }; +const DEPRECATED_ICONS = [ + ["Success", "Checkmark"], + ["SuccessSolid", "CheckmarkSolid"], + ["SuccessTick", "Checkmark"], + ["StepSuccess", "SuccessCircle"], + ["SuccessSmall", "Checkmark"], + ["SuccessSmallSolid", "CheckmarkSolid"], +]; +const deprecatedIconMap = new Map(DEPRECATED_ICONS); + /** * Generate all the icon React components from SVGs */ @@ -197,6 +243,11 @@ const generateIconComponents = async ({ componentName, ariaLabel: iconTitle, viewBox: viewBox ?? "0 0 12 12", + // note: triple mustache is used here for unescapted version + JSDoc: deprecatedIconMap.has(componentName) + ? ` +/** @deprecated - Use \`${deprecatedIconMap.get(componentName)}Icon\` instead. */` + : "", }); const formattedResult = biome.formatContent( @@ -219,11 +270,9 @@ const generateIconComponents = async ({ const generateIndex = async ({ icons, componentsPath }) => { console.log("Generating index file"); - const content = icons - .sort((a, b) => a.localeCompare(b)) - .map((componentName) => { - return `export * from './${componentName}';`; - }); + const content = icons.sort(importSortPredicate).map((componentName) => { + return `export * from './${componentName}';`; + }); const joinedText = [GENERATED_WARNING_COMMENT, ...content].join("\n"); @@ -247,8 +296,8 @@ const generateIconAll = async ({ icons, allPath }) => { console.log(`Generating ${allPath}`); const sortedIcons = icons - .sort((a, b) => a.localeCompare(b)) .map((componentName) => `${componentName}Icon,`) + .sort(importSortPredicate) .join("\n"); const importsStatements = `import {\n${sortedIcons}\n} from "@salt-ds/icons";\n`; @@ -278,8 +327,8 @@ const generateIconAllSite = async ({ icons, siteAllPath }) => { console.log(`Generating ${siteAllPath}`); const sortedIcons = icons - .sort((a, b) => a.localeCompare(b)) .map((componentName) => `${componentName}Icon,`) + .sort(importSortPredicate) .join("\n"); const importsStatements = `import {\n${sortedIcons}\n} from "@salt-ds/icons";\n`; diff --git a/packages/icons/scripts/templateIcon.mustache b/packages/icons/scripts/templateIcon.mustache index 6db5da62353..7c43e2f87f1 100644 --- a/packages/icons/scripts/templateIcon.mustache +++ b/packages/icons/scripts/templateIcon.mustache @@ -3,7 +3,7 @@ import { forwardRef } from "react"; import { Icon, type IconProps } from "../icon"; export type {{componentName}}IconProps = IconProps; - +{{{JSDoc}}} export const {{componentName}}Icon = forwardRef( function {{componentName}}Icon(props: {{componentName}}IconProps, ref) { return ( diff --git a/packages/icons/src/SVG/checkmark-solid.svg b/packages/icons/src/SVG/checkmark-solid.svg new file mode 100644 index 00000000000..ec9dc5aa42a --- /dev/null +++ b/packages/icons/src/SVG/checkmark-solid.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/icons/src/SVG/checkmark.svg b/packages/icons/src/SVG/checkmark.svg new file mode 100644 index 00000000000..8df6704746f --- /dev/null +++ b/packages/icons/src/SVG/checkmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/icons/src/SVG/error-solid.svg b/packages/icons/src/SVG/error-solid.svg index ea4e5b3bdbf..4b43d545580 100644 --- a/packages/icons/src/SVG/error-solid.svg +++ b/packages/icons/src/SVG/error-solid.svg @@ -1,3 +1,3 @@ - - + + diff --git a/packages/icons/src/SVG/error.svg b/packages/icons/src/SVG/error.svg index 8c7ff7fe0e0..043814d417a 100644 --- a/packages/icons/src/SVG/error.svg +++ b/packages/icons/src/SVG/error.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/packages/icons/src/SVG/info-solid.svg b/packages/icons/src/SVG/info-solid.svg index ee6f8d48ee4..5ab8bcd59cd 100644 --- a/packages/icons/src/SVG/info-solid.svg +++ b/packages/icons/src/SVG/info-solid.svg @@ -1,3 +1,3 @@ - - + + diff --git a/packages/icons/src/SVG/info.svg b/packages/icons/src/SVG/info.svg index 0a857acacdb..5d0c1073970 100644 --- a/packages/icons/src/SVG/info.svg +++ b/packages/icons/src/SVG/info.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/packages/icons/src/SVG/success-circle-solid.svg b/packages/icons/src/SVG/success-circle-solid.svg new file mode 100644 index 00000000000..4ca6792b1cb --- /dev/null +++ b/packages/icons/src/SVG/success-circle-solid.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/icons/src/SVG/success-circle.svg b/packages/icons/src/SVG/success-circle.svg new file mode 100644 index 00000000000..9f6bedd6b2d --- /dev/null +++ b/packages/icons/src/SVG/success-circle.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/icons/src/SVG/warning-solid.svg b/packages/icons/src/SVG/warning-solid.svg index 24c58c25f8c..aedc1af889e 100644 --- a/packages/icons/src/SVG/warning-solid.svg +++ b/packages/icons/src/SVG/warning-solid.svg @@ -1,3 +1,3 @@ - - + + diff --git a/packages/icons/src/SVG/warning.svg b/packages/icons/src/SVG/warning.svg index a58ad239ce3..f6dbcd4b639 100644 --- a/packages/icons/src/SVG/warning.svg +++ b/packages/icons/src/SVG/warning.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/packages/icons/src/components/Checkmark.tsx b/packages/icons/src/components/Checkmark.tsx new file mode 100644 index 00000000000..aa9f64934de --- /dev/null +++ b/packages/icons/src/components/Checkmark.tsx @@ -0,0 +1,27 @@ +// WARNING: This file was generated by a script. Do not modify it manually + +import { forwardRef } from "react"; + +import { Icon, type IconProps } from "../icon"; + +export type CheckmarkIconProps = IconProps; + +export const CheckmarkIcon = forwardRef( + function CheckmarkIcon(props: CheckmarkIconProps, ref) { + return ( + + + + ); + }, +); diff --git a/packages/icons/src/components/CheckmarkSolid.tsx b/packages/icons/src/components/CheckmarkSolid.tsx new file mode 100644 index 00000000000..93efd284d27 --- /dev/null +++ b/packages/icons/src/components/CheckmarkSolid.tsx @@ -0,0 +1,28 @@ +// WARNING: This file was generated by a script. Do not modify it manually + +import { forwardRef } from "react"; + +import { Icon, type IconProps } from "../icon"; + +export type CheckmarkSolidIconProps = IconProps; + +export const CheckmarkSolidIcon = forwardRef< + SVGSVGElement, + CheckmarkSolidIconProps +>(function CheckmarkSolidIcon(props: CheckmarkSolidIconProps, ref) { + return ( + + + + ); +}); diff --git a/packages/icons/src/components/Error.tsx b/packages/icons/src/components/Error.tsx index 313985c494c..03c5cac20c9 100644 --- a/packages/icons/src/components/Error.tsx +++ b/packages/icons/src/components/Error.tsx @@ -16,12 +16,12 @@ export const ErrorIcon = forwardRef( ref={ref} {...props} > - + ); }, diff --git a/packages/icons/src/components/ErrorSolid.tsx b/packages/icons/src/components/ErrorSolid.tsx index b18121313fb..079ee8e09fa 100644 --- a/packages/icons/src/components/ErrorSolid.tsx +++ b/packages/icons/src/components/ErrorSolid.tsx @@ -18,7 +18,7 @@ export const ErrorSolidIcon = forwardRef( > diff --git a/packages/icons/src/components/Info.tsx b/packages/icons/src/components/Info.tsx index 04e86619fde..e949785f09e 100644 --- a/packages/icons/src/components/Info.tsx +++ b/packages/icons/src/components/Info.tsx @@ -16,10 +16,10 @@ export const InfoIcon = forwardRef( ref={ref} {...props} > - + diff --git a/packages/icons/src/components/InfoSolid.tsx b/packages/icons/src/components/InfoSolid.tsx index 1bb13606126..9d62cfb0bb8 100644 --- a/packages/icons/src/components/InfoSolid.tsx +++ b/packages/icons/src/components/InfoSolid.tsx @@ -18,7 +18,7 @@ export const InfoSolidIcon = forwardRef( > diff --git a/packages/icons/src/components/StepSuccess.tsx b/packages/icons/src/components/StepSuccess.tsx index 9576be3863d..fedfa46c77f 100644 --- a/packages/icons/src/components/StepSuccess.tsx +++ b/packages/icons/src/components/StepSuccess.tsx @@ -6,6 +6,7 @@ import { Icon, type IconProps } from "../icon"; export type StepSuccessIconProps = IconProps; +/** @deprecated - Use `SuccessCircleIcon` instead. */ export const StepSuccessIcon = forwardRef( function StepSuccessIcon(props: StepSuccessIconProps, ref) { return ( diff --git a/packages/icons/src/components/Success.tsx b/packages/icons/src/components/Success.tsx index 2eb8defc9bd..4e32b9dc072 100644 --- a/packages/icons/src/components/Success.tsx +++ b/packages/icons/src/components/Success.tsx @@ -6,6 +6,7 @@ import { Icon, type IconProps } from "../icon"; export type SuccessIconProps = IconProps; +/** @deprecated - Use `CheckmarkIcon` instead. */ export const SuccessIcon = forwardRef( function SuccessIcon(props: SuccessIconProps, ref) { return ( diff --git a/packages/icons/src/components/SuccessCircle.tsx b/packages/icons/src/components/SuccessCircle.tsx new file mode 100644 index 00000000000..63c7ff1a7dc --- /dev/null +++ b/packages/icons/src/components/SuccessCircle.tsx @@ -0,0 +1,29 @@ +// WARNING: This file was generated by a script. Do not modify it manually + +import { forwardRef } from "react"; + +import { Icon, type IconProps } from "../icon"; + +export type SuccessCircleIconProps = IconProps; + +export const SuccessCircleIcon = forwardRef< + SVGSVGElement, + SuccessCircleIconProps +>(function SuccessCircleIcon(props: SuccessCircleIconProps, ref) { + return ( + + + + + ); +}); diff --git a/packages/icons/src/components/SuccessCircleSolid.tsx b/packages/icons/src/components/SuccessCircleSolid.tsx new file mode 100644 index 00000000000..524d3dc6c68 --- /dev/null +++ b/packages/icons/src/components/SuccessCircleSolid.tsx @@ -0,0 +1,28 @@ +// WARNING: This file was generated by a script. Do not modify it manually + +import { forwardRef } from "react"; + +import { Icon, type IconProps } from "../icon"; + +export type SuccessCircleSolidIconProps = IconProps; + +export const SuccessCircleSolidIcon = forwardRef< + SVGSVGElement, + SuccessCircleSolidIconProps +>(function SuccessCircleSolidIcon(props: SuccessCircleSolidIconProps, ref) { + return ( + + + + ); +}); diff --git a/packages/icons/src/components/SuccessSmall.tsx b/packages/icons/src/components/SuccessSmall.tsx index 29c371f5650..6bae6457462 100644 --- a/packages/icons/src/components/SuccessSmall.tsx +++ b/packages/icons/src/components/SuccessSmall.tsx @@ -6,6 +6,7 @@ import { Icon, type IconProps } from "../icon"; export type SuccessSmallIconProps = IconProps; +/** @deprecated - Use `CheckmarkIcon` instead. */ export const SuccessSmallIcon = forwardRef< SVGSVGElement, SuccessSmallIconProps diff --git a/packages/icons/src/components/SuccessSmallSolid.tsx b/packages/icons/src/components/SuccessSmallSolid.tsx index 867df4973c3..dfa8cfc2446 100644 --- a/packages/icons/src/components/SuccessSmallSolid.tsx +++ b/packages/icons/src/components/SuccessSmallSolid.tsx @@ -6,6 +6,7 @@ import { Icon, type IconProps } from "../icon"; export type SuccessSmallSolidIconProps = IconProps; +/** @deprecated - Use `CheckmarkSolidIcon` instead. */ export const SuccessSmallSolidIcon = forwardRef< SVGSVGElement, SuccessSmallSolidIconProps diff --git a/packages/icons/src/components/SuccessSolid.tsx b/packages/icons/src/components/SuccessSolid.tsx index 8b30ed476ab..6c04eec249c 100644 --- a/packages/icons/src/components/SuccessSolid.tsx +++ b/packages/icons/src/components/SuccessSolid.tsx @@ -6,6 +6,7 @@ import { Icon, type IconProps } from "../icon"; export type SuccessSolidIconProps = IconProps; +/** @deprecated - Use `CheckmarkSolidIcon` instead. */ export const SuccessSolidIcon = forwardRef< SVGSVGElement, SuccessSolidIconProps diff --git a/packages/icons/src/components/SuccessTick.tsx b/packages/icons/src/components/SuccessTick.tsx index e6774ad46ed..6aed6a1bc01 100644 --- a/packages/icons/src/components/SuccessTick.tsx +++ b/packages/icons/src/components/SuccessTick.tsx @@ -6,6 +6,7 @@ import { Icon, type IconProps } from "../icon"; export type SuccessTickIconProps = IconProps; +/** @deprecated - Use `CheckmarkIcon` instead. */ export const SuccessTickIcon = forwardRef( function SuccessTickIcon(props: SuccessTickIconProps, ref) { return ( diff --git a/packages/icons/src/components/Warning.tsx b/packages/icons/src/components/Warning.tsx index 857843f8087..80edb60c37b 100644 --- a/packages/icons/src/components/Warning.tsx +++ b/packages/icons/src/components/Warning.tsx @@ -16,7 +16,7 @@ export const WarningIcon = forwardRef( ref={ref} {...props} > - + diff --git a/packages/icons/src/components/index.ts b/packages/icons/src/components/index.ts index 12e6a2152a3..dd41e9ea70a 100644 --- a/packages/icons/src/components/index.ts +++ b/packages/icons/src/components/index.ts @@ -25,12 +25,12 @@ export * from "./Boolean"; export * from "./BooleanSolid"; export * from "./Browser"; export * from "./BrowserSolid"; +export * from "./BuildReport"; +export * from "./BuildReportSolid"; export * from "./Building"; -export * from "./Buildings"; export * from "./BuildingSolid"; +export * from "./Buildings"; export * from "./BuildingsSolid"; -export * from "./BuildReport"; -export * from "./BuildReportSolid"; export * from "./Calculator"; export * from "./CalculatorSolid"; export * from "./Calendar"; @@ -45,6 +45,8 @@ export * from "./ChatGroupSolid"; export * from "./ChatSolid"; export * from "./Chatting"; export * from "./ChattingSolid"; +export * from "./Checkmark"; +export * from "./CheckmarkSolid"; export * from "./ChevronDown"; export * from "./ChevronLeft"; export * from "./ChevronRight"; @@ -53,11 +55,11 @@ export * from "./Clock"; export * from "./ClockSolid"; export * from "./Clone"; export * from "./Close"; +export * from "./CloseSmall"; export * from "./Closedcaption"; export * from "./ClosedcaptionDisabled"; export * from "./ClosedcaptionDisabledSolid"; export * from "./ClosedcaptionSolid"; -export * from "./CloseSmall"; export * from "./Cloud"; export * from "./CloudDisabled"; export * from "./CloudDisabledSolid"; @@ -133,10 +135,10 @@ export * from "./FolderClosed"; export * from "./FolderClosedSolid"; export * from "./FolderOpen"; export * from "./FolderOpenSolid"; +export * from "./Forward5"; export * from "./Forward10"; export * from "./Forward15"; export * from "./Forward30"; -export * from "./Forward5"; export * from "./Github"; export * from "./Globe"; export * from "./GlobeSolid"; @@ -276,10 +278,10 @@ export * from "./Refresh"; export * from "./Remove"; export * from "./RemoveDocument"; export * from "./RemoveDocumentSolid"; +export * from "./Replay5"; export * from "./Replay10"; export * from "./Replay15"; export * from "./Replay30"; -export * from "./Replay5"; export * from "./Restore"; export * from "./RunReport"; export * from "./RunReportSolid"; @@ -312,14 +314,14 @@ export * from "./ShareSolid"; export * from "./Signal"; export * from "./Signpost"; export * from "./SignpostSolid"; -export * from "./SortableAlpha"; -export * from "./SortableNum"; export * from "./SortAlphaAscend"; export * from "./SortAlphaDescend"; export * from "./SortAscend"; export * from "./SortDescend"; export * from "./SortNumAscend"; export * from "./SortNumDescend"; +export * from "./SortableAlpha"; +export * from "./SortableNum"; export * from "./Sparkle"; export * from "./SparkleSolid"; export * from "./Stackoverflow"; @@ -335,6 +337,8 @@ export * from "./StorefrontSolid"; export * from "./StringNumber"; export * from "./StringText"; export * from "./Success"; +export * from "./SuccessCircle"; +export * from "./SuccessCircleSolid"; export * from "./SuccessSmall"; export * from "./SuccessSmallSolid"; export * from "./SuccessSolid"; diff --git a/packages/icons/stories/icon.all.ts b/packages/icons/stories/icon.all.ts index d3ff4e691d3..78ff640dad2 100644 --- a/packages/icons/stories/icon.all.ts +++ b/packages/icons/stories/icon.all.ts @@ -46,6 +46,8 @@ import { ChatSolidIcon, ChattingIcon, ChattingSolidIcon, + CheckmarkIcon, + CheckmarkSolidIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, @@ -335,6 +337,8 @@ import { StorefrontSolidIcon, StringNumberIcon, StringTextIcon, + SuccessCircleIcon, + SuccessCircleSolidIcon, SuccessIcon, SuccessSmallIcon, SuccessSmallSolidIcon, @@ -421,9 +425,9 @@ import { export const allIcons = [ AccessibleIcon, AccessibleSolidIcon, - AddIcon, AddDocumentIcon, AddDocumentSolidIcon, + AddIcon, ApiIcon, AppSwitcherIcon, ArrowDownIcon, @@ -431,9 +435,9 @@ export const allIcons = [ ArrowRightIcon, ArrowUpIcon, AttachIcon, - BankIcon, BankCheckIcon, BankCheckSolidIcon, + BankIcon, BankSolidIcon, BarChartIcon, BatteryIcon, @@ -444,12 +448,12 @@ export const allIcons = [ BooleanSolidIcon, BrowserIcon, BrowserSolidIcon, + BuildReportIcon, + BuildReportSolidIcon, BuildingIcon, - BuildingsIcon, BuildingSolidIcon, + BuildingsIcon, BuildingsSolidIcon, - BuildReportIcon, - BuildReportSolidIcon, CalculatorIcon, CalculatorSolidIcon, CalendarIcon, @@ -458,12 +462,14 @@ export const allIcons = [ CallSolidIcon, CartIcon, CartSolidIcon, - ChatIcon, ChatGroupIcon, ChatGroupSolidIcon, + ChatIcon, ChatSolidIcon, ChattingIcon, ChattingSolidIcon, + CheckmarkIcon, + CheckmarkSolidIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, @@ -472,16 +478,16 @@ export const allIcons = [ ClockSolidIcon, CloneIcon, CloseIcon, - ClosedcaptionIcon, + CloseSmallIcon, ClosedcaptionDisabledIcon, ClosedcaptionDisabledSolidIcon, + ClosedcaptionIcon, ClosedcaptionSolidIcon, - CloseSmallIcon, - CloudIcon, CloudDisabledIcon, CloudDisabledSolidIcon, CloudDownloadIcon, CloudDownloadSolidIcon, + CloudIcon, CloudSolidIcon, CloudSuccessIcon, CloudSuccessSolidIcon, @@ -491,8 +497,8 @@ export const allIcons = [ CloudUploadSolidIcon, CoffeeIcon, CoffeeSolidIcon, - CollapseIcon, CollapseAllIcon, + CollapseIcon, ColumnChooserIcon, ColumnChooserSolidIcon, CommentaryIcon, @@ -533,18 +539,18 @@ export const allIcons = [ DragRowIcon, EditIcon, EditSolidIcon, - ErrorIcon, ErrorExecuteIcon, + ErrorIcon, ErrorSolidIcon, - ExpandIcon, ExpandAllIcon, + ExpandIcon, ExportIcon, ExportSolidIcon, FavoriteIcon, FavoriteSolidIcon, - FilterIcon, FilterClearIcon, FilterClearSolidIcon, + FilterIcon, FilterSolidIcon, FlagIcon, FlagSolidIcon, @@ -552,10 +558,10 @@ export const allIcons = [ FolderClosedSolidIcon, FolderOpenIcon, FolderOpenSolidIcon, + Forward5Icon, Forward10Icon, Forward15Icon, Forward30Icon, - Forward5Icon, GithubIcon, GlobeIcon, GlobeSolidIcon, @@ -567,9 +573,9 @@ export const allIcons = [ GuideClosedSolidIcon, GuideOpenIcon, GuideOpenSolidIcon, - HeadphonesIcon, HeadphonesDisabledIcon, HeadphonesDisabledSolidIcon, + HeadphonesIcon, HeadphonesSolidIcon, HelpIcon, HelpSolidIcon, @@ -591,12 +597,12 @@ export const allIcons = [ InfoSolidIcon, JigsawIcon, JigsawSolidIcon, - KeyIcon, KeyBackspaceIcon, KeyCapslockIcon, KeyCommandIcon, KeyControlIcon, KeyEnterIcon, + KeyIcon, KeyOptionIcon, KeyShiftIcon, KeySolidIcon, @@ -632,9 +638,9 @@ export const allIcons = [ MessageIcon, MessageSolidIcon, MicroMenuIcon, - MicrophoneIcon, MicrophoneDisabledIcon, MicrophoneDisabledSolidIcon, + MicrophoneIcon, MicrophoneSolidIcon, MinimizeIcon, MobileIcon, @@ -644,9 +650,9 @@ export const allIcons = [ MoveAllIcon, MoveHorizontalIcon, MoveVerticalIcon, - MusicIcon, MusicDisabledIcon, MusicDisabledSolidIcon, + MusicIcon, MusicSolidIcon, NoteIcon, NoteSolidIcon, @@ -692,13 +698,13 @@ export const allIcons = [ ReceiptSolidIcon, RedoIcon, RefreshIcon, - RemoveIcon, RemoveDocumentIcon, RemoveDocumentSolidIcon, + RemoveIcon, + Replay5Icon, Replay10Icon, Replay15Icon, Replay30Icon, - Replay5Icon, RestoreIcon, RunReportIcon, RunReportSolidIcon, @@ -731,14 +737,14 @@ export const allIcons = [ SignalIcon, SignpostIcon, SignpostSolidIcon, - SortableAlphaIcon, - SortableNumIcon, SortAlphaAscendIcon, SortAlphaDescendIcon, SortAscendIcon, SortDescendIcon, SortNumAscendIcon, SortNumDescendIcon, + SortableAlphaIcon, + SortableNumIcon, SparkleIcon, SparkleSolidIcon, StackoverflowIcon, @@ -753,6 +759,8 @@ export const allIcons = [ StorefrontSolidIcon, StringNumberIcon, StringTextIcon, + SuccessCircleIcon, + SuccessCircleSolidIcon, SuccessIcon, SuccessSmallIcon, SuccessSmallSolidIcon, @@ -763,9 +771,9 @@ export const allIcons = [ SwapIcon, SymphonyIcon, SyncIcon, - TagIcon, TagClearIcon, TagClearSolidIcon, + TagIcon, TagSolidIcon, TailsIcon, TailsSolidIcon, @@ -781,8 +789,8 @@ export const allIcons = [ TreeSolidIcon, TriangleDownIcon, TriangleLeftIcon, - TriangleRightIcon, TriangleRightDownIcon, + TriangleRightIcon, TriangleUpIcon, TypeIcon, TypeSolidIcon, @@ -800,17 +808,17 @@ export const allIcons = [ UrgencyLowIcon, UrgencyMediumIcon, UrgencyNoneIcon, - UserIcon, UserAdminIcon, UserAdminSolidIcon, UserBadgeIcon, UserGroupIcon, UserGroupSolidIcon, + UserIcon, UserSolidIcon, UtensilsIcon, UtensilsSolidIcon, - VideoIcon, VideoDisabledIcon, + VideoIcon, VideoSolidIcon, VisibleIcon, VisibleSolidIcon, @@ -824,8 +832,8 @@ export const allIcons = [ WaveformIcon, WeightIcon, WeightSolidIcon, - WifiIcon, WifiDisabledIcon, + WifiIcon, WomanIcon, WomanSolidIcon, WoodlandIcon, diff --git a/site/src/components/icon-preview/allIconsList.ts b/site/src/components/icon-preview/allIconsList.ts index a44382fb76d..ac6666c8c2c 100644 --- a/site/src/components/icon-preview/allIconsList.ts +++ b/site/src/components/icon-preview/allIconsList.ts @@ -46,6 +46,8 @@ import { ChatSolidIcon, ChattingIcon, ChattingSolidIcon, + CheckmarkIcon, + CheckmarkSolidIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, @@ -335,6 +337,8 @@ import { StorefrontSolidIcon, StringNumberIcon, StringTextIcon, + SuccessCircleIcon, + SuccessCircleSolidIcon, SuccessIcon, SuccessSmallIcon, SuccessSmallSolidIcon, @@ -421,9 +425,9 @@ import { export const allIcons = { AccessibleIcon, AccessibleSolidIcon, - AddIcon, AddDocumentIcon, AddDocumentSolidIcon, + AddIcon, ApiIcon, AppSwitcherIcon, ArrowDownIcon, @@ -431,9 +435,9 @@ export const allIcons = { ArrowRightIcon, ArrowUpIcon, AttachIcon, - BankIcon, BankCheckIcon, BankCheckSolidIcon, + BankIcon, BankSolidIcon, BarChartIcon, BatteryIcon, @@ -444,12 +448,12 @@ export const allIcons = { BooleanSolidIcon, BrowserIcon, BrowserSolidIcon, + BuildReportIcon, + BuildReportSolidIcon, BuildingIcon, - BuildingsIcon, BuildingSolidIcon, + BuildingsIcon, BuildingsSolidIcon, - BuildReportIcon, - BuildReportSolidIcon, CalculatorIcon, CalculatorSolidIcon, CalendarIcon, @@ -458,12 +462,14 @@ export const allIcons = { CallSolidIcon, CartIcon, CartSolidIcon, - ChatIcon, ChatGroupIcon, ChatGroupSolidIcon, + ChatIcon, ChatSolidIcon, ChattingIcon, ChattingSolidIcon, + CheckmarkIcon, + CheckmarkSolidIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, @@ -472,16 +478,16 @@ export const allIcons = { ClockSolidIcon, CloneIcon, CloseIcon, - ClosedcaptionIcon, + CloseSmallIcon, ClosedcaptionDisabledIcon, ClosedcaptionDisabledSolidIcon, + ClosedcaptionIcon, ClosedcaptionSolidIcon, - CloseSmallIcon, - CloudIcon, CloudDisabledIcon, CloudDisabledSolidIcon, CloudDownloadIcon, CloudDownloadSolidIcon, + CloudIcon, CloudSolidIcon, CloudSuccessIcon, CloudSuccessSolidIcon, @@ -491,8 +497,8 @@ export const allIcons = { CloudUploadSolidIcon, CoffeeIcon, CoffeeSolidIcon, - CollapseIcon, CollapseAllIcon, + CollapseIcon, ColumnChooserIcon, ColumnChooserSolidIcon, CommentaryIcon, @@ -533,18 +539,18 @@ export const allIcons = { DragRowIcon, EditIcon, EditSolidIcon, - ErrorIcon, ErrorExecuteIcon, + ErrorIcon, ErrorSolidIcon, - ExpandIcon, ExpandAllIcon, + ExpandIcon, ExportIcon, ExportSolidIcon, FavoriteIcon, FavoriteSolidIcon, - FilterIcon, FilterClearIcon, FilterClearSolidIcon, + FilterIcon, FilterSolidIcon, FlagIcon, FlagSolidIcon, @@ -552,10 +558,10 @@ export const allIcons = { FolderClosedSolidIcon, FolderOpenIcon, FolderOpenSolidIcon, + Forward5Icon, Forward10Icon, Forward15Icon, Forward30Icon, - Forward5Icon, GithubIcon, GlobeIcon, GlobeSolidIcon, @@ -567,9 +573,9 @@ export const allIcons = { GuideClosedSolidIcon, GuideOpenIcon, GuideOpenSolidIcon, - HeadphonesIcon, HeadphonesDisabledIcon, HeadphonesDisabledSolidIcon, + HeadphonesIcon, HeadphonesSolidIcon, HelpIcon, HelpSolidIcon, @@ -591,12 +597,12 @@ export const allIcons = { InfoSolidIcon, JigsawIcon, JigsawSolidIcon, - KeyIcon, KeyBackspaceIcon, KeyCapslockIcon, KeyCommandIcon, KeyControlIcon, KeyEnterIcon, + KeyIcon, KeyOptionIcon, KeyShiftIcon, KeySolidIcon, @@ -632,9 +638,9 @@ export const allIcons = { MessageIcon, MessageSolidIcon, MicroMenuIcon, - MicrophoneIcon, MicrophoneDisabledIcon, MicrophoneDisabledSolidIcon, + MicrophoneIcon, MicrophoneSolidIcon, MinimizeIcon, MobileIcon, @@ -644,9 +650,9 @@ export const allIcons = { MoveAllIcon, MoveHorizontalIcon, MoveVerticalIcon, - MusicIcon, MusicDisabledIcon, MusicDisabledSolidIcon, + MusicIcon, MusicSolidIcon, NoteIcon, NoteSolidIcon, @@ -692,13 +698,13 @@ export const allIcons = { ReceiptSolidIcon, RedoIcon, RefreshIcon, - RemoveIcon, RemoveDocumentIcon, RemoveDocumentSolidIcon, + RemoveIcon, + Replay5Icon, Replay10Icon, Replay15Icon, Replay30Icon, - Replay5Icon, RestoreIcon, RunReportIcon, RunReportSolidIcon, @@ -731,14 +737,14 @@ export const allIcons = { SignalIcon, SignpostIcon, SignpostSolidIcon, - SortableAlphaIcon, - SortableNumIcon, SortAlphaAscendIcon, SortAlphaDescendIcon, SortAscendIcon, SortDescendIcon, SortNumAscendIcon, SortNumDescendIcon, + SortableAlphaIcon, + SortableNumIcon, SparkleIcon, SparkleSolidIcon, StackoverflowIcon, @@ -753,6 +759,8 @@ export const allIcons = { StorefrontSolidIcon, StringNumberIcon, StringTextIcon, + SuccessCircleIcon, + SuccessCircleSolidIcon, SuccessIcon, SuccessSmallIcon, SuccessSmallSolidIcon, @@ -763,9 +771,9 @@ export const allIcons = { SwapIcon, SymphonyIcon, SyncIcon, - TagIcon, TagClearIcon, TagClearSolidIcon, + TagIcon, TagSolidIcon, TailsIcon, TailsSolidIcon, @@ -781,8 +789,8 @@ export const allIcons = { TreeSolidIcon, TriangleDownIcon, TriangleLeftIcon, - TriangleRightIcon, TriangleRightDownIcon, + TriangleRightIcon, TriangleUpIcon, TypeIcon, TypeSolidIcon, @@ -800,17 +808,17 @@ export const allIcons = { UrgencyLowIcon, UrgencyMediumIcon, UrgencyNoneIcon, - UserIcon, UserAdminIcon, UserAdminSolidIcon, UserBadgeIcon, UserGroupIcon, UserGroupSolidIcon, + UserIcon, UserSolidIcon, UtensilsIcon, UtensilsSolidIcon, - VideoIcon, VideoDisabledIcon, + VideoIcon, VideoSolidIcon, VisibleIcon, VisibleSolidIcon, @@ -824,8 +832,8 @@ export const allIcons = { WaveformIcon, WeightIcon, WeightSolidIcon, - WifiIcon, WifiDisabledIcon, + WifiIcon, WomanIcon, WomanSolidIcon, WoodlandIcon,