@xleddyl/443-components-native 0.7.0 → 0.8.0

package/lib/module/presets/default.js

@@ -1,125 +1,13 @@
 "use strict";
 
-import { definePreset, mergeThemeInputs } from "./definePreset.js";
+import { definePreset } from "./definePreset.js";
 import { geistType } from "./funnel.js";
 export const defaultPreset = definePreset({
   name: 'default',
   label: 'Default',
   description: 'Indigo accent on quiet neutral surfaces, Geist, the web default',
-  shared: mergeThemeInputs(geistType, {
-    radius: {
-      xs: 4,
-      sm: 6,
-      md: 8,
-      lg: 12,
-      xl: 16
-    },
-    typography: {
-      variants: {
-        display: {
-          fontSize: 28,
-          lineHeight: 34,
-          letterSpacing: -0.6,
-          weight: 'semibold'
-        },
-        title: {
-          fontSize: 22,
-          lineHeight: 28,
-          letterSpacing: -0.4,
-          weight: 'semibold'
-        },
-        heading: {
-          fontSize: 18,
-          lineHeight: 24,
-          letterSpacing: -0.2,
-          weight: 'semibold'
-        }
-      }
-    },
-    components: {
-      card: {
-        radius: 12
-      }
-    }
-  }),
-  light: {
-    colors: {
-      background: '#F5F5F6',
-      surface: '#FFFFFF',
-      surfaceRaised: '#FFFFFF',
-      surfaceSunken: '#EFEFF1',
-      border: '#E7E7EA',
-      borderStrong: '#D8D8DD',
-      text: '#111114',
-      textMuted: '#6B6B75',
-      textDimmed: '#85858E',
-      primary: '#5B5BD6',
-      primarySoft: '#EDEDFA',
-      onPrimary: '#FFFFFF',
-      primaryText: '#5252C1',
-      secondary: '#3B3B42',
-      secondarySoft: '#EFEFF1',
-      onSecondary: '#FFFFFF',
-      neutral: '#111114',
-      neutralSoft: '#EFEFF1',
-      onNeutral: '#FFFFFF',
-      danger: '#D9383A',
-      dangerSoft: '#F9E7E7',
-      onDanger: '#FFFFFF',
-      dangerText: '#B22E30',
-      success: '#1A7F4D',
-      successSoft: '#E6F2EC',
-      onSuccess: '#FFFFFF',
-      successText: '#187145',
-      warning: '#A85A08',
-      warningSoft: '#F7EDE2',
-      onWarning: '#FFFFFF',
-      warningText: '#945009',
-      info: '#2F6FD6',
-      infoSoft: '#E8F0FB',
-      onInfo: '#FFFFFF',
-      infoText: '#285FB8',
-      overlay: 'rgba(22, 22, 30, 0.28)',
-      focus: '#5252C1'
-    }
-  },
-  dark: {
-    colors: {
-      background: '#0D0D0F',
-      surface: '#141416',
-      surfaceRaised: '#2A2A30',
-      surfaceSunken: '#222226',
-      border: '#232327',
-      borderStrong: '#303036',
-      text: '#F2F2F3',
-      textMuted: '#9B9BA5',
-      textDimmed: '#6E6E78',
-      primary: '#6466E9',
-      primarySoft: '#1F1F33',
-      onPrimary: '#FFFFFF',
-      primaryText: '#AAABF3',
-      secondary: '#CDCDD3',
-      secondarySoft: '#222226',
-      onSecondary: '#111114',
-      neutral: '#F2F2F3',
-      neutralSoft: '#222226',
-      onNeutral: '#111114',
-      danger: '#F47A7A',
-      dangerSoft: '#2C1F1F',
-      onDanger: '#1A0B0C',
-      dangerText: '#F58787',
-      success: '#5CCF90',
-      successSoft: '#1C291F',
-      onSuccess: '#0B1A12',
-      warning: '#EFB255',
-      warningSoft: '#2C251D',
-      onWarning: '#2A1F00',
-      info: '#7AA8F4',
-      infoSoft: '#1F242E',
-      onInfo: '#0B1625',
-      overlay: 'rgba(0, 0, 0, 0.55)',
-      focus: '#9394F0'
-    }
-  }
+  shared: geistType,
+  light: {},
+  dark: {}
 });
 //# sourceMappingURL=default.js.map

package/lib/module/presets/default.js.map

@@ -1 +1 @@
-{"version":3,"names":["definePreset","mergeThemeInputs","geistType","defaultPreset","name","label","description","shared","radius","xs","sm","md","lg","xl","typography","variants","display","fontSize","lineHeight","letterSpacing","weight","title","heading","components","card","light","colors","background","surface","surfaceRaised","surfaceSunken","border","borderStrong","text","textMuted","textDimmed","primary","primarySoft","onPrimary","primaryText","secondary","secondarySoft","onSecondary","neutral","neutralSoft","onNeutral","danger","dangerSoft","onDanger","dangerText","success","successSoft","onSuccess","successText","warning","warningSoft","onWarning","warningText","info","infoSoft","onInfo","infoText","overlay","focus","dark"],"sourceRoot":"../../../src","sources":["presets/default.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["definePreset","geistType","defaultPreset","name","label","description","shared","light","dark"],"sourceRoot":"../../../src","sources":["presets/default.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,SAAS,QAAQ,aAAU;AAEpC,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;EACvCG,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAE,iEAAiE;EAC9EC,MAAM,EAAEL,SAAS;EACjBM,KAAK,EAAE,CAAC,CAAC;EACTC,IAAI,EAAE,CAAC;AACV,CAAC,CAAC","ignoreList":[]}

package/lib/module/presets/definePreset.js

@@ -8,6 +8,23 @@ const info = (name, label, description, scheme) => ({
   description,
   scheme
 });
+const tones = ['primary', 'secondary', 'neutral', 'danger', 'success', 'warning', 'info'];
+const withOwnToneText = (theme, ...inputs) => {
+  const colors = {
+    ...theme.colors
+  };
+  for (const tone of tones) {
+    const setsTone = inputs.some(input => input.colors?.[tone] !== undefined);
+    const setsText = inputs.some(input => input.colors?.[`${tone}Text`] !== undefined);
+    if (setsTone && !setsText) {
+      delete colors[`${tone}Text`];
+    }
+  }
+  return {
+    ...theme,
+    colors
+  };
+};
 export const definePreset = ({
   name,
   label,
@@ -19,14 +36,14 @@ export const definePreset = ({
   name,
   label,
   description,
-  light: createTheme({
+  light: withOwnToneText(createTheme({
     ...light,
     preset: info(name, label, description, 'light')
-  }, createTheme(shared, lightTheme)),
-  dark: createTheme({
+  }, createTheme(shared, lightTheme)), shared, light),
+  dark: withOwnToneText(createTheme({
     ...dark,
     preset: info(name, label, description, 'dark')
-  }, createTheme(shared, darkTheme))
+  }, createTheme(shared, darkTheme)), shared, dark)
 });
 export const mergeThemeInputs = (...inputs) => inputs.reduce((merged, input) => deepMerge(merged, input), {});
 export const displayFace = (fontFamily, weight, [fontSize, lineHeight, letterSpacing]) => ({

package/lib/module/presets/definePreset.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTheme","deepMerge","darkTheme","lightTheme","info","name","label","description","scheme","definePreset","shared","light","dark","preset","mergeThemeInputs","inputs","reduce","merged","input","displayFace","fontFamily","weight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["presets/definePreset.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,yBAAsB;AAE7D,SAASC,SAAS,EAAEC,UAAU,QAAQ,sBAAmB;AAazD,MAAMC,IAAI,GAAGA,CACVC,IAAgB,EAChBC,KAAa,EACbC,WAAmB,EACnBC,MAAoB,MACL;EAAEH,IAAI;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAO,CAAC,CAAC;AAEvD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC1BJ,IAAI;EACJC,KAAK;EACLC,WAAW;EACXG,MAAM,GAAG,CAAC,CAAC;EACXC,KAAK;EACLC;AACe,CAAC,MAAc;EAC9BP,IAAI;EACJC,KAAK;EACLC,WAAW;EACXI,KAAK,EAAEX,WAAW,CACf;IAAE,GAAGW,KAAK;IAAEE,MAAM,EAAET,IAAI,CAACC,IAAI,EAAEC,KAAK,EAAEC,WAAW,EAAE,OAAO;EAAE,CAAC,EAC7DP,WAAW,CAACU,MAAM,EAAEP,UAAU,CACjC,CAAC;EACDS,IAAI,EAAEZ,WAAW,CACd;IAAE,GAAGY,IAAI;IAAEC,MAAM,EAAET,IAAI,CAACC,IAAI,EAAEC,KAAK,EAAEC,WAAW,EAAE,MAAM;EAAE,CAAC,EAC3DP,WAAW,CAACU,MAAM,EAAER,SAAS,CAChC;AACH,CAAC,CAAC;AAEF,OAAO,MAAMY,gBAAgB,GAAGA,CAAC,GAAGC,MAA4B,KAC7DA,MAAM,CAACC,MAAM,CAAqB,CAACC,MAAM,EAAEC,KAAK,KAAKjB,SAAS,CAACgB,MAAM,EAAEC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;AAErF,OAAO,MAAMC,WAAW,GAAGA,CACxBC,UAAkB,EAClBC,MAAiC,EACjC,CAACC,QAAQ,EAAEC,UAAU,EAAEC,aAAa,CAA2B,MAC3C;EAAEF,QAAQ;EAAEC,UAAU;EAAEC,aAAa;EAAEH,MAAM;EAAED;AAAW,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["createTheme","deepMerge","darkTheme","lightTheme","info","name","label","description","scheme","tones","withOwnToneText","theme","inputs","colors","tone","setsTone","some","input","undefined","setsText","definePreset","shared","light","dark","preset","mergeThemeInputs","reduce","merged","displayFace","fontFamily","weight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["presets/definePreset.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,yBAAsB;AAE7D,SAASC,SAAS,EAAEC,UAAU,QAAQ,sBAAmB;AAazD,MAAMC,IAAI,GAAGA,CACVC,IAAgB,EAChBC,KAAa,EACbC,WAAmB,EACnBC,MAAoB,MACL;EAAEH,IAAI;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAO,CAAC,CAAC;AAEvD,MAAMC,KAAa,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC;AAEjG,MAAMC,eAAe,GAAGA,CAAsBC,KAAQ,EAAE,GAAGC,MAA4B,KAAQ;EAC5F,MAAMC,MAAM,GAAG;IAAE,GAAGF,KAAK,CAACE;EAAO,CAAC;EAClC,KAAK,MAAMC,IAAI,IAAIL,KAAK,EAAE;IACvB,MAAMM,QAAQ,GAAGH,MAAM,CAACI,IAAI,CAAEC,KAAK,IAAKA,KAAK,CAACJ,MAAM,GAAGC,IAAI,CAAC,KAAKI,SAAS,CAAC;IAC3E,MAAMC,QAAQ,GAAGP,MAAM,CAACI,IAAI,CAAEC,KAAK,IAAKA,KAAK,CAACJ,MAAM,GAAG,GAAGC,IAAI,MAAM,CAAC,KAAKI,SAAS,CAAC;IACpF,IAAIH,QAAQ,IAAI,CAACI,QAAQ,EAAE;MACxB,OAAON,MAAM,CAAC,GAAGC,IAAI,MAAM,CAAC;IAC/B;EACH;EACA,OAAO;IAAE,GAAGH,KAAK;IAAEE;EAAO,CAAC;AAC9B,CAAC;AAED,OAAO,MAAMO,YAAY,GAAGA,CAAC;EAC1Bf,IAAI;EACJC,KAAK;EACLC,WAAW;EACXc,MAAM,GAAG,CAAC,CAAC;EACXC,KAAK;EACLC;AACe,CAAC,MAAc;EAC9BlB,IAAI;EACJC,KAAK;EACLC,WAAW;EACXe,KAAK,EAAEZ,eAAe,CACnBV,WAAW,CACR;IAAE,GAAGsB,KAAK;IAAEE,MAAM,EAAEpB,IAAI,CAACC,IAAI,EAAEC,KAAK,EAAEC,WAAW,EAAE,OAAO;EAAE,CAAC,EAC7DP,WAAW,CAACqB,MAAM,EAAElB,UAAU,CACjC,CAAC,EACDkB,MAAM,EACNC,KACH,CAAC;EACDC,IAAI,EAAEb,eAAe,CAClBV,WAAW,CACR;IAAE,GAAGuB,IAAI;IAAEC,MAAM,EAAEpB,IAAI,CAACC,IAAI,EAAEC,KAAK,EAAEC,WAAW,EAAE,MAAM;EAAE,CAAC,EAC3DP,WAAW,CAACqB,MAAM,EAAEnB,SAAS,CAChC,CAAC,EACDmB,MAAM,EACNE,IACH;AACH,CAAC,CAAC;AAEF,OAAO,MAAME,gBAAgB,GAAGA,CAAC,GAAGb,MAA4B,KAC7DA,MAAM,CAACc,MAAM,CAAqB,CAACC,MAAM,EAAEV,KAAK,KAAKhB,SAAS,CAAC0B,MAAM,EAAEV,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;AAErF,OAAO,MAAMW,WAAW,GAAGA,CACxBC,UAAkB,EAClBC,MAAiC,EACjC,CAACC,QAAQ,EAAEC,UAAU,EAAEC,aAAa,CAA2B,MAC3C;EAAEF,QAAQ;EAAEC,UAAU;EAAEC,aAAa;EAAEH,MAAM;EAAED;AAAW,CAAC,CAAC","ignoreList":[]}

package/lib/module/presets/funnel.js

@@ -46,4 +46,28 @@ export const funnelType = {
     }
   }
 };
+export const appShape = {
+  radius: {
+    xs: 8,
+    sm: 10,
+    md: 14,
+    lg: 20,
+    xl: 26
+  },
+  components: {
+    button: {
+      labelWeight: 'semibold'
+    },
+    card: {
+      radius: 14
+    },
+    toast: {
+      radius: 24
+    },
+    tabBar: {
+      height: 60,
+      floatingInset: 20
+    }
+  }
+};
 //# sourceMappingURL=funnel.js.map

package/lib/module/presets/funnel.js.map

@@ -1 +1 @@
-{"version":3,"names":["presetFontFamilies","geistRegular","geistMedium","geistSemiBold","geistBold","funnelSansRegular","funnelSansMedium","funnelSansSemiBold","funnelSansBold","funnelDisplayBold","unboundedSemiBold","geistType","typography","fonts","regular","medium","semibold","bold","funnelType","variants","body","fontSize","lineHeight","letterSpacing","weight","caption"],"sourceRoot":"../../../src","sources":["presets/funnel.ts"],"mappings":";;AAEA,OAAO,MAAMA,kBAAkB,GAAG;EAC/BC,YAAY,EAAE,eAAe;EAC7BC,WAAW,EAAE,cAAc;EAC3BC,aAAa,EAAE,gBAAgB;EAC/BC,SAAS,EAAE,YAAY;EACvBC,iBAAiB,EAAE,oBAAoB;EACvCC,gBAAgB,EAAE,mBAAmB;EACrCC,kBAAkB,EAAE,qBAAqB;EACzCC,cAAc,EAAE,iBAAiB;EACjCC,iBAAiB,EAAE,oBAAoB;EACvCC,iBAAiB,EAAE;AACtB,CAAU;AAEV,OAAO,MAAMC,SAA6B,GAAG;EAC1CC,UAAU,EAAE;IACTC,KAAK,EAAE;MACJC,OAAO,EAAEd,kBAAkB,CAACC,YAAY;MACxCc,MAAM,EAAEf,kBAAkB,CAACE,WAAW;MACtCc,QAAQ,EAAEhB,kBAAkB,CAACG,aAAa;MAC1Cc,IAAI,EAAEjB,kBAAkB,CAACI;IAC5B;EACH;AACH,CAAC;AAED,OAAO,MAAMc,UAA8B,GAAG;EAC3CN,UAAU,EAAE;IACTC,KAAK,EAAE;MACJC,OAAO,EAAEd,kBAAkB,CAACK,iBAAiB;MAC7CU,MAAM,EAAEf,kBAAkB,CAACM,gBAAgB;MAC3CU,QAAQ,EAAEhB,kBAAkB,CAACO,kBAAkB;MAC/CU,IAAI,EAAEjB,kBAAkB,CAACQ;IAC5B,CAAC;IACDW,QAAQ,EAAE;MACPC,IAAI,EAAE;QAAEC,QAAQ,EAAE,EAAE;QAAEC,UAAU,EAAE,EAAE;QAAEC,aAAa,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAS,CAAC;MAC1EC,OAAO,EAAE;QAAEJ,QAAQ,EAAE,EAAE;QAAEC,UAAU,EAAE,EAAE;QAAEC,aAAa,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAS;IAC/E;EACH;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["presetFontFamilies","geistRegular","geistMedium","geistSemiBold","geistBold","funnelSansRegular","funnelSansMedium","funnelSansSemiBold","funnelSansBold","funnelDisplayBold","unboundedSemiBold","geistType","typography","fonts","regular","medium","semibold","bold","funnelType","variants","body","fontSize","lineHeight","letterSpacing","weight","caption","appShape","radius","xs","sm","md","lg","xl","components","button","labelWeight","card","toast","tabBar","height","floatingInset"],"sourceRoot":"../../../src","sources":["presets/funnel.ts"],"mappings":";;AAEA,OAAO,MAAMA,kBAAkB,GAAG;EAC/BC,YAAY,EAAE,eAAe;EAC7BC,WAAW,EAAE,cAAc;EAC3BC,aAAa,EAAE,gBAAgB;EAC/BC,SAAS,EAAE,YAAY;EACvBC,iBAAiB,EAAE,oBAAoB;EACvCC,gBAAgB,EAAE,mBAAmB;EACrCC,kBAAkB,EAAE,qBAAqB;EACzCC,cAAc,EAAE,iBAAiB;EACjCC,iBAAiB,EAAE,oBAAoB;EACvCC,iBAAiB,EAAE;AACtB,CAAU;AAEV,OAAO,MAAMC,SAA6B,GAAG;EAC1CC,UAAU,EAAE;IACTC,KAAK,EAAE;MACJC,OAAO,EAAEd,kBAAkB,CAACC,YAAY;MACxCc,MAAM,EAAEf,kBAAkB,CAACE,WAAW;MACtCc,QAAQ,EAAEhB,kBAAkB,CAACG,aAAa;MAC1Cc,IAAI,EAAEjB,kBAAkB,CAACI;IAC5B;EACH;AACH,CAAC;AAED,OAAO,MAAMc,UAA8B,GAAG;EAC3CN,UAAU,EAAE;IACTC,KAAK,EAAE;MACJC,OAAO,EAAEd,kBAAkB,CAACK,iBAAiB;MAC7CU,MAAM,EAAEf,kBAAkB,CAACM,gBAAgB;MAC3CU,QAAQ,EAAEhB,kBAAkB,CAACO,kBAAkB;MAC/CU,IAAI,EAAEjB,kBAAkB,CAACQ;IAC5B,CAAC;IACDW,QAAQ,EAAE;MACPC,IAAI,EAAE;QAAEC,QAAQ,EAAE,EAAE;QAAEC,UAAU,EAAE,EAAE;QAAEC,aAAa,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAS,CAAC;MAC1EC,OAAO,EAAE;QAAEJ,QAAQ,EAAE,EAAE;QAAEC,UAAU,EAAE,EAAE;QAAEC,aAAa,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAS;IAC/E;EACH;AACH,CAAC;AAED,OAAO,MAAME,QAA4B,GAAG;EACzCC,MAAM,EAAE;IAAEC,EAAE,EAAE,CAAC;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC;EACjDC,UAAU,EAAE;IACTC,MAAM,EAAE;MAAEC,WAAW,EAAE;IAAW,CAAC;IACnCC,IAAI,EAAE;MAAET,MAAM,EAAE;IAAG,CAAC;IACpBU,KAAK,EAAE;MAAEV,MAAM,EAAE;IAAG,CAAC;IACrBW,MAAM,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,aAAa,EAAE;IAAG;EAC3C;AACH,CAAC","ignoreList":[]}

package/lib/module/presets/spotfish.js

@@ -1,17 +1,35 @@
 "use strict";
 
 import { definePreset, displayFace, mergeThemeInputs } from "./definePreset.js";
-import { funnelType, presetFontFamilies } from "./funnel.js";
+import { appShape, funnelType, presetFontFamilies } from "./funnel.js";
 export const spotfishPreset = definePreset({
   name: 'spotfish',
   label: 'Spotfish',
   description: 'Signal yellow on white or graphite, Funnel Sans with Unbounded headings',
-  shared: mergeThemeInputs(funnelType, {
+  shared: mergeThemeInputs(funnelType, appShape, {
+    components: {
+      button: {
+        label: {
+          sm: {
+            fontSize: 16,
+            lineHeight: 20
+          },
+          md: {
+            fontSize: 18,
+            lineHeight: 22
+          },
+          lg: {
+            fontSize: 18,
+            lineHeight: 22
+          }
+        }
+      }
+    },
     typography: {
       variants: {
         display: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [22, 30, -0.3]),
         title: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [20, 26, -0.2]),
-        heading: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [17, 24, -0.1])
+        heading: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [18, 24, -0.1])
       }
     }
   }),
@@ -58,6 +76,9 @@ export const spotfishPreset = definePreset({
       textField: {
         background: '#E6ECF0'
       },
+      switch: {
+        offColor: '#CADBED'
+      },
       tabBar: {
         background: '#000000',
         indicatorColor: '#FFBD00',

package/lib/module/presets/spotfish.js.map

@@ -1 +1 @@
-{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","funnelType","presetFontFamilies","spotfishPreset","name","label","description","shared","typography","variants","display","unboundedSemiBold","title","heading","light","colors","background","surface","surfaceRaised","surfaceSunken","border","borderStrong","text","textMuted","textDimmed","primary","primarySoft","onPrimary","primaryText","secondary","secondarySoft","onSecondary","neutral","neutralSoft","onNeutral","danger","dangerSoft","onDanger","success","successSoft","onSuccess","successText","warning","warningSoft","onWarning","warningText","info","infoSoft","onInfo","infoText","overlay","focus","components","textField","tabBar","indicatorColor","activeColor","onIndicatorColor","inactiveColor","dark"],"sourceRoot":"../../../src","sources":["presets/spotfish.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","appShape","funnelType","presetFontFamilies","spotfishPreset","name","label","description","shared","components","button","sm","fontSize","lineHeight","md","lg","typography","variants","display","unboundedSemiBold","title","heading","light","colors","background","surface","surfaceRaised","surfaceSunken","border","borderStrong","text","textMuted","textDimmed","primary","primarySoft","onPrimary","primaryText","secondary","secondarySoft","onSecondary","neutral","neutralSoft","onNeutral","danger","dangerSoft","onDanger","success","successSoft","onSuccess","successText","warning","warningSoft","onWarning","warningText","info","infoSoft","onInfo","infoText","overlay","focus","textField","switch","offColor","tabBar","indicatorColor","activeColor","onIndicatorColor","inactiveColor","dark"],"sourceRoot":"../../../src","sources":["presets/spotfish.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/presets/suedtirol.js

@@ -1,12 +1,35 @@
 "use strict";
 
 import { definePreset, displayFace, mergeThemeInputs } from "./definePreset.js";
-import { funnelType, presetFontFamilies } from "./funnel.js";
+import { appShape, funnelType, presetFontFamilies } from "./funnel.js";
 export const suedtirolPreset = definePreset({
   name: 'suedtirol',
   label: 'Südtirol',
   description: 'Deep green and lime from Südtirol Fishing, Funnel Sans with Funnel Display headings',
-  shared: mergeThemeInputs(funnelType, {
+  shared: mergeThemeInputs(funnelType, appShape, {
+    components: {
+      button: {
+        label: {
+          sm: {
+            fontSize: 16,
+            lineHeight: 20,
+            weight: 'bold'
+          },
+          md: {
+            variant: 'heading',
+            fontSize: 18,
+            lineHeight: 22,
+            weight: 'bold'
+          },
+          lg: {
+            variant: 'heading',
+            fontSize: 18,
+            lineHeight: 22,
+            weight: 'bold'
+          }
+        }
+      }
+    },
     typography: {
       variants: {
         display: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [28, 34, -0.3]),
@@ -58,6 +81,12 @@ export const suedtirolPreset = definePreset({
       textField: {
         background: '#E6ECF0'
       },
+      switch: {
+        offColor: '#CADBED'
+      },
+      checkbox: {
+        tone: 'secondary'
+      },
       tabBar: {
         background: '#0D4631',
         indicatorColor: '#BDE68F',

package/lib/module/presets/suedtirol.js.map

@@ -1 +1 @@
-{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","funnelType","presetFontFamilies","suedtirolPreset","name","label","description","shared","typography","variants","display","funnelDisplayBold","title","heading","light","colors","background","surface","surfaceRaised","surfaceSunken","border","borderStrong","text","textMuted","textDimmed","primary","primarySoft","onPrimary","primaryText","secondary","secondarySoft","onSecondary","neutral","neutralSoft","onNeutral","danger","dangerSoft","onDanger","success","successSoft","onSuccess","successText","warning","warningSoft","onWarning","warningText","info","infoSoft","onInfo","infoText","overlay","focus","components","textField","tabBar","indicatorColor","activeColor","onIndicatorColor","inactiveColor","dark"],"sourceRoot":"../../../src","sources":["presets/suedtirol.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","appShape","funnelType","presetFontFamilies","suedtirolPreset","name","label","description","shared","components","button","sm","fontSize","lineHeight","weight","md","variant","lg","typography","variants","display","funnelDisplayBold","title","heading","light","colors","background","surface","surfaceRaised","surfaceSunken","border","borderStrong","text","textMuted","textDimmed","primary","primarySoft","onPrimary","primaryText","secondary","secondarySoft","onSecondary","neutral","neutralSoft","onNeutral","danger","dangerSoft","onDanger","success","successSoft","onSuccess","successText","warning","warningSoft","onWarning","warningText","info","infoSoft","onInfo","infoText","overlay","focus","textField","switch","offColor","checkbox","tone","tabBar","indicatorColor","activeColor","onIndicatorColor","inactiveColor","dark"],"sourceRoot":"../../../src","sources":["presets/suedtirol.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/defaults.js

@@ -5,9 +5,9 @@ const radius = {
   none: 0,
   xs: 6,
   sm: 8,
-  md: 10,
+  md: 12,
   lg: 16,
-  xl: 22,
+  xl: 20,
   full: 9999
 };
 const typography = {
@@ -16,19 +16,19 @@ const typography = {
     display: {
       fontSize: 28,
       lineHeight: 34,
-      letterSpacing: -0.3,
-      weight: 'bold'
+      letterSpacing: -0.6,
+      weight: 'semibold'
     },
     title: {
       fontSize: 22,
       lineHeight: 28,
-      letterSpacing: -0.2,
-      weight: 'bold'
+      letterSpacing: -0.4,
+      weight: 'semibold'
     },
     heading: {
       fontSize: 18,
       lineHeight: 24,
-      letterSpacing: -0.1,
+      letterSpacing: -0.2,
       weight: 'semibold'
     },
     body: {
@@ -53,9 +53,9 @@ const typography = {
 };
 const motion = {
   duration: {
-    fast: 120,
-    normal: 200,
-    slow: 320
+    fast: 140,
+    normal: 260,
+    slow: 420
   },
   spring: {
     press: {
@@ -101,7 +101,7 @@ const fieldHeights = {
 const components = {
   button: {
     height: fieldHeights,
-    labelWeight: 'semibold'
+    labelWeight: 'medium'
   },
   textField: {
     height: fieldHeights
@@ -110,48 +110,59 @@ const components = {
     paddingX: 20
   },
   card: {
-    radius: 16,
     padding: 16
   },
   sheet: {
     paddingX: 20
   }
 };
+const withFieldBackground = background => ({
+  ...components,
+  textField: {
+    ...components.textField,
+    background
+  }
+});
 export const lightTheme = {
   dark: false,
   colors: {
-    background: '#fcfcfd',
-    surface: '#ffffff',
-    surfaceRaised: '#ffffff',
-    surfaceSunken: '#f4f4f6',
-    border: '#e4e4e9',
-    borderStrong: '#cdced6',
-    text: '#1c2024',
-    textMuted: '#60646c',
-    textDimmed: '#8b8d98',
-    primary: '#5b5bd6',
-    primarySoft: '#eef0fe',
-    onPrimary: '#ffffff',
-    secondary: '#3a3f4b',
-    secondarySoft: '#eff0f3',
-    onSecondary: '#ffffff',
-    neutral: '#1c2024',
-    neutralSoft: '#f0f0f3',
-    onNeutral: '#ffffff',
-    danger: '#ce2c31',
-    dangerSoft: '#feebec',
-    onDanger: '#ffffff',
-    success: '#18794e',
-    successSoft: '#e6f6eb',
-    onSuccess: '#ffffff',
-    warning: '#b45309',
-    warningSoft: '#fff4d5',
-    onWarning: '#ffffff',
-    info: '#0d74ce',
-    infoSoft: '#e6f4fe',
-    onInfo: '#ffffff',
-    overlay: 'rgba(15, 17, 22, 0.4)',
-    focus: '#5b5bd6',
+    background: '#F5F5F6',
+    surface: '#FFFFFF',
+    surfaceRaised: '#FFFFFF',
+    surfaceSunken: '#EFEFF1',
+    border: '#E7E7EA',
+    borderStrong: '#D8D8DD',
+    text: '#111114',
+    textMuted: '#6B6B75',
+    textDimmed: '#85858E',
+    primary: '#5B5BD6',
+    primarySoft: '#EBEDFC',
+    onPrimary: '#FFFFFF',
+    primaryText: '#4E4EBA',
+    secondary: '#3B3B42',
+    secondarySoft: '#EFEFF1',
+    onSecondary: '#FFFFFF',
+    neutral: '#111114',
+    neutralSoft: '#EFEFF1',
+    onNeutral: '#FFFFFF',
+    danger: '#D9383A',
+    dangerSoft: '#FFEDEB',
+    onDanger: '#FFFFFF',
+    dangerText: '#A6292A',
+    success: '#1A7F4D',
+    successSoft: '#EAF3ED',
+    onSuccess: '#FFFFFF',
+    successText: '#14693E',
+    warning: '#A65A09',
+    warningSoft: '#F9EFE8',
+    onWarning: '#FFFFFF',
+    warningText: '#8A4906',
+    info: '#2F6FD6',
+    infoSoft: '#EAF1FC',
+    onInfo: '#FFFFFF',
+    infoText: '#255AAF',
+    overlay: 'rgba(22, 22, 30, 0.22)',
+    focus: '#4E4EBA',
     shadow: '#000000'
   },
   radius,
@@ -159,43 +170,46 @@ export const lightTheme = {
   typography,
   motion,
   sizes,
-  components
+  components: withFieldBackground('#FFFFFF')
 };
 export const darkTheme = {
   dark: true,
   colors: {
-    background: '#111113',
-    surface: '#18191b',
-    surfaceRaised: '#212225',
-    surfaceSunken: '#0d0d0f',
-    border: '#2e3035',
-    borderStrong: '#43484e',
-    text: '#edeef0',
-    textMuted: '#b0b4ba',
-    textDimmed: '#777b84',
-    primary: '#6466e9',
-    primarySoft: '#202248',
-    onPrimary: '#ffffff',
-    secondary: '#c9ccd3',
-    secondarySoft: '#26282c',
-    onSecondary: '#111113',
-    neutral: '#edeef0',
-    neutralSoft: '#26282c',
-    onNeutral: '#111113',
-    danger: '#ff6369',
-    dangerSoft: '#3b1219',
-    onDanger: '#1a0b0c',
-    success: '#3dd68c',
-    successSoft: '#132d21',
-    onSuccess: '#0b1a12',
-    warning: '#ffca16',
-    warningSoft: '#302008',
-    onWarning: '#2a1f00',
-    info: '#70b8ff',
-    infoSoft: '#0d2847',
-    onInfo: '#0b1625',
-    overlay: 'rgba(0, 0, 0, 0.6)',
-    focus: '#8587f2',
+    background: '#0D0D0F',
+    surface: '#141416',
+    surfaceRaised: '#1C1C20',
+    surfaceSunken: '#222226',
+    border: '#232327',
+    borderStrong: '#303036',
+    text: '#F2F2F3',
+    textMuted: '#9B9BA5',
+    textDimmed: '#6E6E78',
+    primary: '#6466E9',
+    primarySoft: '#1B1D2A',
+    onPrimary: '#FFFFFF',
+    primaryText: '#A4ADF7',
+    secondary: '#CDCDD3',
+    secondarySoft: '#222226',
+    onSecondary: '#111114',
+    neutral: '#F2F2F3',
+    neutralSoft: '#222226',
+    onNeutral: '#111114',
+    danger: '#F47A7A',
+    dangerSoft: '#271E1F',
+    onDanger: '#111114',
+    dangerText: '#F78887',
+    success: '#5CCF90',
+    successSoft: '#1C2421',
+    onSuccess: '#111114',
+    warning: '#EFB255',
+    warningSoft: '#26211D',
+    onWarning: '#111114',
+    info: '#7AA8F4',
+    infoSoft: '#1D2128',
+    onInfo: '#111114',
+    infoText: '#82ADF5',
+    overlay: 'rgba(0, 0, 0, 0.55)',
+    focus: '#8D97F3',
     shadow: '#000000'
   },
   radius,
@@ -203,6 +217,6 @@ export const darkTheme = {
   typography,
   motion,
   sizes,
-  components
+  components: withFieldBackground('#19191C')
 };
 //# sourceMappingURL=defaults.js.map