@itwin/itwinui-react 3.11.3 → 3.12.1

package/cjs/core/Typography/Blockquote.js

@@ -1,50 +1,29 @@
-"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;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Blockquote = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-/**
- * Basic blockquote component
- * @example
- * <Blockquote>This is a quote</Blockquote>
- * <Blockquote footer='— Someone'>
- *  <p>This is a quote from someone</p>
- * </Blockquote>
- */
-exports.Blockquote = React.forwardRef((props, ref) => {
-    const { className, children, footer, ...rest } = props;
-    return (React.createElement(index_js_1.Box, { as: 'blockquote', className: (0, classnames_1.default)('iui-blockquote', className), ref: ref, ...rest },
-        children,
-        footer && React.createElement("footer", null, footer)));
+Object.defineProperty(exports, 'Blockquote', {
+  enumerable: true,
+  get: function () {
+    return Blockquote;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const Blockquote = _react.forwardRef((props, ref) => {
+  const { className, children, footer, ...rest } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'blockquote',
+      className: (0, _classnames.default)('iui-blockquote', className),
+      ref: ref,
+      ...rest,
+    },
+    children,
+    footer && _react.createElement('footer', null, footer),
+  );
 });

package/cjs/core/Typography/Code.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Code = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const index_js_1 = require("../../utils/index.js");
-/**
- * Inline code element.
- * @example
- * <p>Some <Code>inline code</Code> in a paragraph</p>
- */
-exports.Code = index_js_1.polymorphic.code('iui-code');
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+Object.defineProperty(exports, 'Code', {
+  enumerable: true,
+  get: function () {
+    return Code;
+  },
+});
+const _index = require('../../utils/index.js');
+const Code = _index.polymorphic.code('iui-code');

package/cjs/core/Typography/Kbd.js

@@ -1,64 +1,52 @@
-"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;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Kbd = exports.KbdKeys = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-/**
- * Some predefined strings for common keyboard keys.
- */
-exports.KbdKeys = {
-    Command: '\u2318 Cmd',
-    Shift: '\u21e7 Shift',
-    Backspace: '\u232b Backspace',
-    Enter: '\u21b5 Enter',
-    Eject: '\u23cf Eject',
-    Control: 'Ctrl',
-    Windows: '\u229e Win',
-    Apple: '\uf8ff',
-    Option: '\u2325 Option',
-    Left: '\u2190',
-    Up: '\u2191',
-    Right: '\u2192',
-    Down: '\u2193',
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
+    });
+}
+_export(exports, {
+  Kbd: function () {
+    return Kbd;
+  },
+  KbdKeys: function () {
+    return KbdKeys;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const KbdKeys = {
+  Command: '\u2318 Cmd',
+  Shift: '\u21e7 Shift',
+  Backspace: '\u232b Backspace',
+  Enter: '\u21b5 Enter',
+  Eject: '\u23cf Eject',
+  Control: 'Ctrl',
+  Windows: '\u229e Win',
+  Apple: '\uf8ff',
+  Option: '\u2325 Option',
+  Left: '\u2190',
+  Up: '\u2191',
+  Right: '\u2192',
+  Down: '\u2193',
 };
-/**
- * A keyboard key element.
- * @example
- * <Kbd>A</Kbd>
- * <Kbd title='Enter'>{KbdKeys.Enter}</Kbd>
- */
-exports.Kbd = React.forwardRef((props, forwardedRef) => {
-    const { className, children, ...rest } = props;
-    return (React.createElement(index_js_1.Box, { as: 'kbd', className: (0, classnames_1.default)('iui-keyboard', className), ref: forwardedRef, ...rest }, children));
+const Kbd = _react.forwardRef((props, forwardedRef) => {
+  const { className, children, ...rest } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'kbd',
+      className: (0, _classnames.default)('iui-keyboard', className),
+      ref: forwardedRef,
+      ...rest,
+    },
+    children,
+  );
 });

package/cjs/core/Typography/Text.js

@@ -1,61 +1,53 @@
-"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;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextContext = exports.Text = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-// ----------------------------------------------------------------------------
-/**
- * Polymorphic typography component to render any kind of text as any kind of element.
- * Users should decide which element to render based on the context of their app. Link to heading levels docs: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#accessibility_concerns
- *
- * @example
- * <Text>Some normal paragraph text rendered as a div</Text>
- * @example
- * <Text variant='title' as='h3'>I'm some h2 text rendered as an h3 element!</Text>
- * @example
- * <Text isMuted>Some muted text.</Text>
- * <Text isSkeleton>Skeleton text</Text>
- */
-exports.Text = React.forwardRef((props, ref) => {
-    const { variant = 'body', className, isMuted = false, isSkeleton = false, ...rest } = props;
-    return (React.createElement(exports.TextContext.Provider, { value: true },
-        React.createElement(index_js_1.Box, { className: (0, classnames_1.default)({
-                [`iui-text-${variant}`]: variant !== 'body',
-                'iui-text-block': variant === 'body',
-                'iui-text-muted': isMuted,
-                'iui-skeleton': isSkeleton,
-            }, className), ref: ref, ...rest })));
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
+    });
+}
+_export(exports, {
+  Text: function () {
+    return Text;
+  },
+  TextContext: function () {
+    return TextContext;
+  },
 });
-// ----------------------------------------------------------------------------
-exports.TextContext = React.createContext(false);
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const Text = _react.forwardRef((props, ref) => {
+  const {
+    variant = 'body',
+    className,
+    isMuted = false,
+    isSkeleton = false,
+    ...rest
+  } = props;
+  return _react.createElement(
+    TextContext.Provider,
+    {
+      value: true,
+    },
+    _react.createElement(_index.Box, {
+      className: (0, _classnames.default)(
+        {
+          [`iui-text-${variant}`]: variant !== 'body',
+          'iui-text-block': variant === 'body',
+          'iui-text-muted': isMuted,
+          'iui-skeleton': isSkeleton,
+        },
+        className,
+      ),
+      ref: ref,
+      ...rest,
+    }),
+  );
+});
+const TextContext = _react.createContext(false);

package/cjs/core/VisuallyHidden/VisuallyHidden.js

@@ -1,61 +1,54 @@
-"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;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VisuallyHidden = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../../utils/index.js");
-/**
- * Hides content visually but keeps it still accessible to screen readers
- * and other assistive technologies.
- *
- * @example
- * <div aria-hidden='true'>★★★☆☆</div>
- * <VisuallyHidden>3 stars out of 5</VisuallyHidden>
- *
- * @see https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
- */
-exports.VisuallyHidden = React.forwardRef((props, ref) => {
-    const { as: asProp = 'span', className, unhideOnFocus = true, children: childrenProp, ...rest } = props;
-    const isHydrated = (0, index_js_1.useHydration)() === 'hydrated';
-    // ShadowRoot is not supported on all elements, so we only use it for few common ones.
-    const children = !['div', 'span', 'p'].includes(asProp) ? (childrenProp) : (React.createElement(React.Fragment, null,
-        React.createElement(index_js_1.ShadowRoot, { css: css },
-            React.createElement("slot", null)),
-        isHydrated && childrenProp));
-    return (React.createElement(index_js_1.Box, { as: asProp, className: (0, classnames_1.default)('iui-visually-hidden', className), "data-iui-unhide-on-focus": unhideOnFocus ? true : undefined, ref: ref, ...rest }, children));
+Object.defineProperty(exports, 'VisuallyHidden', {
+  enumerable: true,
+  get: function () {
+    return VisuallyHidden;
+  },
 });
-// ----------------------------------------------------------------------------
-const css = /* css */ `
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const VisuallyHidden = _react.forwardRef((props, ref) => {
+  const {
+    as: asProp = 'span',
+    className,
+    unhideOnFocus = true,
+    children: childrenProp,
+    ...rest
+  } = props;
+  const isHydrated = (0, _index.useHydration)() === 'hydrated';
+  const children = !['div', 'span', 'p'].includes(asProp)
+    ? childrenProp
+    : _react.createElement(
+        _react.Fragment,
+        null,
+        _react.createElement(
+          _index.ShadowRoot,
+          {
+            css: css,
+          },
+          _react.createElement('slot', null),
+        ),
+        isHydrated && childrenProp,
+      );
+  return _react.createElement(
+    _index.Box,
+    {
+      as: asProp,
+      className: (0, _classnames.default)('iui-visually-hidden', className),
+      'data-iui-unhide-on-focus': unhideOnFocus ? true : undefined,
+      ref: ref,
+      ...rest,
+    },
+    children,
+  );
+});
+const css = `
   :host(:where(:not([data-iui-unhide-on-focus]:is(:focus-within, :active)))) {
     clip-path: inset(50%) !important;
     overflow: hidden !important;

package/cjs/index.d.ts

@@ -110,3 +110,4 @@ export { Icon } from './core/Icon/Icon.js';
 export { Flex } from './core/Flex/Flex.js';
 export { Popover } from './core/Popover/Popover.js';
 export { Divider } from './core/Divider/Divider.js';
+export { meta } from './utils/meta.js';