@groupeactual/ui-kit 0.1.3 → 0.1.4

package/dist/cjs/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var designTokens = require('@actual/design-tokens');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -44,15 +43,15 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
+var __assign$1 = function() {
+    __assign$1 = Object.assign || function __assign(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
         }
         return t;
     };
-    return __assign.apply(this, arguments);
+    return __assign$1.apply(this, arguments);
 };
 
 function __rest(s, e) {
@@ -105,7 +104,7 @@ var css_248z = ".tag {\n  padding: 4px 8px;\n  border-radius: 4px;\n  background
 styleInject(css_248z);
 
 var ActTag = function (props) {
-    return jsxRuntime.jsx("span", __assign({ className: clsx({
+    return jsxRuntime.jsx("span", __assign$1({ className: clsx({
             tag: true,
             red: props.color === 'red',
             green: props.color === 'green',
@@ -38392,7 +38391,7 @@ const fontStyle$1 = style$3({
   prop: 'fontStyle',
   themeKey: 'typography'
 });
-const fontWeight$1 = style$3({
+const fontWeight$2 = style$3({
   prop: 'fontWeight',
   themeKey: 'typography'
 });
@@ -38413,7 +38412,7 @@ const typographyVariant$1 = style$3({
   cssProperty: false,
   themeKey: 'typography'
 });
-const typography$2 = compose$1(typographyVariant$1, fontFamily$1, fontSize$1, fontStyle$1, fontWeight$1, letterSpacing$1, lineHeight$1, textAlign$1, textTransform$1);
+const typography$2 = compose$1(typographyVariant$1, fontFamily$1, fontSize$1, fontStyle$1, fontWeight$2, letterSpacing$1, lineHeight$1, textAlign$1, textTransform$1);
 var typography$3 = typography$2;
 
 const filterPropsMapping$1 = {
@@ -48109,7 +48108,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
 var TextField$1 = TextField;
 
 var ActTextField = function (props) {
-    return jsxRuntime.jsx(TextField$1, __assign({}, props));
+    return jsxRuntime.jsx(TextField$1, __assign$1({}, props));
 };
 
 function getTypographyUtilityClass(slot) {
@@ -48322,9 +48321,85 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes
 } : void 0;
 var Typography$1 = Typography;
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+var DesignSystemContext = React.createContext({
+    isDarkTheme: false,
+    themeName: 'default',
+    toggleDarkTheme: function () { }
+});
+
+var fontSizes$1 = {
+	xs: "10",
+	sm: "12",
+	regular: "14",
+	h3: "16",
+	h2: "18",
+	h1: "24"
+};
+var fontWeight$1 = {
+	light: "300",
+	regular: "400",
+	medium: "500",
+	bold: "700"
+};
+var colors$1 = {
+	red: "red",
+	green: "green"
+};
+var defaultTokens = {
+	fontSizes: fontSizes$1,
+	fontWeight: fontWeight$1,
+	colors: colors$1
+};
+
+var fontSizes = {
+	h3: "1.3rem"
+};
+var colors = {
+	red: "#E11C31"
+};
+var lucieTokens = {
+	fontSizes: fontSizes,
+	colors: colors
+};
+
+var useThemeTokens = function () {
+    var themeName = React.useContext(DesignSystemContext).themeName;
+    var tokens = defaultTokens;
+    if (themeName === 'lucie') {
+        tokens = __assign(__assign({}, defaultTokens), lucieTokens);
+    }
+    return { themeName: themeName, tokens: tokens };
+};
+
 var ActHeading = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    var _b = designTokens.useThemeTokens(), themeName = _b.themeName, tokens = _b.tokens;
+    var _b = useThemeTokens(), themeName = _b.themeName, tokens = _b.tokens;
     var variants = {
         h3: {
             fontSize: tokens.fontSizes.h3,
@@ -48332,9 +48407,9 @@ var ActHeading = function (_a) {
         }
     };
     var theme = createTheme$1({
-        typography: __assign({}, variants),
+        typography: __assign$1({}, variants),
     });
-    return jsxRuntime.jsx(ThemeProvider, __assign({ theme: theme }, { children: jsxRuntime.jsxs(Typography$1, __assign({}, props, { children: ["Theme : ", themeName, " ", children] })) }));
+    return jsxRuntime.jsx(ThemeProvider, __assign$1({ theme: theme }, { children: jsxRuntime.jsxs(Typography$1, __assign$1({}, props, { children: ["Theme : ", themeName, " ", children] })) }));
 };
 
 /** @license MUI v5.8.7
@@ -49620,7 +49695,7 @@ var styled$1 = styled;
 var ButtonStyled = styled$1(ButtonUnstyled$1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: sans-serif;\n  font-weight: bold;\n  font-size: 0.875rem;\n  background-color: tomato;\n  padding: 12px 24px;\n  border-radius: 8px;\n  color: white;\n  transition: all 150ms ease;\n  cursor: pointer;\n  border: none;\n\n  &:hover {\n    background-color: red;\n  }\n\n  &.", " {\n    background-color: rgb(86, 0, 0);\n  }\n\n  &.", " {\n    box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5);\n    outline: none;\n  }\n\n  &.", " {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n"], ["\n  font-family: sans-serif;\n  font-weight: bold;\n  font-size: 0.875rem;\n  background-color: tomato;\n  padding: 12px 24px;\n  border-radius: 8px;\n  color: white;\n  transition: all 150ms ease;\n  cursor: pointer;\n  border: none;\n\n  &:hover {\n    background-color: red;\n  }\n\n  &.", " {\n    background-color: rgb(86, 0, 0);\n  }\n\n  &.", " {\n    box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5);\n    outline: none;\n  }\n\n  &.", " {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n"])), buttonUnstyledClasses$1.active, buttonUnstyledClasses$1.focusVisible, buttonUnstyledClasses$1.disabled);
 var ActButton = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return jsxRuntime.jsx(ButtonStyled, __assign({}, props, { children: children }));
+    return jsxRuntime.jsx(ButtonStyled, __assign$1({}, props, { children: children }));
 };
 var templateObject_1;
 
@@ -49630,7 +49705,7 @@ var DesignSystemProvider = function (_a) {
     var toggleDarkTheme = function () {
         setIsDarkTheme(!isDarkTheme);
     };
-    return (jsxRuntime.jsx(designTokens.DesignSystemContext.Provider, __assign({ value: { isDarkTheme: isDarkTheme, themeName: themeName, toggleDarkTheme: toggleDarkTheme } }, { children: children })));
+    return (jsxRuntime.jsx(DesignSystemContext.Provider, __assign$1({ value: { isDarkTheme: isDarkTheme, themeName: themeName, toggleDarkTheme: toggleDarkTheme } }, { children: children })));
 };
 
 exports.ActButton = ActButton;