@astral/ui 1.12.0 → 1.13.0

package/Description/Description.d.ts

@@ -7,6 +7,6 @@ export declare type DescriptionProps = {
 };
 export declare const Description: {
     ({ children }: DescriptionProps): JSX.Element;
-    Name: ({ children, ...props }: import("./Name").NameProps) => JSX.Element;
+    Name: ({ children, color, ...props }: import("./Name").NameProps) => JSX.Element;
     Value: ({ children, stub, ...props }: import("./Value").ValueProps) => JSX.Element;
 };

package/Description/Name/Name.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TypographyProps } from '../../Typography';
 export declare type NameProps = Pick<TypographyProps, 'color' | 'variant' | 'children'>;
-export declare const Name: ({ children, ...props }: NameProps) => JSX.Element;
+export declare const Name: ({ children, color, ...props }: NameProps) => JSX.Element;

package/Description/Name/Name.js

@@ -26,7 +26,7 @@ exports.Name = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Typography_1 = require("../../Typography");
 var Name = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, __assign({}, props, { children: [children, ":\u00A0"] })));
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'textSecondary' : _b, props = __rest(_a, ["children", "color"]);
+    return ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, __assign({}, props, { color: color }, { children: [children, ":\u00A0"] })));
 };
 exports.Name = Name;

package/Description/styles.js

@@ -6,8 +6,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DescriptionWrapper = void 0;
 var styles_1 = require("../styles");
-exports.DescriptionWrapper = styles_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  ", " {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  ", " {\n    flex-direction: column;\n  }\n"])), function (_a) {
+exports.DescriptionWrapper = styles_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n\n  ", " {\n    flex-direction: column;\n\n    .MuiTypography-root {\n      font-size: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n\n  ", " {\n    flex-direction: column;\n\n    .MuiTypography-root {\n      font-size: ", ";\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.breakpoints.down('sm');
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.fontSize;
 });
 var templateObject_1;

package/esm/Description/Description.d.ts

@@ -7,6 +7,6 @@ export declare type DescriptionProps = {
 };
 export declare const Description: {
     ({ children }: DescriptionProps): JSX.Element;
-    Name: ({ children, ...props }: import("./Name").NameProps) => JSX.Element;
+    Name: ({ children, color, ...props }: import("./Name").NameProps) => JSX.Element;
     Value: ({ children, stub, ...props }: import("./Value").ValueProps) => JSX.Element;
 };

package/esm/Description/Name/Name.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TypographyProps } from '../../Typography';
 export declare type NameProps = Pick<TypographyProps, 'color' | 'variant' | 'children'>;
-export declare const Name: ({ children, ...props }: NameProps) => JSX.Element;
+export declare const Name: ({ children, color, ...props }: NameProps) => JSX.Element;

package/esm/Description/Name/Name.js

@@ -23,6 +23,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Typography } from '../../Typography';
 export var Name = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (_jsxs(Typography, __assign({}, props, { children: [children, ":\u00A0"] })));
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'textSecondary' : _b, props = __rest(_a, ["children", "color"]);
+    return (_jsxs(Typography, __assign({}, props, { color: color }, { children: [children, ":\u00A0"] })));
 };

package/esm/Description/styles.js

@@ -3,8 +3,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { styled } from '../styles';
-export var DescriptionWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  ", " {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  ", " {\n    flex-direction: column;\n  }\n"])), function (_a) {
+export var DescriptionWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n\n  ", " {\n    flex-direction: column;\n\n    .MuiTypography-root {\n      font-size: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n\n  ", " {\n    flex-direction: column;\n\n    .MuiTypography-root {\n      font-size: ", ";\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.breakpoints.down('sm');
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.fontSize;
 });
 var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "browser": "./src/index.ts",
   "jest": {
     "moduleNameMapper": {
@@ -8,7 +8,7 @@
     }
   },
   "dependencies": {
-    "@astral/icons": "^1.12.0",
+    "@astral/icons": "^1.13.0",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",