@maggioli-design-system/mds-input-otp 1.0.1

package/src/type/variant-file-format.ts

@@ -0,0 +1,126 @@
+import baselineFolderZip from '@icon/mi/baseline/folder-zip.svg'
+import baselineAttachFile from '@icon/mi/baseline/attach-file.svg'
+import baselineAudiotrack from '@icon/mi/baseline/audiotrack.svg'
+import baselineTerminal from '@icon/mi/baseline/terminal.svg'
+import baselineInsertDriveFile from '@icon/mi/baseline/insert-drive-file.svg'
+import mdiLicense from '@icon/mdi/license.svg'
+import mdiHardDisk from '@icon/mdi/harddisk.svg'
+import baselineEmail from '@icon/mi/baseline/email.svg'
+import baselineWysiwyg from '@icon/mi/baseline/wysiwyg.svg'
+import baselinePanorama from '@icon/mi/baseline/panorama.svg'
+import baselineWeb from '@icon/mi/baseline/web.svg'
+import baselineTV from '@icon/mi/baseline/tv.svg'
+import baselineBorderAll from '@icon/mi/baseline/border-all.svg'
+import baselineDescription from '@icon/mi/baseline/description.svg'
+import mdiVectorCurve from '@icon/mdi/vector-curve.svg'
+import baselineVideocam from '@icon/mi/baseline/videocam.svg'
+import { ThemeFullVariantType } from '@type/variant'
+
+type FileFormat =
+  | 'archive'
+  | 'attachment'
+  | 'audio'
+  | 'certificate'
+  | 'code'
+  | 'data'
+  | 'document'
+  | 'email'
+  | 'executable'
+  | 'image'
+  | 'markup'
+  | 'slide'
+  | 'spreadsheet'
+  | 'text'
+  | 'vector'
+  | 'video'
+
+interface FileFormatVariant {
+  icon: string
+  variant: ThemeFullVariantType
+}
+
+interface FileFormatVariants {
+  [key: string]: FileFormatVariant
+}
+
+const fileFormatsVariant: FileFormatVariants = {
+  archive: {
+    icon: baselineFolderZip,
+    variant: 'amaranth',
+  },
+  attachment: {
+    icon: baselineAttachFile,
+    variant: 'dark',
+  },
+  audio: {
+    icon: baselineAudiotrack,
+    variant: 'violet',
+  },
+  certificate: {
+    icon: mdiLicense,
+    variant: 'orange',
+  },
+  code: {
+    icon: baselineTerminal,
+    variant: 'yellow',
+  },
+  data: {
+    icon: mdiHardDisk,
+    variant: 'yellow',
+  },
+  document: {
+    icon: baselineInsertDriveFile,
+    variant: 'orange',
+  },
+  email: {
+    icon: baselineEmail,
+    variant: 'blue',
+  },
+  executable: {
+    icon: baselineWysiwyg,
+    variant: 'amaranth',
+  },
+  image: {
+    icon: baselinePanorama,
+    variant: 'green',
+  },
+  imageRaster: {
+    icon: baselinePanorama,
+    variant: 'green',
+  },
+  markup: {
+    icon: baselineWeb,
+    variant: 'yellow',
+  },
+  slide: {
+    icon: baselineTV,
+    variant: 'orchid',
+  },
+  spreadsheet: {
+    icon: baselineBorderAll,
+    variant: 'lime',
+  },
+  text: {
+    icon: baselineDescription,
+    variant: 'blue',
+  },
+  vectorImage: {
+    icon: mdiVectorCurve,
+    variant: 'aqua',
+  },
+  vector: {
+    icon: mdiVectorCurve,
+    variant: 'aqua',
+  },
+  video: {
+    icon: baselineVideocam,
+    variant: 'violet',
+  },
+}
+
+export {
+  fileFormatsVariant,
+  FileFormat,
+  FileFormatVariant,
+  FileFormatVariants,
+}

package/src/type/variant.ts

@@ -0,0 +1,119 @@
+export type ThemeStatusVariantType =
+  | 'error'
+  | 'info'
+  | 'success'
+  | 'warning'
+
+export type ThemeVariantType =
+  | 'ai'
+  | 'dark'
+  | 'error'
+  | 'info'
+  | 'light'
+  | 'primary'
+  | 'success'
+  | 'warning'
+
+export type ThemeFullVariantType =
+  | 'amaranth'
+  | 'aqua'
+  | 'blue'
+  | 'dark'
+  | 'error'
+  | 'green'
+  | 'info'
+  | 'light'
+  | 'lime'
+  | 'orange'
+  | 'orchid'
+  | 'sky'
+  | 'success'
+  | 'violet'
+  | 'warning'
+  | 'yellow'
+
+export type ThemeFullVariantAvatarType =
+  | 'amaranth'
+  | 'aqua'
+  | 'blue'
+  | 'error'
+  | 'green'
+  | 'info'
+  | 'lime'
+  | 'orange'
+  | 'orchid'
+  | 'primary'
+  | 'sky'
+  | 'success'
+  | 'violet'
+  | 'warning'
+  | 'yellow'
+
+export type ThemeLuminanceVariantType =
+  | 'dark'
+  | 'light'
+
+export type LabelVariantType =
+  | 'amaranth'
+  | 'aqua'
+  | 'blue'
+  | 'green'
+  | 'lime'
+  | 'orange'
+  | 'orchid'
+  | 'sky'
+  | 'violet'
+  | 'yellow'
+
+export type ActionVariantType =
+  | 'primary'
+  | 'dark'
+  | 'light'
+
+export type ChipVariantType =
+  | 'ai'
+  | 'amaranth'
+  | 'aqua'
+  | 'blue'
+  | 'dark'
+  | 'error'
+  | 'green'
+  | 'info'
+  | 'lime'
+  | 'orange'
+  | 'orchid'
+  | 'primary'
+  | 'secondary'
+  | 'sky'
+  | 'success'
+  | 'violet'
+  | 'warning'
+  | 'yellow'
+
+export type StateVariantType =
+  | 'disabled'
+  | 'focused'
+  | 'readonly'
+
+export type ToneActionVariantType =
+  | 'primary' // background strong
+  | 'secondary' // background weak
+  | 'strong' // background strong
+  | 'weak' // background weak
+  | 'ghost' // bordered
+  | 'quiet' // no background, no border
+
+export type ToneVariantType =
+  | 'strong' // background strong
+  | 'weak' // background weak
+  | 'ghost' // bordered
+  | 'quiet' // no background, no border
+
+export type ToneSimpleVariantType =
+  | 'quiet'
+  | 'strong'
+  | 'weak'
+
+export type ToneMinimalVariantType =
+| 'strong'
+| 'weak'

package/www/build/mds-input-otp.esm.js

@@ -0,0 +1 @@
+import{p as a,b as t}from"./p-dea9d1b9.js";export{s as setNonce}from"./p-dea9d1b9.js";import{g as e}from"./p-e1255160.js";(()=>{const t=import.meta.url,s={};return""!==t&&(s.resourcesUrl=new URL(".",t).href),a(s)})().then((async a=>(await e(),t([["p-6fa28cad",[[65,"mds-input-otp",{length:[2],autosubmit:[516],value:[1537]}]]]],a))));