@macive/ui 0.0.9 → 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

@@ -37,21 +37,6 @@ function isElementOfType(element, Component) {
     return Components.some((AComponent) => typeof type !== 'string' && isComponent(AComponent, type));
 }
 exports.isElementOfType = isElementOfType;
-// export function isElementOfType<TProps>(
-//   element: React.ReactNode | null | undefined,
-//   Component: React.ComponentType<TProps> | React.ComponentType<TProps>[],
-// ): boolean {
-//   if (element == null || !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 = element.props?.__type__
-//   const type = overrideType || defaultType
-//   const Components = Array.isArray(Component) ? Component : [Component]
-//   return Components.some((AComponent) => typeof type !== 'string' && isComponent(AComponent, type))
-// }
 // Returns all children that are valid elements as an array. Can optionally be
 // filtered by passing `predicate`.
 function elementChildren(children, predicate = () => true) {