@uxf/ui 1.0.0-beta.7 → 1.0.0-beta.8

package/button/button.js

@@ -4,16 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var theme_1 = require("@uxf/ui/theme");
 var cx_1 = require("@uxf/core/utils/cx");
 function Button(props) {
     var _a, _b, _c;
-    var theme = (0, theme_1.useTheme)().Button;
-    var className = (0, cx_1.cx)("button", "button--color-".concat((_a = props.color) !== null && _a !== void 0 ? _a : theme.defaults.color), "button--size-".concat((_b = props.size) !== null && _b !== void 0 ? _b : theme.defaults.size), "button--variant-".concat((_c = props.variant) !== null && _c !== void 0 ? _c : theme.defaults.variant), props.disabled && "button--disabled", props.loading && "button--loading");
+    var className = (0, cx_1.cx)("button", "button--color-".concat((_a = props.color) !== null && _a !== void 0 ? _a : "default"), "button--size-".concat((_b = props.size) !== null && _b !== void 0 ? _b : "default"), "button--variant-".concat((_c = props.variant) !== null && _c !== void 0 ? _c : "default"), props.disabled && "button--disabled", props.loading && "button--loading");
     return (react_1.default.createElement("button", { type: "button", className: className },
         props.startAdornment,
         props.children,
         props.endAdornment));
 }
 exports.default = Button;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsZ0RBQXlDO0FBQ3pDLHVDQUF5QztBQUV6Qyx5Q0FBd0M7QUFheEMsU0FBUyxNQUFNLENBQUMsS0FBa0I7O0lBQ2hDLElBQU0sS0FBSyxHQUFHLElBQUEsZ0JBQVEsR0FBRSxDQUFDLE1BQU0sQ0FBQztJQUVoQyxJQUFNLFNBQVMsR0FBRyxJQUFBLE9BQUUsRUFDbEIsUUFBUSxFQUNSLHdCQUFpQixNQUFBLEtBQUssQ0FBQyxLQUFLLG1DQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFFLEVBQ3RELHVCQUFnQixNQUFBLEtBQUssQ0FBQyxJQUFJLG1DQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFFLEVBQ25ELDBCQUFtQixNQUFBLEtBQUssQ0FBQyxPQUFPLG1DQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFFLEVBQzVELEtBQUssQ0FBQyxRQUFRLElBQUksa0JBQWtCLEVBQ3BDLEtBQUssQ0FBQyxPQUFPLElBQUksaUJBQWlCLENBQ25DLENBQUM7SUFFRixPQUFPLENBQ0wsMENBQVEsSUFBSSxFQUFDLFFBQVEsRUFBQyxTQUFTLEVBQUUsU0FBUztRQUN2QyxLQUFLLENBQUMsY0FBYztRQUNwQixLQUFLLENBQUMsUUFBUTtRQUNkLEtBQUssQ0FBQyxZQUFZLENBQ1osQ0FDVixDQUFDO0FBQ0osQ0FBQztBQUVELGtCQUFlLE1BQU0sQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsZ0RBQXlDO0FBRXpDLHlDQUF3QztBQWF4QyxTQUFTLE1BQU0sQ0FBQyxLQUFrQjs7SUFDaEMsSUFBTSxTQUFTLEdBQUcsSUFBQSxPQUFFLEVBQ2xCLFFBQVEsRUFDUix3QkFBaUIsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxTQUFTLENBQUUsRUFDM0MsdUJBQWdCLE1BQUEsS0FBSyxDQUFDLElBQUksbUNBQUksU0FBUyxDQUFFLEVBQ3pDLDBCQUFtQixNQUFBLEtBQUssQ0FBQyxPQUFPLG1DQUFJLFNBQVMsQ0FBRSxFQUMvQyxLQUFLLENBQUMsUUFBUSxJQUFJLGtCQUFrQixFQUNwQyxLQUFLLENBQUMsT0FBTyxJQUFJLGlCQUFpQixDQUNuQyxDQUFDO0lBRUYsT0FBTyxDQUNMLDBDQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsU0FBUyxFQUFFLFNBQVM7UUFDdkMsS0FBSyxDQUFDLGNBQWM7UUFDcEIsS0FBSyxDQUFDLFFBQVE7UUFDZCxLQUFLLENBQUMsWUFBWSxDQUNaLENBQ1YsQ0FBQztBQUNKLENBQUM7QUFFRCxrQkFBZSxNQUFNLENBQUMifQ==

package/button/theme.d.ts

@@ -1,15 +1,15 @@
 export interface ButtonVariants {
     outlined: true;
-    contained: true;
+    default: true;
 }
 export interface ButtonSizes {
     xs: true;
     sm: true;
-    md: true;
+    default: true;
     lg: true;
     xl: true;
 }
 export interface ButtonColors {
-    primary: true;
+    default: true;
     secondary: true;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0-beta.8",
   "description": "UXF UI components",
   "main": "index.js",
   "publishConfig": {

package/storybook/storybook-config.js

@@ -27,9 +27,9 @@ exports.StorybookContextProvider = exports.useStorybookConfig = exports.defaultC
 var react_1 = __importStar(require("react"));
 exports.defaultConfig = {
     Button: {
-        sizes: ["xs", "sm", "md", "lg", "xl"],
-        colors: ["primary", "secondary"],
-        variants: ["outlined", "contained"],
+        sizes: ["xs", "sm", "default", "lg", "xl"],
+        colors: ["default", "secondary"],
+        variants: ["outlined", "default"],
     },
 };
 // Context
@@ -43,4 +43,4 @@ function StorybookContextProvider(props) {
     return (react_1.default.createElement(Context.Provider, { value: props.config }, props.children));
 }
 exports.StorybookContextProvider = StorybookContextProvider;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rvcnlib29rLWNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yeWJvb2svc3Rvcnlib29rLWNvbmZpZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSw2Q0FBcUQ7QUFFeEMsUUFBQSxhQUFhLEdBQW9CO0lBQzVDLE1BQU0sRUFBRTtRQUNOLEtBQUssRUFBRSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUM7UUFDckMsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQztRQUNoQyxRQUFRLEVBQUUsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDO0tBQ3BDO0NBQ0YsQ0FBQztBQVVGLFVBQVU7QUFDVixJQUFNLE9BQU8sR0FBRyxlQUFLLENBQUMsYUFBYSxDQUFDLHFCQUFhLENBQUMsQ0FBQztBQUVuRCxXQUFXO0FBQ1gsU0FBZ0Isa0JBQWtCLENBQUMsR0FBMEI7SUFDM0QsT0FBTyxJQUFBLGtCQUFVLEVBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7QUFDbEMsQ0FBQztBQUZELGdEQUVDO0FBUUQsU0FBZ0Isd0JBQXdCLENBQUMsS0FBb0M7SUFDM0UsT0FBTyxDQUNMLDhCQUFDLE9BQU8sQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNLElBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBb0IsQ0FDM0UsQ0FBQztBQUNKLENBQUM7QUFKRCw0REFJQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rvcnlib29rLWNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yeWJvb2svc3Rvcnlib29rLWNvbmZpZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSw2Q0FBcUQ7QUFFeEMsUUFBQSxhQUFhLEdBQW9CO0lBQzVDLE1BQU0sRUFBRTtRQUNOLEtBQUssRUFBRSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUM7UUFDMUMsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQztRQUNoQyxRQUFRLEVBQUUsQ0FBQyxVQUFVLEVBQUUsU0FBUyxDQUFDO0tBQ2xDO0NBQ0YsQ0FBQztBQVVGLFVBQVU7QUFDVixJQUFNLE9BQU8sR0FBRyxlQUFLLENBQUMsYUFBYSxDQUFDLHFCQUFhLENBQUMsQ0FBQztBQUVuRCxXQUFXO0FBQ1gsU0FBZ0Isa0JBQWtCLENBQUMsR0FBMEI7SUFDM0QsT0FBTyxJQUFBLGtCQUFVLEVBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7QUFDbEMsQ0FBQztBQUZELGdEQUVDO0FBUUQsU0FBZ0Isd0JBQXdCLENBQUMsS0FBb0M7SUFDM0UsT0FBTyxDQUNMLDhCQUFDLE9BQU8sQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNLElBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBb0IsQ0FDM0UsQ0FBQztBQUNKLENBQUM7QUFKRCw0REFJQyJ9

package/tailwindui/button.css

@@ -13,7 +13,7 @@
         @apply px-3 py-2 text-sm leading-4;
     }
 
-    &.button--size-md {
+    &.button--size-default {
         @apply px-4 py-2 text-sm;
     }
 
@@ -28,7 +28,7 @@
     &.button--variant-outlined {
         @apply border bg-white;
 
-        &.button--color-primary {
+        &.button--color-default {
             @apply border-primary-300 text-primary-700 hover:bg-primary-50 focus:ring-primary-500;
         }
 
@@ -37,10 +37,10 @@
         }
     }
 
-    &.button--variant-contained {
+    &.button--variant-default {
         @apply border-transparent text-white;
 
-        &.button--color-primary {
+        &.button--color-default {
             @apply bg-primary-500 hover:bg-primary-600 focus:ring-primary-400;
         }
 

package/theme/index.d.ts

@@ -1,2 +0,0 @@
-export * from "@uxf/ui/theme/theme-context";
-export * from "@uxf/ui/theme/theme";

package/theme/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("@uxf/ui/theme/theme-context"), exports);
-__exportStar(require("@uxf/ui/theme/theme"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGhlbWUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDhEQUE0QztBQUM1QyxzREFBb0MifQ==

package/theme/theme-context.d.ts

@@ -1,9 +0,0 @@
-import { Theme } from "./theme";
-import { ReactNode } from "react";
-interface ThemeProviderProps {
-    children: ReactNode;
-    theme: Theme;
-}
-export declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
-export declare const useTheme: () => Theme;
-export {};

package/theme/theme-context.js

@@ -1,45 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = exports.ThemeProvider = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var theme = {
-    Button: {
-        defaults: {
-            variant: "outlined",
-            color: "primary",
-            size: "md",
-        },
-    },
-};
-var ThemeContext = React.createContext(theme);
-function ThemeProvider(props) {
-    return (React.createElement(ThemeContext.Provider, { value: props.theme }, props.children));
-}
-exports.ThemeProvider = ThemeProvider;
-var useTheme = function () { return (0, react_1.useContext)(ThemeContext); };
-exports.useTheme = useTheme;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtY29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90aGVtZS90aGVtZS1jb250ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDJDQUErQjtBQUUvQiwrQkFBOEM7QUFFOUMsSUFBTSxLQUFLLEdBQVU7SUFDbkIsTUFBTSxFQUFFO1FBQ04sUUFBUSxFQUFFO1lBQ1IsT0FBTyxFQUFFLFVBQVU7WUFDbkIsS0FBSyxFQUFFLFNBQVM7WUFDaEIsSUFBSSxFQUFFLElBQUk7U0FDWDtLQUNGO0NBQ0YsQ0FBQztBQUVGLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQVEsS0FBSyxDQUFDLENBQUM7QUFNdkQsU0FBZ0IsYUFBYSxDQUFDLEtBQXlCO0lBQ3JELE9BQU8sQ0FDTCxvQkFBQyxZQUFZLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxJQUN0QyxLQUFLLENBQUMsUUFBUSxDQUNPLENBQ3pCLENBQUM7QUFDSixDQUFDO0FBTkQsc0NBTUM7QUFFTSxJQUFNLFFBQVEsR0FBRyxjQUFNLE9BQUEsSUFBQSxrQkFBVSxFQUFDLFlBQVksQ0FBQyxFQUF4QixDQUF3QixDQUFDO0FBQTFDLFFBQUEsUUFBUSxZQUFrQyJ9

package/theme/theme.d.ts

@@ -1,11 +0,0 @@
-import { ButtonColors, ButtonSizes, ButtonVariants } from "@uxf/ui/button";
-export declare type ButtonTheme = {
-    defaults: {
-        size: keyof ButtonSizes;
-        color: keyof ButtonColors;
-        variant: keyof ButtonVariants;
-    };
-};
-export interface Theme {
-    Button: ButtonTheme;
-}

package/theme/theme.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGhlbWUvdGhlbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9