@progress/kendo-themes-html 6.3.0 → 6.4.0-dev.0

package/dist/bottom-nav/bottom-nav.spec.js

@@ -0,0 +1,122 @@
+(() => {
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined")
+      return require.apply(this, arguments);
+    throw new Error('Dynamic require of "' + x + '" is not supported');
+  });
+
+  // src/utils/class-names.ts
+  var classNames = (...args) => {
+    return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+      return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+    }).filter((arg) => Boolean(arg)).join(" ");
+  };
+
+  // src/utils/component-class-names.ts
+  var optionClassNames = (componentClassName, props) => {
+    return classNames(
+      {
+        [`${componentClassName}-xs`]: props.size === "xsmall",
+        [`${componentClassName}-sm`]: props.size === "small",
+        [`${componentClassName}-md`]: props.size === "medium",
+        [`${componentClassName}-lg`]: props.size === "large",
+        [`${componentClassName}-xl`]: props.size === "xlarge",
+        [`${componentClassName}-xxl`]: props.size === "xxlarge",
+        [`${componentClassName}-xxxl`]: props.size === "xxxlarge"
+      },
+      {
+        [`${componentClassName}-${props.fillMode}`]: props.fillMode
+      },
+      {
+        [`${componentClassName}-${props.fillMode}-${props.themeColor}`]: props.fillMode && props.themeColor
+      },
+      {
+        [`${componentClassName}-${props.themeColor}`]: props.themeColor && props.fillMode === void 0
+      },
+      {
+        "k-rounded-sm": props.rounded === "small",
+        "k-rounded-md": props.rounded === "medium",
+        "k-rounded-lg": props.rounded === "large",
+        "k-rounded-full": props.rounded === "full"
+      }
+    );
+  };
+
+  // src/utils/theme.ts
+  var FillMode = {
+    "solid": "solid",
+    "flat": "flat",
+    "outline": "outline",
+    "clear": "clear",
+    "link": "link"
+  };
+  var ThemeColor = {
+    "inherit": "inherit",
+    "base": "base",
+    "primary": "primary",
+    "secondary": "secondary",
+    "tertiary": "tertiary",
+    "info": "info",
+    "success": "success",
+    "warning": "warning",
+    "error": "error",
+    "dark": "dark",
+    "light": "light",
+    "inverse": "inverse"
+  };
+
+  // src/bottom-nav/bottom-nav.spec.tsx
+  var import_jsx_runtime = __require("react/jsx-runtime");
+  var BOTTOM_NAV_CLASSNAME = "k-bottom-nav";
+  var states = [];
+  var options = {
+    fillMode: [FillMode.solid, FillMode.flat],
+    themeColor: [
+      ThemeColor.primary,
+      ThemeColor.secondary,
+      ThemeColor.tertiary,
+      ThemeColor.info,
+      ThemeColor.success,
+      ThemeColor.warning,
+      ThemeColor.error,
+      ThemeColor.dark,
+      ThemeColor.light,
+      ThemeColor.inverse
+    ]
+  };
+  var defaultProps = {
+    fillMode: FillMode.solid,
+    themeColor: ThemeColor.primary,
+    flow: "horizontal",
+    border: false
+  };
+  var BottomNav = (props) => {
+    const {
+      fillMode = defaultProps.fillMode,
+      themeColor = defaultProps.themeColor,
+      flow = defaultProps.flow,
+      border = defaultProps.border,
+      dir
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: classNames(
+      props.className,
+      BOTTOM_NAV_CLASSNAME,
+      optionClassNames(BOTTOM_NAV_CLASSNAME, {
+        fillMode,
+        themeColor
+      }),
+      {
+        [`k-bottom-nav-item-flow-${flow}`]: flow,
+        "k-bottom-nav-border": border
+      }
+    ), dir, children: props.children });
+  };
+  BottomNav.states = states;
+  BottomNav.options = options;
+  BottomNav.className = BOTTOM_NAV_CLASSNAME;
+  BottomNav.defaultProps = defaultProps;
+  var bottom_nav_spec_default = BottomNav;
+})();
+//# sourceMappingURL=bottom-nav.spec.js.map

package/dist/bottom-nav/bottom-nav.spec.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/class-names.ts", "../../src/utils/component-class-names.ts", "../../src/utils/theme.ts", "../../src/bottom-nav/bottom-nav.spec.tsx"],
+  "sourcesContent": ["/* eslint-disable arrow-body-style */\nexport const classNames = (...args: any[]): string => {\n    return args\n        .filter((arg) => arg !== true && Boolean(arg))\n        .map((arg: any) => {\n            // eslint-disable-next-line no-nested-ternary\n            return Array.isArray(arg)\n                ? classNames(...arg)\n                : typeof arg === 'object'\n                    ? Object.keys(arg)\n                        .map((key, idx) => arg[idx] || (arg[key] && key) || null)\n                        .filter((el) => el !== null)\n                        .join(' ')\n                    : arg;\n        })\n        .filter((arg) => Boolean(arg))\n        .join(' ');\n};\n", "/* eslint-disable arrow-body-style */\nimport { classNames } from './class-names';\n\nexport const optionClassNames = (componentClassName: string, props: any) => {\n    return classNames(\n        {\n            [`${componentClassName}-xs`]: props.size === \"xsmall\",\n            [`${componentClassName}-sm`]: props.size === \"small\",\n            [`${componentClassName}-md`]: props.size === \"medium\",\n            [`${componentClassName}-lg`]: props.size === \"large\",\n            [`${componentClassName}-xl`]: props.size === \"xlarge\",\n            [`${componentClassName}-xxl`]: props.size === \"xxlarge\",\n            [`${componentClassName}-xxxl`]: props.size === \"xxxlarge\"\n        },\n        {\n            [`${componentClassName}-${props.fillMode}`]: props.fillMode,\n        },\n        {\n            [`${componentClassName}-${props.fillMode}-${props.themeColor}`]:\n            props.fillMode && props.themeColor,\n        },\n        {\n            [`${componentClassName}-${props.themeColor}`]:\n            props.themeColor && props.fillMode === undefined,\n        },\n        {\n            'k-rounded-sm': props.rounded === \"small\",\n            'k-rounded-md': props.rounded === \"medium\",\n            'k-rounded-lg': props.rounded === \"large\",\n            'k-rounded-full': props.rounded === \"full\",\n        }\n    );\n};\n\nexport const stateClassNames = (_componentClassName: string | undefined, props: any) => {\n    return classNames({\n        'k-valid': props.valid,\n        'k-invalid': props.invalid,\n        'k-hover': props.hover,\n        'k-focus': props.focus,\n        'k-checked': props.checked,\n        'k-active': props.active,\n        'k-selected': props.selected,\n        'k-disabled': props.disabled,\n        'k-indeterminate': props.indeterminate && !props.checked,\n        'k-loading': props.loading,\n        'k-empty': props.empty,\n        'k-readonly': props.readonly,\n    });\n};\n", "export const Size = {\n    'xsmall': 'xsmall',\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'xlarge': 'xlarge',\n    'xxlarge': 'xxlarge',\n    'xxxlarge': 'xxxlarge',\n} as const;\n\nexport const Roundness = {\n    'small': 'small',\n    'medium': 'medium',\n    'large': 'large',\n    'full': 'full',\n} as const;\n\nexport const FillMode = {\n    'solid': 'solid',\n    'flat': 'flat',\n    'outline': 'outline',\n    'clear': 'clear',\n    'link': 'link',\n} as const;\n\nexport const ThemeColor = {\n    'inherit': 'inherit',\n    'base': 'base',\n    'primary': 'primary',\n    'secondary': 'secondary',\n    'tertiary': 'tertiary',\n    'info': 'info',\n    'success': 'success',\n    'warning': 'warning',\n    'error': 'error',\n    'dark': 'dark',\n    'light': 'light',\n    'inverse': 'inverse',\n} as const;\n\nexport const States = {\n    'open': 'open',\n    'hover': 'hover',\n    'focus': 'focus',\n    'active': 'active',\n    'selected': 'selected',\n    'disabled': 'disabled',\n    'valid': 'valid',\n    'invalid': 'invalid',\n    'loading': 'loading',\n    'required': 'required',\n    'empty': 'empty',\n    'indeterminate': 'indeterminate',\n    'checked': 'checked',\n    'readonly': 'readonly',\n} as const;\n\nexport const kendoThemeMaps = {\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n} as const;\n", "import { classNames, optionClassNames, FillMode, ThemeColor } from '../utils';\n\nexport const BOTTOM_NAV_CLASSNAME = 'k-bottom-nav';\n\nconst states = [];\n\nconst options = {\n    fillMode: [ FillMode.solid, FillMode.flat ],\n    themeColor: [\n        ThemeColor.primary,\n        ThemeColor.secondary,\n        ThemeColor.tertiary,\n        ThemeColor.info,\n        ThemeColor.success,\n        ThemeColor.warning,\n        ThemeColor.error,\n        ThemeColor.dark,\n        ThemeColor.light,\n        ThemeColor.inverse\n    ]\n};\n\nexport type KendoBottomNavOptions = {\n    fillMode?: (typeof options.fillMode)[number] | null;\n    themeColor?: (typeof options.themeColor)[number] | null;\n};\n\nexport type KendoBottomNavProps = KendoBottomNavOptions & {\n    flow?: string;\n    border?: boolean;\n    dir?: 'ltr' | 'rtl';\n};\n\nconst defaultProps = {\n    fillMode: FillMode.solid,\n    themeColor: ThemeColor.primary,\n    flow: 'horizontal',\n    border: false,\n};\n\nexport const BottomNav = (\n    props: KendoBottomNavProps &\n        React.HTMLAttributes<HTMLElement>\n) => {\n    const {\n        fillMode = defaultProps.fillMode,\n        themeColor = defaultProps.themeColor,\n        flow = defaultProps.flow,\n        border = defaultProps.border,\n        dir\n    } = props;\n\n    return (\n        <nav className={classNames(\n            props.className,\n            BOTTOM_NAV_CLASSNAME,\n            optionClassNames(BOTTOM_NAV_CLASSNAME, {\n                fillMode,\n                themeColor\n            }),\n            {\n                [`k-bottom-nav-item-flow-${flow}`]: flow,\n                'k-bottom-nav-border': border,\n            }\n        )} dir={dir}>\n            {props.children}\n        </nav>\n    );\n};\n\nBottomNav.states = states;\nBottomNav.options = options;\nBottomNav.className = BOTTOM_NAV_CLASSNAME;\nBottomNav.defaultProps = defaultProps;\n\nexport default BottomNav;\n"],
+  "mappings": "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",
+  "names": []
+}