@trilogy-ds/react 0.0.1-beta.9 → 0.0.2-alpha-prompt

package/lib/components/stepper/step/StepPropsDefaults.js

@@ -0,0 +1,115 @@
+export default {
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "current": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "done": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-paperclip"
+    ]
+  },
+  "error": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/stepper/step/index.d.ts

@@ -1,2 +1,2 @@
-import StepperStep from './StepperStep';
-export default StepperStep;
+import Step from './Step';
+export default Step;

package/lib/components/stepper/step/index.js

@@ -1,3 +1,3 @@
-import StepperStep from './StepperStep';
-export default StepperStep;
-//# sourceMappingURL=index.js.map
+import Step from './Step';
+export default Step;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxRQUFRLENBQUE7QUFFekIsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/sticker/Sticker.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
+import React from 'react';
 import { StickerProps } from './StickerProps';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
- * @param variant {AlertState} Sticker variant : primary only
+ * @param variant {StatusState} Sticker variant : primary only
  * @param small {boolean} Small Sticker
- * @param flag {boolean} Flag sticker
+ * @param id
  * @param outlined {boolean} Outlined sticker
- * @param hat {boolean} Hat Sticker ( for box )
+ * @param iconName {IconName} Icon
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param markup {StickerMarkup} HTML element : p|span|div
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param others
  */
-declare const Sticker: ({ className, children, stretched, variant, small, alert, hat, markup, inverted, flag, outlined, ...others }: StickerProps) => JSX.Element;
+declare const Sticker: React.ForwardRefExoticComponent<StickerProps & React.RefAttributes<HTMLParagraphElement>>;
 export default Sticker;

package/lib/components/sticker/Sticker.js

@@ -1,40 +1,32 @@
+import { __assign, __rest } from "tslib";
 import React from 'react';
 import clsx from 'clsx';
 import { is } from '../../services/classify';
-import { StickerMarkup } from './StickerEnum';
-import { getAlertClassName, getVariantClassName } from '../../objects';
+import { getVariantClassName } from '../../objects';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+import { Icon, IconSize } from '../../components/icon';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Sticker component
  * @param children {ReactNode} Sticker child
- * @param variant {AlertState} Sticker variant : primary only
+ * @param variant {StatusState} Sticker variant : primary only
  * @param small {boolean} Small Sticker
- * @param flag {boolean} Flag sticker
+ * @param id
  * @param outlined {boolean} Outlined sticker
- * @param hat {boolean} Hat Sticker ( for box )
+ * @param iconName {IconName} Icon
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param markup {StickerMarkup} HTML element : p|span|div
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param others
  */
-const Sticker = ({ className, children, 
-/* deprecated*/
-stretched, 
-/* deprecated*/
-variant, small, 
-/* deprecated*/
-alert, hat, markup, 
-/* deprecated*/
-inverted, flag, outlined, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('sticker', stretched && is('stretched'), variant && !alert && is(getVariantClassName(variant)), alert && !variant && is(getAlertClassName(alert)), small && is('small'), hat && is('hat'), inverted && is('inverted'), flag && is('flag'), outlined && is('outlined'), className));
-    const isCorrectMarkup = (stringMarkup) => {
-        if (stringMarkup in StickerMarkup || Object.values(StickerMarkup).includes(stringMarkup))
-            return true;
-    };
-    const Tag = markup && isCorrectMarkup(markup) ? markup : 'div';
-    return (React.createElement(Tag, { className: classes, ...others }, children));
-};
+var Sticker = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined", "iconName", "accessibilityLabel"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined'), is('vcentered')));
+    return (React.createElement("p", __assign({ ref: ref, id: id, className: classes, "aria-label": accessibilityLabel }, others),
+        iconName && React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
+        label));
+});
+Sticker.displayName = ComponentName.Sticker;
 export default Sticker;
-//# sourceMappingURL=Sticker.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQVUzRCxFQUFFLEdBQUc7SUFUSixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNmLE1BQU0sY0FUaUQsOEZBVTNELENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9DQUFHLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxnQkFBYyxrQkFBa0IsSUFBTSxNQUFNO1FBQ2hGLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ3JGLEtBQUssQ0FDSixDQUNMLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/sticker/Sticker.native.d.ts

@@ -1,18 +1,15 @@
-/// <reference types="react" />
+import * as React from 'react';
+import { View } from 'react-native';
 import { StickerProps } from './StickerProps';
-import { ComponentName } from '../enumsComponentsName';
 /**
- * Sticker Native component
+ * Sticker component
  * @param children {ReactNode} Sticker child
- * @param variant {AlertState} Sticker variant : only primary
+ * @param variant {StatusState} Sticker variant : primary only
  * @param small {boolean} Small Sticker
- * @param flag {boolean} Flag sticker
- * @param outlined {boolean} Outlined sticker
  * @param hat {boolean} Hat Sticker ( for box )
+ * @param outlined {boolean} Outlined sticker
+ * @param iconName {IconName} Icon
  * @param others
  */
-declare const Sticker: {
-    ({ children, variant, alert, small, stretched, hat, inverted, flag, outlined, ...others }: StickerProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Sticker: React.ForwardRefExoticComponent<StickerProps & React.RefAttributes<View>>;
 export default Sticker;

package/lib/components/sticker/Sticker.native.js

@@ -1,79 +1,62 @@
-import React from 'react';
-import { StyleSheet, Text, Platform, View } from 'react-native';
-import { getAlertStyle, getColorStyle, getVariantStyle, TrilogyColor } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconSize } from '../../components/icon';
+import { Text } from '../../components/text';
+import { isIOS } from '../../helpers/device.native';
+import { getColorStyle, getVariantStyle, TrilogyColor, TypographyBold } from '../../objects';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
- * Sticker Native component
+ * Sticker component
  * @param children {ReactNode} Sticker child
- * @param variant {AlertState} Sticker variant : only primary
+ * @param variant {StatusState} Sticker variant : primary only
  * @param small {boolean} Small Sticker
- * @param flag {boolean} Flag sticker
- * @param outlined {boolean} Outlined sticker
  * @param hat {boolean} Hat Sticker ( for box )
+ * @param outlined {boolean} Outlined sticker
+ * @param iconName {IconName} Icon
  * @param others
  */
-const Sticker = ({ children, 
-/* deprecated*/
-variant, 
-/* deprecated*/
-alert, small, 
-/* deprecated*/
-stretched, hat, 
-/* deprecated*/
-inverted, flag, outlined, ...others }) => {
-    const defaultColor = getColorStyle(TrilogyColor.TERTIARY);
-    const styles = StyleSheet.create({
+var Sticker = React.forwardRef(function (_a, ref) {
+    var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["variant", "small", "outlined", "label", "iconName", "accessibilityLabel"]);
+    var defaultColor = getColorStyle(TrilogyColor.MAIN);
+    var styles = StyleSheet.create({
         sticker: {
+            flexDirection: 'row',
             justifyContent: 'center',
-            paddingTop: small ? 4 : 8,
-            paddingBottom: small ? 4 : 8,
+            paddingTop: small ? 3 : 7,
+            paddingBottom: small ? 3 : 7,
             paddingLeft: small ? 8 : 16,
             paddingRight: small ? 8 : 16,
-            alignSelf: hat ? 'auto' : 'flex-start',
+            alignSelf: 'flex-start',
             borderWidth: outlined ? 2 : 0,
             borderColor: (outlined && defaultColor) || 'transparent',
-            backgroundColor: (inverted && 'white') ||
-                (outlined && 'white') ||
-                (variant && !alert && getVariantStyle(variant)) ||
-                (!variant && alert && getAlertStyle(alert)) ||
-                defaultColor,
-            borderTopLeftRadius: (hat && 8) || (!flag && !small && 24) || (!flag && small && 16) || 0,
-            borderTopRightRadius: (small && 16) || (hat && 8) || 24,
-            borderBottomLeftRadius: (!flag && !small && !hat && 24) || (!flag && small && 16) || 0,
-            borderBottomRightRadius: (!flag && !small && !hat && 24) || (!flag && small && 16) || 0,
-            marginTop: hat ? -35 : 0,
+            backgroundColor: (outlined && 'white') || (variant && getVariantStyle(variant)) || defaultColor,
+            borderTopLeftRadius: (!small && 24) || (small && 16) || 0,
+            borderTopRightRadius: (small && 16) || 24,
+            borderBottomLeftRadius: (!small && 24) || (small && 16) || 0,
+            borderBottomRightRadius: (!small && 24) || (small && 16) || 0,
+            marginTop: 0,
             fontSize: small ? 12 : 16,
-            top: hat ? 4 : 0,
-        },
-        stretched: {
-            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '-20deg' }]) || [{ skewX: '0deg' }] : [],
-            justifyContent: 'center',
+            top: 0,
             alignItems: 'center',
-            height: 35,
-            backgroundColor: (variant && !alert && getVariantStyle(variant)) || (!variant && alert && getAlertStyle(alert)) || defaultColor,
+            textAlign: 'center',
         },
         text: {
             lineHeight: (!small && 20) || 15,
             textAlign: 'center',
-            color: (outlined && defaultColor) || (inverted && defaultColor) || getColorStyle(TrilogyColor.WHITE),
+            color: (outlined && defaultColor) || getColorStyle(TrilogyColor.BACKGROUND),
             justifyContent: 'center',
-            alignItems: 'center',
-            fontWeight: 'bold',
+            alignSelf: 'center',
             fontSize: (!small && 16) || 12,
-            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '20deg' }]) || [{ skewX: '0deg' }] : [],
-        },
-        stretchedAndroid: {
-            justifyContent: 'center',
-            alignItems: 'center',
-            height: 35,
-            backgroundColor: (variant && !alert && getVariantStyle(variant)) || (!variant && alert && getAlertStyle(alert)) || defaultColor,
+            transform: isIOS ? [{ skewX: '0deg' }] : [],
+            marginLeft: (iconName && small && 4) || (iconName && !small && 5) || 0,
+            marginTop: 1,
         },
     });
-    if (stretched && Platform.OS === 'android') {
-        return (React.createElement(View, { style: (!small && stretched && styles.stretchedAndroid) || styles.sticker, ...others }, children && typeof children === 'string' ? React.createElement(Text, { style: styles.text }, children) : children));
-    }
-    return (React.createElement(View, { style: (!small && stretched && styles.stretched) || styles.sticker, ...others }, children && typeof children === 'string' ? React.createElement(Text, { style: styles.text }, children) : children));
-};
+    return (React.createElement(View, __assign({ ref: ref, style: styles.sticker, accessibilityLabel: accessibilityLabel }, others),
+        iconName && (React.createElement(Icon, { color: TrilogyColor.BACKGROUND, size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName })),
+        label && (React.createElement(Text, { style: styles.text, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, label))));
+});
 Sticker.displayName = ComponentName.Sticker;
 export default Sticker;
-//# sourceMappingURL=Sticker.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDeEYsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0M7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFBQyxFQUE0RSxFQUFFLEdBQUc7SUFBL0UsSUFBQSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxrQkFBa0Isd0JBQUEsRUFBSyxNQUFNLGNBQTFFLDJFQUE0RSxDQUFGO0lBQ3pFLElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDckQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENB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

package/lib/components/sticker/StickerProps.d.ts

@@ -1,17 +1,12 @@
-/// <reference types="react" />
-import { Invertable } from '../../objects/facets/Invertable';
 import { Small } from '../../objects/facets/Small';
-import { AlertProps, VariantProps } from '../../objects/facets';
-import { Hat } from '../../objects/facets/Hat';
-import { StickerMarkup, StickerMarkupValues } from './StickerEnum';
-export interface StickerProps extends Small, VariantProps, AlertProps, Hat, Invertable {
-    children: React.ReactNode;
-    /**
-     * @deprecated
-     */
-    stretched?: boolean;
-    className?: string;
-    markup?: StickerMarkup | StickerMarkupValues;
-    flag?: boolean;
+import { Accessibility, VariantProps } from '../../objects/facets';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { IconName, IconNameValues } from '../../components/icon';
+import { View } from 'react-native';
+export interface StickerProps extends Small, VariantProps, CommonProps, Accessibility {
+    label: string;
+    iconName?: IconName | IconNameValues;
     outlined?: boolean;
 }
+export type StickerRef = HTMLParagraphElement;
+export type StickerNativeRef = View;

package/lib/components/sticker/StickerProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=StickerProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlclByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zdGlja2VyL1N0aWNrZXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/sticker/StickerPropsDefaults.js

@@ -0,0 +1,115 @@
+export default {
+  "label": {
+    "type": "string",
+    "values": []
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-paperclip"
+    ]
+  },
+  "outlined": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "small": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "variant": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "INFO",
+      "MAIN",
+      "ACCENT",
+      "MAIN",
+      "ACCENT",
+      "INFO"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/sticker/index.d.ts

@@ -1,3 +1,2 @@
 import Sticker from './Sticker';
-export * from './StickerEnum';
 export { Sticker };

package/lib/components/sticker/index.js

@@ -1,4 +1,3 @@
 import Sticker from './Sticker';
-export * from './StickerEnum';
 export { Sticker };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQSJ9

package/lib/components/styleComponent/default/index.d.ts

@@ -0,0 +1 @@
+export { default as StyleComponent } from './styleComponent';

package/lib/components/styleComponent/default/index.js

@@ -0,0 +1,2 @@
+export { default as StyleComponent } from './styleComponent';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L2RlZmF1bHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQSJ9

package/lib/components/styleComponent/default/styleComponent.d.ts

@@ -0,0 +1,6 @@
+import '@trilogy-ds/styles/dist/default/trilogy.css';
+import { ReactNode } from 'react';
+declare const StyleComponent: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default StyleComponent;

package/lib/components/styleComponent/default/styleComponent.js

@@ -0,0 +1,8 @@
+import '@trilogy-ds/styles/dist/default/trilogy.css';
+import React from 'react';
+var StyleComponent = function (_a) {
+    var children = _a.children;
+    return React.createElement(React.Fragment, null, children);
+};
+export default StyleComponent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVDb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L2RlZmF1bHQvc3R5bGVDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sNkNBQTZDLENBQUE7QUFDcEQsT0FBTyxLQUFvQixNQUFNLE9BQU8sQ0FBQTtBQUV4QyxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQXFDO1FBQW5DLFFBQVEsY0FBQTtJQUNoQyxPQUFPLDBDQUFHLFFBQVEsQ0FBSSxDQUFBO0FBQ3hCLENBQUMsQ0FBQTtBQUVELGVBQWUsY0FBYyxDQUFBIn0=

package/lib/components/styleComponent/default/styleComponent.native.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const StyleComponent: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default StyleComponent;

package/lib/components/styleComponent/default/styleComponent.native.js

@@ -0,0 +1,7 @@
+import React from 'react';
+var StyleComponent = function (_a) {
+    var children = _a.children;
+    return React.createElement(React.Fragment, null, children);
+};
+export default StyleComponent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVDb21wb25lbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdHlsZUNvbXBvbmVudC9kZWZhdWx0L3N0eWxlQ29tcG9uZW50Lm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFvQixNQUFNLE9BQU8sQ0FBQTtBQUV4QyxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQXFDO1FBQW5DLFFBQVEsY0FBQTtJQUNoQyxPQUFPLDBDQUFHLFFBQVEsQ0FBSSxDQUFBO0FBQ3hCLENBQUMsQ0FBQTtBQUVELGVBQWUsY0FBYyxDQUFBIn0=

package/lib/components/styleComponent/index.d.ts

@@ -0,0 +1,2 @@
+export * from './default';
+export * from './mangled';

package/lib/components/styleComponent/index.js

@@ -0,0 +1,3 @@
+export * from './default';
+export * from './mangled';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsV0FBVyxDQUFBIn0=

package/lib/components/styleComponent/mangled/index.d.ts

@@ -0,0 +1 @@
+export { default as StyleComponentMangled } from './styleComponentMangled';

package/lib/components/styleComponent/mangled/index.js

@@ -0,0 +1,2 @@
+export { default as StyleComponentMangled } from './styleComponentMangled';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0eWxlQ29tcG9uZW50L21hbmdsZWQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFBIn0=

package/lib/components/styleComponent/mangled/styleComponentMangled.d.ts

@@ -0,0 +1,6 @@
+import '@trilogy-ds/styles/dist/default/trilogy-mangled.css';
+import { ReactNode } from 'react';
+declare const StyleComponentMangled: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default StyleComponentMangled;

package/lib/components/styleComponent/mangled/styleComponentMangled.js

@@ -0,0 +1,8 @@
+import '@trilogy-ds/styles/dist/default/trilogy-mangled.css';
+import React from 'react';
+var StyleComponentMangled = function (_a) {
+    var children = _a.children;
+    return React.createElement(React.Fragment, null, children);
+};
+export default StyleComponentMangled;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVDb21wb25lbnRNYW5nbGVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdHlsZUNvbXBvbmVudC9tYW5nbGVkL3N0eWxlQ29tcG9uZW50TWFuZ2xlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxxREFBcUQsQ0FBQTtBQUM1RCxPQUFPLEtBQW9CLE1BQU0sT0FBTyxDQUFBO0FBRXhDLElBQU0scUJBQXFCLEdBQUcsVUFBQyxFQUFxQztRQUFuQyxRQUFRLGNBQUE7SUFDdkMsT0FBTywwQ0FBRyxRQUFRLENBQUksQ0FBQTtBQUN4QixDQUFDLENBQUE7QUFFRCxlQUFlLHFCQUFxQixDQUFBIn0=

package/lib/components/styleComponent/mangled/styleComponentMangled.native.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const StyleComponentMangled: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default StyleComponentMangled;

package/lib/components/styleComponent/mangled/styleComponentMangled.native.js

@@ -0,0 +1,7 @@
+import React from 'react';
+var StyleComponentMangled = function (_a) {
+    var children = _a.children;
+    return React.createElement(React.Fragment, null, children);
+};
+export default StyleComponentMangled;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVDb21wb25lbnRNYW5nbGVkLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3R5bGVDb21wb25lbnQvbWFuZ2xlZC9zdHlsZUNvbXBvbmVudE1hbmdsZWQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQW9CLE1BQU0sT0FBTyxDQUFBO0FBRXhDLElBQU0scUJBQXFCLEdBQUcsVUFBQyxFQUFxQztRQUFuQyxRQUFRLGNBQUE7SUFDdkMsT0FBTywwQ0FBRyxRQUFRLENBQUksQ0FBQTtBQUN4QixDQUFDLENBQUE7QUFFRCxlQUFlLHFCQUFxQixDQUFBIn0=