@alveole/theme 1.10.0 → 2.0.0-alpha.1

package/dist/constants/Typography.d.ts

@@ -120,6 +120,12 @@ export declare const CustomTypography: {
                 readonly fontFamily: string;
                 readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
             };
+            /**
+             * @deprecated Utiliser `Bold`. `SemiBold` est un alias strict de `Bold` : les deux
+             * appliquent `fontStyle('Geist-Bold')`, qui charge `Geist_600SemiBold` et rend un
+             * `font-weight: 600`. Le nom laisse croire à une graisse intermédiaire qui n'existe
+             * pas dans la palette Geist du thème (300 / 400 / 500 / 600).
+             */
             readonly SemiBold: {
                 readonly fontSize: 12;
                 readonly lineHeight: 20;
@@ -143,6 +149,12 @@ export declare const CustomTypography: {
                 readonly fontFamily: string;
                 readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
             };
+            /**
+             * @deprecated Utiliser `Bold`. `SemiBold` est un alias strict de `Bold` : les deux
+             * appliquent `fontStyle('Geist-Bold')`, qui charge `Geist_600SemiBold` et rend un
+             * `font-weight: 600`. Le nom laisse croire à une graisse intermédiaire qui n'existe
+             * pas dans la palette Geist du thème (300 / 400 / 500 / 600).
+             */
             readonly SemiBold: {
                 readonly fontSize: 14;
                 readonly lineHeight: 20;
@@ -181,6 +193,12 @@ export declare const CustomTypography: {
                 readonly fontFamily: string;
                 readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
             };
+            /**
+             * @deprecated Utiliser `Bold`. `SemiBold` est un alias strict de `Bold` : les deux
+             * appliquent `fontStyle('Geist-Bold')`, qui charge `Geist_600SemiBold` et rend un
+             * `font-weight: 600`. Le nom laisse croire à une graisse intermédiaire qui n'existe
+             * pas dans la palette Geist du thème (300 / 400 / 500 / 600).
+             */
             readonly SemiBold: {
                 readonly fontSize: 16;
                 readonly lineHeight: 24;
@@ -211,7 +229,13 @@ export declare const CustomTypography: {
                 readonly fontFamily: string;
                 readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
             };
-            readonly SemiBold: {
+            /**
+             * @deprecated Utiliser `Bold`. `SemiBold` est un alias strict de `Bold` : les deux
+             * appliquent `fontStyle('Geist-Bold')`, qui charge `Geist_600SemiBold` et rend un
+             * `font-weight: 600`. Le nom laisse croire à une graisse intermédiaire qui n'existe
+             * pas dans la palette Geist du thème (300 / 400 / 500 / 600).
+             */
+            readonly Bold: {
                 readonly fontSize: 18;
                 readonly lineHeight: 28;
                 readonly letterSpacing: 0;

package/dist/constants/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/constants/Typography.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,SAAyF,CAAC;AAE/G,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkC3B,8FAA8F;;QAE5F,uBAAuB;;;;;;;;QAOvB,uBAAuB;;;;;;;;QAOvB,uBAAuB;;;;;;;;QAOvB,uBAAuB;;;;;;;;QAOvB,uBAAuB;;;;;;;;QAOvB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4HjB,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/constants/Typography.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,SAAyF,CAAC;AAE/G,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkC3B,8FAA8F;;QAE5F,uBAAuB;;;;;;;;QAOvB,uBAAuB;;;;;;;;QAOvB,uBAAuB;;;;;;;;QAOvB,uBAAuB;;;;;;;;QAOvB,uBAAuB;;;;;;;;QAOvB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAqCrB;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;YAqBH;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAkCH;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2BH;;;;;eAKG;;;;;;;;;;CASC,CAAC"}

package/dist/constants/Typography.js

@@ -5,31 +5,31 @@ export const isMobile = Platform.OS !== 'web' || userAgent.includes('iPhone') ||
 export const CustomTypography = {
     'Titres alternatifs': {
         XS: {
-            ...fontStyle('Barlow-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: 48,
             lineHeight: 56,
             letterSpacing: 0,
         },
         SM: {
-            ...fontStyle('Barlow-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: 56,
             lineHeight: 64,
             letterSpacing: 0,
         },
         MD: {
-            ...fontStyle('Barlow-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: 64,
             lineHeight: 72,
             letterSpacing: 0,
         },
         LG: {
-            ...fontStyle('Barlow-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: 72,
             lineHeight: 80,
             letterSpacing: 0,
         },
         XL: {
-            ...fontStyle('Barlow-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: 80,
             lineHeight: 88,
             letterSpacing: 0,
@@ -39,42 +39,42 @@ export const CustomTypography = {
     Titres: {
         /** Font size: 18/20 */
         'H6 - XXS': {
-            ...fontStyle('Inter-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: !isMobile ? 20 : 18,
             lineHeight: !isMobile ? 28 : 24,
             letterSpacing: 0,
         },
         /** Font size: 20/22 */
         'H5 - XS': {
-            ...fontStyle('Inter-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: !isMobile ? 22 : 20,
             lineHeight: 28,
             letterSpacing: 0,
         },
         /** Font size: 22/24 */
         'H4 - SM': {
-            ...fontStyle('Inter-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: !isMobile ? 24 : 22,
             lineHeight: !isMobile ? 32 : 28,
             letterSpacing: 0,
         },
         /** Font size: 24/28 */
         'H3 - MD': {
-            ...fontStyle('Inter-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: !isMobile ? 28 : 24,
             lineHeight: !isMobile ? 36 : 32,
             letterSpacing: 0,
         },
         /** Font size: 28/32 */
         'H2 - LG': {
-            ...fontStyle('Inter-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: !isMobile ? 32 : 28,
             lineHeight: !isMobile ? 36 : 32,
             letterSpacing: 0,
         },
         /** Font size: 40/48 */
         'H1 - XL': {
-            ...fontStyle('Barlow-Bold'),
+            ...fontStyle('Geist-Bold'),
             fontSize: !isMobile ? 40 : 32,
             lineHeight: !isMobile ? 48 : 40,
             letterSpacing: 0,
@@ -83,33 +83,39 @@ export const CustomTypography = {
     'Corps de texte': {
         XS: {
             Regular: {
-                ...fontStyle('Inter-Regular'),
+                ...fontStyle('Geist-Regular'),
                 fontSize: 12,
                 lineHeight: 20,
                 letterSpacing: 0,
             },
             Bold: {
-                ...fontStyle('Inter-Bold'),
+                ...fontStyle('Geist-Bold'),
                 fontSize: 12,
                 lineHeight: 20,
                 letterSpacing: 0,
             },
             Caps: {
-                ...fontStyle('Inter-Regular'),
+                ...fontStyle('Geist-Regular'),
                 fontSize: 12,
                 lineHeight: 20,
                 letterSpacing: 0,
                 textTransform: 'uppercase',
             },
             CapsBold: {
-                ...fontStyle('Inter-Bold'),
+                ...fontStyle('Geist-Bold'),
                 fontSize: 12,
                 lineHeight: 20,
                 letterSpacing: 0,
                 textTransform: 'uppercase',
             },
+            /**
+             * @deprecated Utiliser `Bold`. `SemiBold` est un alias strict de `Bold` : les deux
+             * appliquent `fontStyle('Geist-Bold')`, qui charge `Geist_600SemiBold` et rend un
+             * `font-weight: 600`. Le nom laisse croire à une graisse intermédiaire qui n'existe
+             * pas dans la palette Geist du thème (300 / 400 / 500 / 600).
+             */
             SemiBold: {
-                ...fontStyle('Inter-Bold'),
+                ...fontStyle('Geist-Bold'),
                 fontSize: 12,
                 lineHeight: 20,
                 letterSpacing: 0,
@@ -117,31 +123,37 @@ export const CustomTypography = {
         },
         SM: {
             Regular: {
-                ...fontStyle('Inter-Regular'),
+                ...fontStyle('Geist-Regular'),
                 fontSize: 14,
                 lineHeight: 20,
                 letterSpacing: 0,
             },
             Medium: {
-                ...fontStyle('Inter-Medium'),
+                ...fontStyle('Geist-Medium'),
                 fontSize: 14,
                 lineHeight: 20,
                 letterSpacing: 0,
             },
+            /**
+             * @deprecated Utiliser `Bold`. `SemiBold` est un alias strict de `Bold` : les deux
+             * appliquent `fontStyle('Geist-Bold')`, qui charge `Geist_600SemiBold` et rend un
+             * `font-weight: 600`. Le nom laisse croire à une graisse intermédiaire qui n'existe
+             * pas dans la palette Geist du thème (300 / 400 / 500 / 600).
+             */
             SemiBold: {
-                ...fontStyle('Inter-Bold'),
+                ...fontStyle('Geist-Bold'),
                 fontSize: 14,
                 lineHeight: 20,
                 letterSpacing: 0,
             },
             Bold: {
-                ...fontStyle('Inter-Bold'),
+                ...fontStyle('Geist-Bold'),
                 fontSize: 14,
                 lineHeight: 20,
                 letterSpacing: 0,
             },
             CapsBold: {
-                ...fontStyle('Inter-Bold'),
+                ...fontStyle('Geist-Bold'),
                 fontSize: 14,
                 lineHeight: 20,
                 letterSpacing: 0,
@@ -150,25 +162,31 @@ export const CustomTypography = {
         },
         MD: {
             Regular: {
-                ...fontStyle('Inter-Regular'),
+                ...fontStyle('Geist-Regular'),
                 fontSize: 16,
                 lineHeight: 24,
                 letterSpacing: 0,
             },
             Medium: {
-                ...fontStyle('Inter-Medium'),
+                ...fontStyle('Geist-Medium'),
                 fontSize: 16,
                 lineHeight: 24,
                 letterSpacing: 0,
             },
+            /**
+             * @deprecated Utiliser `Bold`. `SemiBold` est un alias strict de `Bold` : les deux
+             * appliquent `fontStyle('Geist-Bold')`, qui charge `Geist_600SemiBold` et rend un
+             * `font-weight: 600`. Le nom laisse croire à une graisse intermédiaire qui n'existe
+             * pas dans la palette Geist du thème (300 / 400 / 500 / 600).
+             */
             SemiBold: {
-                ...fontStyle('Inter-Bold'),
+                ...fontStyle('Geist-Bold'),
                 fontSize: 16,
                 lineHeight: 24,
                 letterSpacing: 0,
             },
             Bold: {
-                ...fontStyle('Inter-Bold'),
+                ...fontStyle('Geist-Bold'),
                 fontSize: 16,
                 lineHeight: 24,
                 letterSpacing: 0,
@@ -176,19 +194,25 @@ export const CustomTypography = {
         },
         LG: {
             Regular: {
-                ...fontStyle('Inter-Regular'),
+                ...fontStyle('Geist-Regular'),
                 fontSize: 18,
                 lineHeight: 28,
                 letterSpacing: 0,
             },
             Medium: {
-                ...fontStyle('Inter-Medium'),
+                ...fontStyle('Geist-Medium'),
                 fontSize: 18,
                 lineHeight: 28,
                 letterSpacing: 0,
             },
-            SemiBold: {
-                ...fontStyle('Inter-Bold'),
+            /**
+             * @deprecated Utiliser `Bold`. `SemiBold` est un alias strict de `Bold` : les deux
+             * appliquent `fontStyle('Geist-Bold')`, qui charge `Geist_600SemiBold` et rend un
+             * `font-weight: 600`. Le nom laisse croire à une graisse intermédiaire qui n'existe
+             * pas dans la palette Geist du thème (300 / 400 / 500 / 600).
+             */
+            Bold: {
+                ...fontStyle('Geist-Bold'),
                 fontSize: 18,
                 lineHeight: 28,
                 letterSpacing: 0,

package/dist/constants/dataSetAttribute.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Le nom de l'attribut `data-*` que react-native-web rend pour une clé de `dataSet`. Dérivé,
+ * jamais recopié : une règle CSS ne peut pas cibler un attribut que plus personne ne pose.
+ */
+export declare const dataSetAttribute: (key: string) => string;
+//# sourceMappingURL=dataSetAttribute.d.ts.map

package/dist/constants/dataSetAttribute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataSetAttribute.d.ts","sourceRoot":"","sources":["../../src/constants/dataSetAttribute.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,WAA2D,CAAC"}

package/dist/constants/dataSetAttribute.js

@@ -0,0 +1,5 @@
+/**
+ * Le nom de l'attribut `data-*` que react-native-web rend pour une clé de `dataSet`. Dérivé,
+ * jamais recopié : une règle CSS ne peut pas cibler un attribut que plus personne ne pose.
+ */
+export const dataSetAttribute = (key) => `data-${key.replace(/([A-Z])/g, '-$1').toLowerCase()}`;

package/dist/constants/index.d.ts

@@ -1,8 +1,12 @@
 export * from './Breakpoint';
 export * from './Color';
 export * from './Elevation';
+export * from './Focus';
+export * from './FocusProps';
 export * from './Font';
 export * from './Grille';
+export * from './Link';
+export * from './LinkProps';
 export * from './Palette';
 export * from './Radius';
 export * from './Sizes';

package/dist/constants/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,WAAW,CAAC"}

package/dist/constants/index.js

@@ -1,8 +1,12 @@
 export * from './Breakpoint';
 export * from './Color';
 export * from './Elevation';
+export * from './Focus';
+export * from './FocusProps';
 export * from './Font';
 export * from './Grille';
+export * from './Link';
+export * from './LinkProps';
 export * from './Palette';
 export * from './Radius';
 export * from './Sizes';