@syscore/ui-library 1.15.0 → 1.15.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/client/components/icons/UtilityCheck.tsx +4 -3
- package/client/components/ui/section-badge.tsx +22 -0
- package/client/components/ui/typography.tsx +80 -80
- package/client/global.css +32 -0
- package/client/ui/SectionBadge.stories.tsx +28 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.es.js +23 -11
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -249,6 +249,7 @@ import { SealWellCommunity } from '../client/components/icons/seals';
|
|
|
249
249
|
import { SealWellResidence } from '../client/components/icons/seals';
|
|
250
250
|
import { SealWorksWithWell } from '../client/components/icons/seals';
|
|
251
251
|
import { SearchField } from '../client/components/ui/search';
|
|
252
|
+
import { SectionBadge } from '../client/components/ui/section-badge';
|
|
252
253
|
import { Select } from '../client/components/ui/select';
|
|
253
254
|
import { SelectContent } from '../client/components/ui/select';
|
|
254
255
|
import { SelectGroup } from '../client/components/ui/select';
|
|
@@ -861,6 +862,8 @@ export { SealWorksWithWell }
|
|
|
861
862
|
|
|
862
863
|
export { SearchField }
|
|
863
864
|
|
|
865
|
+
export { SectionBadge }
|
|
866
|
+
|
|
864
867
|
export { Select }
|
|
865
868
|
|
|
866
869
|
export { SelectContent }
|
package/dist/index.es.js
CHANGED
|
@@ -453,6 +453,7 @@ const AspectRatio = AspectRatioPrimitive.Root;
|
|
|
453
453
|
const typographyVariants = cva("", {
|
|
454
454
|
variants: {
|
|
455
455
|
variant: {
|
|
456
|
+
"heading-xlarge": "heading-xlarge",
|
|
456
457
|
"heading-large": "heading-large",
|
|
457
458
|
"heading-medium": "heading-medium",
|
|
458
459
|
"heading-small": "heading-small",
|
|
@@ -473,6 +474,7 @@ const typographyVariants = cva("", {
|
|
|
473
474
|
}
|
|
474
475
|
});
|
|
475
476
|
const defaultElementMap = {
|
|
477
|
+
"heading-xlarge": "h1",
|
|
476
478
|
"heading-large": "h1",
|
|
477
479
|
"heading-medium": "h2",
|
|
478
480
|
"heading-small": "h3",
|
|
@@ -503,14 +505,7 @@ const Text = React.forwardRef(
|
|
|
503
505
|
Text.displayName = "Text";
|
|
504
506
|
const List = React.forwardRef(
|
|
505
507
|
({ className, ...props }, ref) => {
|
|
506
|
-
return /* @__PURE__ */ jsx(
|
|
507
|
-
"ul",
|
|
508
|
-
{
|
|
509
|
-
ref,
|
|
510
|
-
className: cn("typography-list", className),
|
|
511
|
-
...props
|
|
512
|
-
}
|
|
513
|
-
);
|
|
508
|
+
return /* @__PURE__ */ jsx("ul", { ref, className: cn("typography-list", className), ...props });
|
|
514
509
|
}
|
|
515
510
|
);
|
|
516
511
|
List.displayName = "List";
|
|
@@ -1680,9 +1675,10 @@ const UtilityCheck = ({ className }) => {
|
|
|
1680
1675
|
{
|
|
1681
1676
|
d: "M0.75 2.30556L2.30556 3.86111L5.41667 0.75",
|
|
1682
1677
|
stroke: "currentColor",
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1678
|
+
strokeWidth: "1.5",
|
|
1679
|
+
strokeLinecap: "round",
|
|
1680
|
+
strokeLinejoin: "round",
|
|
1681
|
+
transform: "translate(0.42, 0.19)"
|
|
1686
1682
|
}
|
|
1687
1683
|
)
|
|
1688
1684
|
}
|
|
@@ -2669,6 +2665,21 @@ const SearchField = ({
|
|
|
2669
2665
|
) })
|
|
2670
2666
|
] });
|
|
2671
2667
|
};
|
|
2668
|
+
function SectionBadge({
|
|
2669
|
+
children,
|
|
2670
|
+
className
|
|
2671
|
+
}) {
|
|
2672
|
+
return /* @__PURE__ */ jsx(
|
|
2673
|
+
"span",
|
|
2674
|
+
{
|
|
2675
|
+
className: cn(
|
|
2676
|
+
"section-badge overline-large",
|
|
2677
|
+
className
|
|
2678
|
+
),
|
|
2679
|
+
children
|
|
2680
|
+
}
|
|
2681
|
+
);
|
|
2682
|
+
}
|
|
2672
2683
|
const getStatusClass = (status, colorScheme = "light") => {
|
|
2673
2684
|
return `status-tag tag--${colorScheme}-${status}`;
|
|
2674
2685
|
};
|
|
@@ -12989,6 +13000,7 @@ export {
|
|
|
12989
13000
|
SealWellResidence,
|
|
12990
13001
|
SealWorksWithWell,
|
|
12991
13002
|
SearchField,
|
|
13003
|
+
SectionBadge,
|
|
12992
13004
|
Select,
|
|
12993
13005
|
SelectContent,
|
|
12994
13006
|
SelectGroup,
|