@macive/ui 0.0.8 → 0.0.10

package/dist/css/Text.css

@@ -273,4 +273,12 @@
 
 .Text-line-through {
   text-decoration-line: line-through;
+}
+
+.Text-clamp-text {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  -webkit-line-clamp: var(--lines);
+  line-clamp: var(--lines);
 }

package/dist/src/components/Text/Text.classnames.js

@@ -1,51 +1,52 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const TextClassnames = {
-    "root": "Text-root",
-    "block": "Text-block",
-    "truncate": "Text-truncate",
-    "visuallyHidden": "Text-visuallyHidden",
-    "start": "Text-start",
-    "center": "Text-center",
-    "end": "Text-end",
-    "justify": "Text-justify",
-    "text": "Text-text",
-    "link": "Text-link",
-    "brand": "Text-brand",
-    "success": "Text-success",
-    "critical": "Text-critical",
-    "warning": "Text-warning",
-    "accent": "Text-accent",
-    "muted": "Text-muted",
-    "subdued": "Text-subdued",
-    "text-inverse": "Text-text-inverse",
-    "heading": "Text-heading",
-    "bodyXs": "Text-bodyXs",
-    "tiny": "Text-tiny",
-    "headingXs": "Text-headingXs",
-    "headingSm": "Text-headingSm",
-    "headingMd": "Text-headingMd",
-    "headingLg": "Text-headingLg",
-    "headingXl": "Text-headingXl",
-    "heading2xl": "Text-heading2xl",
-    "heading3xl": "Text-heading3xl",
-    "heading4xl": "Text-heading4xl",
-    "bodySm": "Text-bodySm",
-    "bodyMd": "Text-bodyMd",
-    "bodyLg": "Text-bodyLg",
-    "regular": "Text-regular",
-    "medium": "Text-medium",
-    "semibold": "Text-semibold",
-    "bold": "Text-bold",
-    "break": "Text-break",
-    "numeric": "Text-numeric",
-    "base": "Text-base",
-    "inherit": "Text-inherit",
-    "disabled": "Text-disabled",
-    "caution": "Text-caution",
-    "magic": "Text-magic",
-    "magic-subdued": "Text-magic-subdued",
-    "text-inverse-secondary": "Text-text-inverse-secondary",
-    "line-through": "Text-line-through"
+    root: 'Text-root',
+    block: 'Text-block',
+    truncate: 'Text-truncate',
+    visuallyHidden: 'Text-visuallyHidden',
+    start: 'Text-start',
+    center: 'Text-center',
+    end: 'Text-end',
+    justify: 'Text-justify',
+    text: 'Text-text',
+    link: 'Text-link',
+    brand: 'Text-brand',
+    success: 'Text-success',
+    critical: 'Text-critical',
+    warning: 'Text-warning',
+    accent: 'Text-accent',
+    muted: 'Text-muted',
+    subdued: 'Text-subdued',
+    'text-inverse': 'Text-text-inverse',
+    heading: 'Text-heading',
+    bodyXs: 'Text-bodyXs',
+    tiny: 'Text-tiny',
+    headingXs: 'Text-headingXs',
+    headingSm: 'Text-headingSm',
+    headingMd: 'Text-headingMd',
+    headingLg: 'Text-headingLg',
+    headingXl: 'Text-headingXl',
+    heading2xl: 'Text-heading2xl',
+    heading3xl: 'Text-heading3xl',
+    heading4xl: 'Text-heading4xl',
+    bodySm: 'Text-bodySm',
+    bodyMd: 'Text-bodyMd',
+    bodyLg: 'Text-bodyLg',
+    regular: 'Text-regular',
+    medium: 'Text-medium',
+    semibold: 'Text-semibold',
+    bold: 'Text-bold',
+    break: 'Text-break',
+    numeric: 'Text-numeric',
+    base: 'Text-base',
+    inherit: 'Text-inherit',
+    disabled: 'Text-disabled',
+    caution: 'Text-caution',
+    magic: 'Text-magic',
+    'magic-subdued': 'Text-magic-subdued',
+    'text-inverse-secondary': 'Text-text-inverse-secondary',
+    'line-through': 'Text-line-through',
+    'clamp-text': 'Text-clamp-text',
 };
 exports.default = TextClassnames;

package/dist/src/components/Text/Text.js

@@ -10,7 +10,7 @@ const Text_classnames_1 = __importDefault(require("./Text.classnames"));
 const deprecatedVariants = {
     heading3xl: 'heading2xl',
 };
-const Text = ({ alignment, as, breakWord, children, tone, fontWeight, id, numeric = false, truncate = false, variant, visuallyHidden = false, textDecorationLine, }) => {
+const Text = ({ alignment, as, breakWord, children, tone, fontWeight, id, numeric = false, truncate = false, variant, visuallyHidden = false, textDecorationLine, color, lines, }) => {
     if (process.env.NODE_ENV === 'development' &&
         variant &&
         Object.prototype.hasOwnProperty.call(deprecatedVariants, variant)) {
@@ -18,7 +18,7 @@ const Text = ({ alignment, as, breakWord, children, tone, fontWeight, id, numeri
         console.warn(`Deprecation: <Text variant="${variant}" />. The value "${variant}" will be removed in a future major version of Polaris. Use "${deprecatedVariants[variant]}" instead.`);
     }
     const Component = as || (visuallyHidden ? 'span' : 'p');
-    const className = (0, css_1.classNames)(Text_classnames_1.default.root, variant && Text_classnames_1.default[variant], fontWeight && Text_classnames_1.default[fontWeight], (alignment || truncate) && Text_classnames_1.default.block, alignment && Text_classnames_1.default[alignment], breakWord && Text_classnames_1.default.break, tone && Text_classnames_1.default[tone], numeric && Text_classnames_1.default.numeric, truncate && Text_classnames_1.default.truncate, visuallyHidden && Text_classnames_1.default.visuallyHidden, textDecorationLine && Text_classnames_1.default[textDecorationLine]);
-    return ((0, jsx_runtime_1.jsx)(Component, { className: className, ...(id && { id }), children: children }));
+    const className = (0, css_1.classNames)(Text_classnames_1.default.root, variant && Text_classnames_1.default[variant], fontWeight && Text_classnames_1.default[fontWeight], (alignment || truncate) && Text_classnames_1.default.block, alignment && Text_classnames_1.default[alignment], breakWord && Text_classnames_1.default.break, tone && Text_classnames_1.default[tone], numeric && Text_classnames_1.default.numeric, truncate && Text_classnames_1.default.truncate, visuallyHidden && Text_classnames_1.default.visuallyHidden, textDecorationLine && Text_classnames_1.default[textDecorationLine], color && Text_classnames_1.default[color], lines && Text_classnames_1.default['clamp-text']);
+    return ((0, jsx_runtime_1.jsx)(Component, { className: className, ...(id && { id }), style: { ...(lines && { '--lines': lines }) }, children: children }));
 };
 exports.Text = Text;

package/dist/src/utilities/components.js

@@ -10,7 +10,9 @@ function wrapWithComponent(element, Component, props) {
     if (element == null) {
         return null;
     }
-    return isElementOfType(element, Component) ? element : (0, jsx_runtime_1.jsx)(Component, { ...props, children: element });
+    // Separate the `key` prop from other props
+    const { key, ...restProps } = props;
+    return isElementOfType(element, Component) ? (element) : ((0, jsx_runtime_1.jsx)(Component, { ...restProps, children: element }, key));
 }
 exports.wrapWithComponent = wrapWithComponent;
 // In development, we compare based on the name of the function because
@@ -21,14 +23,14 @@ const isComponent = process.env.NODE_ENV === 'development'
     : (AComponent, AnotherComponent) => AComponent === AnotherComponent;
 // Checks whether `element` is a React element of type `Component` (or one of
 // the passed components, if `Component` is an array of React components).
+// Checks whether `element` is a React element of type `Component` (or one of
+// the passed components, if `Component` is an array of React components).
 function isElementOfType(element, Component) {
     var _a;
     if (element == null || !(0, react_1.isValidElement)(element) || typeof element.type === 'string') {
         return false;
     }
     const { type: defaultType } = element;
-    // Type override allows components to bypass default wrapping behavior. Ex: Stack, ResourceList...
-    // See https://github.com/Airsoko/app-extension-libs/issues/996#issuecomment-710437088
     const overrideType = (_a = element.props) === null || _a === void 0 ? void 0 : _a.__type__;
     const type = overrideType || defaultType;
     const Components = Array.isArray(Component) ? Component : [Component];