@uxf/ui - npm Package Compare versions

Comparing version 11.29.0 to 11.30.0

components.d.ts

@@ -9,2 +9,6 @@ import * as alertBubbleStories from "./alert-bubble/alert-bubble.stories";
 import * as calendarStories from "./calendar/calendar.stories";
+import * as checkboxStories from "./checkbox/checkbox.stories";
+import * as checkboxButtonStories from "./checkbox-button/checkbox-button.stories";
+import * as checkboxInputStories from "./checkbox-input/checkbox-input.stories";
+import * as chipStories from "./chip/chip.stories";
 import * as colorRadioStories from "./color-radio/color-radio.stories";
@@ -26,6 +30,2 @@ import * as colorRadioGroupStories from "./color-radio-group/color-radio-group.stories";
 import * as formComponentStories from "./form-component/form-component.stories";
-import * as checkboxStories from "./checkbox/checkbox.stories";
-import * as checkboxButtonStories from "./checkbox-button/checkbox-button.stories";
-import * as checkboxInputStories from "./checkbox-input/checkbox-input.stories";
-import * as chipStories from "./chip/chip.stories";
 import * as iconStories from "./icon/icon.stories";
@@ -93,2 +93,18 @@ import * as imageGalleryStories from "./image-gallery/image-gallery.stories";
     };
+    readonly checkbox: {
+        readonly title: "Checkbox";
+        readonly stories: typeof checkboxStories;
+    };
+    readonly "checkbox-button": {
+        readonly title: "CheckboxButton";
+        readonly stories: typeof checkboxButtonStories;
+    };
+    readonly "checkbox-input": {
+        readonly title: "CheckboxInput";
+        readonly stories: typeof checkboxInputStories;
+    };
+    readonly chip: {
+        readonly title: "Chip";
+        readonly stories: typeof chipStories;
+    };
     readonly "color-radio": {
@@ -158,18 +174,2 @@ readonly title: "ColorRadio";
     };
-    readonly checkbox: {
-        readonly title: "Checkbox";
-        readonly stories: typeof checkboxStories;
-    };
-    readonly "checkbox-button": {
-        readonly title: "CheckboxButton";
-        readonly stories: typeof checkboxButtonStories;
-    };
-    readonly "checkbox-input": {
-        readonly title: "CheckboxInput";
-        readonly stories: typeof checkboxInputStories;
-    };
-    readonly chip: {
-        readonly title: "Chip";
-        readonly stories: typeof chipStories;
-    };
     readonly icon: {
@@ -176,0 +176,0 @@ readonly title: "Icon";

components.js

@@ -36,2 +36,6 @@ "use strict";
 const calendarStories = __importStar(require("./calendar/calendar.stories"));
+const checkboxStories = __importStar(require("./checkbox/checkbox.stories"));
+const checkboxButtonStories = __importStar(require("./checkbox-button/checkbox-button.stories"));
+const checkboxInputStories = __importStar(require("./checkbox-input/checkbox-input.stories"));
+const chipStories = __importStar(require("./chip/chip.stories"));
 const colorRadioStories = __importStar(require("./color-radio/color-radio.stories"));
@@ -53,6 +57,2 @@ const colorRadioGroupStories = __importStar(require("./color-radio-group/color-radio-group.stories"));
 const formComponentStories = __importStar(require("./form-component/form-component.stories"));
-const checkboxStories = __importStar(require("./checkbox/checkbox.stories"));
-const checkboxButtonStories = __importStar(require("./checkbox-button/checkbox-button.stories"));
-const checkboxInputStories = __importStar(require("./checkbox-input/checkbox-input.stories"));
-const chipStories = __importStar(require("./chip/chip.stories"));
 const iconStories = __importStar(require("./icon/icon.stories"));
@@ -120,2 +120,18 @@ const imageGalleryStories = __importStar(require("./image-gallery/image-gallery.stories"));
     },
+    "checkbox": {
+        title: "Checkbox",
+        stories: checkboxStories
+    },
+    "checkbox-button": {
+        title: "CheckboxButton",
+        stories: checkboxButtonStories
+    },
+    "checkbox-input": {
+        title: "CheckboxInput",
+        stories: checkboxInputStories
+    },
+    "chip": {
+        title: "Chip",
+        stories: chipStories
+    },
     "color-radio": {
@@ -185,18 +201,2 @@ title: "ColorRadio",
     },
-    "checkbox": {
-        title: "Checkbox",
-        stories: checkboxStories
-    },
-    "checkbox-button": {
-        title: "CheckboxButton",
-        stories: checkboxButtonStories
-    },
-    "checkbox-input": {
-        title: "CheckboxInput",
-        stories: checkboxInputStories
-    },
-    "chip": {
-        title: "Chip",
-        stories: chipStories
-    },
     "icon": {
@@ -203,0 +203,0 @@ title: "Icon",

icons-config.js

@@ -118,2 +118,7 @@ /** @type {import('@uxf/icons-generator/types').Config['icons']} */
     },
+    "triangle-exclamation-solid": {
+        width: 512,
+        height: 512,
+        data: `<path fill="currentColor" d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/>`,
+    },
     user: {
@@ -120,0 +125,0 @@ width: 448,

package.json

 {
   "name": "@uxf/ui",
-  "version": "11.29.0",
+  "version": "11.30.0",
   "description": "",
@@ -5,0 +5,0 @@ "publishConfig": {

readmes.d.ts

@@ -12,2 +12,6 @@ /// <reference types="mdx" />
     readonly calendar: typeof alertBubbleReadme;
+    readonly checkbox: typeof alertBubbleReadme;
+    readonly "checkbox-button": typeof alertBubbleReadme;
+    readonly "checkbox-input": typeof alertBubbleReadme;
+    readonly chip: typeof alertBubbleReadme;
     readonly "color-radio": typeof alertBubbleReadme;
@@ -29,6 +33,2 @@ readonly "color-radio-group": typeof alertBubbleReadme;
     readonly "form-component": typeof alertBubbleReadme;
-    readonly checkbox: typeof alertBubbleReadme;
-    readonly "checkbox-button": typeof alertBubbleReadme;
-    readonly "checkbox-input": typeof alertBubbleReadme;
-    readonly chip: typeof alertBubbleReadme;
     readonly icon: typeof alertBubbleReadme;
@@ -35,0 +35,0 @@ readonly "image-gallery": typeof alertBubbleReadme;

readmes.js

@@ -16,22 +16,22 @@ "use strict";
 const README_md_8 = __importDefault(require("./calendar/README.md"));
-const README_md_9 = __importDefault(require("./color-radio/README.md"));
-const README_md_10 = __importDefault(require("./color-radio-group/README.md"));
-const README_md_11 = __importDefault(require("./combobox/README.md"));
-const README_md_12 = __importDefault(require("./date-picker/README.md"));
-const README_md_13 = __importDefault(require("./date-picker-input/README.md"));
-const README_md_14 = __importDefault(require("./date-range-picker/README.md"));
-const README_md_15 = __importDefault(require("./date-range-picker-input/README.md"));
-const README_md_16 = __importDefault(require("./datetime-picker/README.md"));
-const README_md_17 = __importDefault(require("./datetime-picker-input/README.md"));
-const README_md_18 = __importDefault(require("./dialog/README.md"));
-const README_md_19 = __importDefault(require("./dropdown/README.md"));
-const README_md_20 = __importDefault(require("./dropzone/README.md"));
-const README_md_21 = __importDefault(require("./error-message/README.md"));
-const README_md_22 = __importDefault(require("./file-input/README.md"));
-const README_md_23 = __importDefault(require("./flash-messages/README.md"));
-const README_md_24 = __importDefault(require("./form-component/README.md"));
-const README_md_25 = __importDefault(require("./checkbox/README.md"));
-const README_md_26 = __importDefault(require("./checkbox-button/README.md"));
-const README_md_27 = __importDefault(require("./checkbox-input/README.md"));
-const README_md_28 = __importDefault(require("./chip/README.md"));
+const README_md_9 = __importDefault(require("./checkbox/README.md"));
+const README_md_10 = __importDefault(require("./checkbox-button/README.md"));
+const README_md_11 = __importDefault(require("./checkbox-input/README.md"));
+const README_md_12 = __importDefault(require("./chip/README.md"));
+const README_md_13 = __importDefault(require("./color-radio/README.md"));
+const README_md_14 = __importDefault(require("./color-radio-group/README.md"));
+const README_md_15 = __importDefault(require("./combobox/README.md"));
+const README_md_16 = __importDefault(require("./date-picker/README.md"));
+const README_md_17 = __importDefault(require("./date-picker-input/README.md"));
+const README_md_18 = __importDefault(require("./date-range-picker/README.md"));
+const README_md_19 = __importDefault(require("./date-range-picker-input/README.md"));
+const README_md_20 = __importDefault(require("./datetime-picker/README.md"));
+const README_md_21 = __importDefault(require("./datetime-picker-input/README.md"));
+const README_md_22 = __importDefault(require("./dialog/README.md"));
+const README_md_23 = __importDefault(require("./dropdown/README.md"));
+const README_md_24 = __importDefault(require("./dropzone/README.md"));
+const README_md_25 = __importDefault(require("./error-message/README.md"));
+const README_md_26 = __importDefault(require("./file-input/README.md"));
+const README_md_27 = __importDefault(require("./flash-messages/README.md"));
+const README_md_28 = __importDefault(require("./form-component/README.md"));
 const README_md_29 = __importDefault(require("./icon/README.md"));
@@ -75,22 +75,22 @@ const README_md_30 = __importDefault(require("./image-gallery/README.md"));
     "calendar": README_md_8.default,
-    "color-radio": README_md_9.default,
-    "color-radio-group": README_md_10.default,
-    "combobox": README_md_11.default,
-    "date-picker": README_md_12.default,
-    "date-picker-input": README_md_13.default,
-    "date-range-picker": README_md_14.default,
-    "date-range-picker-input": README_md_15.default,
-    "datetime-picker": README_md_16.default,
-    "datetime-picker-input": README_md_17.default,
-    "dialog": README_md_18.default,
-    "dropdown": README_md_19.default,
-    "dropzone": README_md_20.default,
-    "error-message": README_md_21.default,
-    "file-input": README_md_22.default,
-    "flash-messages": README_md_23.default,
-    "form-component": README_md_24.default,
-    "checkbox": README_md_25.default,
-    "checkbox-button": README_md_26.default,
-    "checkbox-input": README_md_27.default,
-    "chip": README_md_28.default,
+    "checkbox": README_md_9.default,
+    "checkbox-button": README_md_10.default,
+    "checkbox-input": README_md_11.default,
+    "chip": README_md_12.default,
+    "color-radio": README_md_13.default,
+    "color-radio-group": README_md_14.default,
+    "combobox": README_md_15.default,
+    "date-picker": README_md_16.default,
+    "date-picker-input": README_md_17.default,
+    "date-range-picker": README_md_18.default,
+    "date-range-picker-input": README_md_19.default,
+    "datetime-picker": README_md_20.default,
+    "datetime-picker-input": README_md_21.default,
+    "dialog": README_md_22.default,
+    "dropdown": README_md_23.default,
+    "dropzone": README_md_24.default,
+    "error-message": README_md_25.default,
+    "file-input": README_md_26.default,
+    "flash-messages": README_md_27.default,
+    "form-component": README_md_28.default,
     "icon": README_md_29.default,
@@ -97,0 +97,0 @@ "image-gallery": README_md_30.default,

text-link/theme.d.ts

 export interface TextLinkVariants {
     default: true;
+    text: true;
 }

toggle/theme.d.ts

@@ -6,1 +6,6 @@ export interface ToggleVariants {
 export type ToggleVariant = keyof ToggleVariants;
+export interface ToggleSizes {
+    sm: true;
+    default: true;
+}
+export type ToggleSize = keyof ToggleSizes;

toggle/toggle.d.ts

@@ -1,2 +0,2 @@
-import { ToggleVariant } from "@uxf/ui/toggle/theme";
+import { ToggleSize, ToggleVariant } from "@uxf/ui/toggle/theme";
 import React, { CSSProperties, ReactNode } from "react";
@@ -9,2 +9,3 @@ import { FormControlProps } from "../types";
     label: ReactNode;
+    size?: ToggleSize;
     style?: CSSProperties;
@@ -11,0 +12,0 @@ variant?: ToggleVariant;

toggle/toggle.js

@@ -32,6 +32,6 @@ "use strict";
 exports.Toggle = (0, react_2.forwardRef)((props, ref) => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     return (react_2.default.createElement(react_1.Switch.Group, null,
-        react_2.default.createElement("div", { className: (0, cx_1.cx)("uxf-toggle__wrapper", `uxf-toggle__wrapper--${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"}`, props.hiddenLabel && "uxf-toggle__wrapper--hiddenLabel", props.className) },
-            react_2.default.createElement(react_1.Switch, { checked: props.value, className: (0, cx_1.cx)(props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.value && classes_1.CLASSES.IS_SELECTED, "uxf-toggle", `uxf-toggle--${(_b = props.variant) !== null && _b !== void 0 ? _b : "default"}`), disabled: props.isDisabled, id: props.id, name: props.name, onChange: props.onChange, ref: ref, style: props.style },
+        react_2.default.createElement("div", { className: (0, cx_1.cx)("uxf-toggle__wrapper", `uxf-toggle__wrapper--${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"}`, `uxf-toggle__wrapper--size-${(_b = props.size) !== null && _b !== void 0 ? _b : "default"}`, props.hiddenLabel && "uxf-toggle__wrapper--hiddenLabel", props.className) },
+            react_2.default.createElement(react_1.Switch, { checked: props.value, className: (0, cx_1.cx)(props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.value && classes_1.CLASSES.IS_SELECTED, "uxf-toggle", `uxf-toggle--${(_c = props.variant) !== null && _c !== void 0 ? _c : "default"}`, `uxf-toggle--size-${(_d = props.size) !== null && _d !== void 0 ? _d : "default"}`), disabled: props.isDisabled, id: props.id, name: props.name, onChange: props.onChange, ref: ref, style: props.style },
                 react_2.default.createElement("span", { className: "uxf-toggle__inner" })),
@@ -38,0 +38,0 @@ react_2.default.createElement(react_1.Switch.Label, { hidden: props.hiddenLabel, className: "uxf-toggle__label" }, props.label))));

toggle/toggle.stories.js

@@ -39,2 +39,3 @@ "use strict";
         react_1.default.createElement(index_1.Toggle, { label: "Opravdu?", onChange: onChange, value: checked, name: "toggle" }),
+        react_1.default.createElement(index_1.Toggle, { label: "Opravdu? - size sm", onChange: onChange, value: checked, name: "toggle", size: "sm" }),
         react_1.default.createElement(index_1.Toggle, { label: "Opravdu?", onChange: onChange, value: checked, isDisabled: true, name: "toggle-disabled" }),
@@ -41,0 +42,0 @@ react_1.default.createElement(index_1.Toggle, { label: "Opravdu?", onChange: onChange, value: checked, hiddenLabel: true, name: "toggle-hidden-label" }),

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

854570

increased by0.4%

Lines of code

17839

increased by0.56%

No dependency changes