@paubox/ui 1.1.0 → 1.2.1

package/index.esm.js

@@ -24810,7 +24810,9 @@ function _templateObject$c() {
     var data = _tagged_template_literal$c([
         "\n  ",
         "\n  color: ",
-        ";\n  font-family: 'Roboto', sans-serif;\n"
+        ";\n  font-family: 'Roboto', sans-serif;\n  position: ",
+        ";\n  left: ",
+        ";\n"
     ]);
     _templateObject$c = function _templateObject() {
         return data;
@@ -24823,19 +24825,27 @@ var StyledTypography = styled.div(_templateObject$c(), function(param) {
 }, function(param) {
     var $color = param.$color;
     return $color;
+}, function(param) {
+    var $srOnly = param.$srOnly;
+    return $srOnly ? 'absolute' : undefined;
+}, function(param) {
+    var $srOnly = param.$srOnly;
+    return $srOnly ? '-9999px' : undefined;
 });
 var Typography = function(_param) {
-    var variant = _param.variant, children = _param.children, _param_color = _param.color, color = _param_color === void 0 ? 'primary' : _param_color, rest = _object_without_properties$a(_param, [
+    var _param_variant = _param.variant, variant = _param_variant === void 0 ? 'paragraph100Regular' : _param_variant, children = _param.children, _param_color = _param.color, color = _param_color === void 0 ? 'primary' : _param_color, _param_srOnly = _param.srOnly, srOnly = _param_srOnly === void 0 ? false : _param_srOnly, rest = _object_without_properties$a(_param, [
         "variant",
         "children",
-        "color"
+        "color",
+        "srOnly"
     ]);
     var Tag = getTagForVariant(variant);
     var colorString = color === 'primary' ? textPrimary : color === 'secondary' ? textSecondary : color;
     return /*#__PURE__*/ jsx(StyledTypography, _object_spread_props$g(_object_spread$j({
         as: Tag,
         $variant: variant,
-        $color: colorString
+        $color: colorString,
+        $srOnly: srOnly
     }, rest), {
         children: children
     }));

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/Typography/Typography.d.ts

@@ -1,7 +1,7 @@
 import { SerializedStyles } from '@emotion/react';
 import React from 'react';
 export type TypographyProps = {
-    variant: 'headline100Regular' | 'headline100Semibold' | 'headline200Regular' | 'headline200Semibold' | 'headline300Regular' | 'headline300Semibold' | 'paragraph100Regular' | 'paragraph100Semibold' | 'paragraph200Regular' | 'paragraph200Semibold' | 'paragraph300Regular' | 'paragraph300Medium' | 'paragraph300Semibold' | 'paragraph300Bold' | 'button100Medium' | 'button200Medium' | 'label100Regular' | 'label100Medium' | 'label100Semibold' | 'label200Regular' | 'label200Medium' | 'label200Semibold' | 'label300Regular' | 'label300Medium' | 'label300Semibold';
+    variant?: 'headline100Regular' | 'headline100Semibold' | 'headline200Regular' | 'headline200Semibold' | 'headline300Regular' | 'headline300Semibold' | 'paragraph100Regular' | 'paragraph100Semibold' | 'paragraph200Regular' | 'paragraph200Semibold' | 'paragraph300Regular' | 'paragraph300Medium' | 'paragraph300Semibold' | 'paragraph300Bold' | 'button100Medium' | 'button200Medium' | 'label100Regular' | 'label100Medium' | 'label100Semibold' | 'label200Regular' | 'label200Medium' | 'label200Semibold' | 'label300Regular' | 'label300Medium' | 'label300Semibold';
     /**
      * The color of the text. This can be any css color string or one of the following:
      *
@@ -11,5 +11,6 @@ export type TypographyProps = {
     css?: SerializedStyles;
     as?: keyof React.JSX.IntrinsicElements;
     htmlFor?: string;
+    srOnly?: boolean;
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare const Typography: React.FC<TypographyProps>;