@gympass/yoga 7.107.1 → 7.108.1

package/esm/Tag/native/Tag.test.js

@@ -2,8 +2,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { render } from "@testing-library/react-native";
 import { Building } from "@gympass/yoga-icons";
-import { ThemeProvider, Tag } from "../..";
+import { ThemeProvider, Tag, v3theme } from "../..";
 describe("<Tag />", () => {
+  it("should match snapshot when v3Theme is settled", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { theme: v3theme, children: /* @__PURE__ */ jsx(Tag, { children: "v3Theme" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
   it("should match snapshot", () => {
     const { toJSON } = render(
       /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Tag, { children: "default" }) })

package/esm/Tag/web/Informative.js

@@ -33,13 +33,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import styled, { withTheme } from "styled-components";
 import { func, oneOf, node, bool } from "prop-types";
-import { margins } from "@gympass/yoga-system";
-import Tag from "./Tag";
+import { StyledTag, StyledText } from "./Tag";
 import Icon from "../../Icon";
-const Informative = styled(Tag)`
-  justify-content: center;
-  align-items: center;
-
+const Informative = styled(StyledTag)`
   ${({
   variant,
   theme: {
@@ -56,17 +52,13 @@ const Informative = styled(Tag)`
     color: ${text.primary};
     border-radius: ${tag.border.radius}px;
     border-color: ${color.light};
-
-    font-size: ${tag.font.size}px;
-    font-weight: ${tag.font.weight};
   `}
-
-  ${margins}
 `;
 const TagInformative = (_a) => {
   var _b = _a, {
     children,
     icon,
+    variant,
     theme: {
       yoga: {
         colors: { text },
@@ -75,14 +67,15 @@ const TagInformative = (_a) => {
     },
     small,
     ellipsis
-  } = _b, props = __objRest(_b, [
+  } = _b, rest = __objRest(_b, [
     "children",
     "icon",
+    "variant",
     "theme",
     "small",
     "ellipsis"
   ]);
-  return /* @__PURE__ */ jsxs(Informative, __spreadProps(__spreadValues({ small, ellipsis }, props), { children: [
+  return /* @__PURE__ */ jsxs(Informative, __spreadProps(__spreadValues({ variant, small }, rest), { children: [
     icon && /* @__PURE__ */ jsx(
       Icon,
       {
@@ -92,7 +85,7 @@ const TagInformative = (_a) => {
         marginRight: tag.icon.margin.right
       }
     ),
-    children
+    /* @__PURE__ */ jsx(StyledText, { numberOfLines: ellipsis ? 1 : void 0, children })
   ] }));
 };
 TagInformative.propTypes = {

package/esm/Tag/web/Tag.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,11 +16,25 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import styled from "styled-components";
 import { oneOf, node, bool } from "prop-types";
 import { margins, maxWidth } from "@gympass/yoga-system";
+import Text from "../../Text";
 const StyledTag = styled.div`
   display: inline-flex;
   justify-content: center;
@@ -29,7 +45,6 @@ const StyledTag = styled.div`
   ${({
   variant,
   small,
-  ellipsis,
   theme: {
     yoga: {
       colors: {
@@ -58,27 +73,30 @@ const StyledTag = styled.div`
               ${tag.padding.default.left}px;
           `}
 
-    ${ellipsis ? `
-      display: block;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    ` : ``}
-
     color: ${color.dark};
     border-radius: ${tag.border.radius}px;
     border-width: ${tag.border.width}px;
     border-color: ${borderColor.dark};
-
-    font-size: ${tag.font.size}px;
-    line-height: ${tag.font.lineHeight}px;
-    font-weight: ${tag.font.weight};
   `}
 
   ${margins}
   ${maxWidth}
 `;
-const Tag = (props) => /* @__PURE__ */ jsx(StyledTag, __spreadValues({}, props));
+const StyledText = styled(Text.Overline)`
+  ${({
+  theme: {
+    yoga: {
+      colors: { text }
+    }
+  }
+}) => `
+    color: ${text.primary};
+  `}
+`;
+const Tag = (_a) => {
+  var _b = _a, { children, variant, small, ellipsis } = _b, rest = __objRest(_b, ["children", "variant", "small", "ellipsis"]);
+  return /* @__PURE__ */ jsx(StyledTag, __spreadProps(__spreadValues({ variant, small }, rest), { children: /* @__PURE__ */ jsx(StyledText, { numberOfLines: ellipsis ? 1 : void 0, children }) }));
+};
 Tag.propTypes = {
   /** style the tag following the theme (success, informative, attention) */
   variant: oneOf(["", "success", "informative", "attention"]),
@@ -95,5 +113,7 @@ Tag.defaultProps = {
 };
 var Tag_default = Tag;
 export {
+  StyledTag,
+  StyledText,
   Tag_default as default
 };

package/esm/Tag/web/Tag.test.js

@@ -2,8 +2,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { render } from "@testing-library/react";
 import { Building } from "@gympass/yoga-icons";
-import { ThemeProvider, Tag } from "../..";
+import { ThemeProvider, Tag, v3theme } from "../..";
 describe("<Tag />", () => {
+  it("should match snapshot when v3Theme is settled", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { theme: v3theme, children: /* @__PURE__ */ jsx(Tag, { children: "v3Theme" }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
   it("should match snapshot", () => {
     const { container } = render(
       /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Tag, { children: "default" }) })

package/esm/Theme/Provider/web/FontLoader.test.js

@@ -10,7 +10,7 @@ describe("FontLoader component", () => {
     );
     const link = document.getElementsByTagName("link").item(0).outerHTML;
     expect(link).toContain(
-      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i">`
+      `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700,900,300i,400i,500i,600i,700i,900i">`
     );
   });
 });

package/esm/Theme/theme/v3theme.js

@@ -205,6 +205,19 @@ const v3theme = createTheme((tokens) => ({
       black: {
         fontWeight: tokens.fontWeights.black
       }
+    },
+    button: {
+      font: {
+        size: {
+          default: tokens.fontSizes.medium,
+          small: tokens.fontSizes.small
+        },
+        weight: tokens.fontWeights.semiBold,
+        height: {
+          default: tokens.lineHeights.medium,
+          small: tokens.lineHeights.xsmall
+        }
+      }
     }
   }
 }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.107.1",
+  "version": "7.108.1",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -31,7 +31,7 @@
     "@gympass/yoga-icons": "^1.20.0",
     "@gympass/yoga-illustrations": "^0.5.2",
     "@gympass/yoga-system": "^0.11.1",
-    "@gympass/yoga-tokens": "^3.4.1",
+    "@gympass/yoga-tokens": "^3.5.0",
     "@ptomasroos/react-native-multi-slider": "^2.1.1",
     "@radix-ui/react-dropdown-menu": "^2.0.1",
     "date-fns": "^2.29.2",
@@ -57,7 +57,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "f3f1b5fea6bc8c28bd0b33e50d2e8ad04d3cc372",
+  "gitHead": "90d26ef35fee2b0323bbbac3cef453f829f1770d",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/NavigationMenu/web/Item/styles.d.ts

@@ -6,7 +6,13 @@ declare const StyledTextContainer: styled_components.StyledComponent<string, any
     children: React.ReactNode;
 }, never>;
 declare const StyledTag: styled_components.StyledComponent<{
-    (props: any): JSX.Element;
+    ({ children, variant, small, ellipsis, ...rest }: {
+        [x: string]: any;
+        children: any;
+        variant: any;
+        small: any;
+        ellipsis: any;
+    }): JSX.Element;
     propTypes: {
         variant: prop_types.Requireable<string>;
         children: prop_types.Validator<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;

package/typings/Theme/theme/v3theme.d.ts

@@ -99,7 +99,7 @@ declare const v3theme: {
         };
         fonts: Record<string, {
             family: string;
-            weight: (300 | 400 | 500 | 700 | 900 | "300i" | "400i" | "500i" | "700i" | "900i")[];
+            weight: (300 | 400 | 500 | 600 | 700 | 900 | "300i" | "400i" | "500i" | "600i" | "700i" | "900i")[];
         }>;
         fontSizes: {
             xxsmall: 10;
@@ -169,46 +169,46 @@ declare const v3theme: {
             length: number;
             toString(): string;
             toLocaleString(): string;
-            pop(): 300 | 400 | 500 | 700 | 900 | undefined;
-            push(...items: (300 | 400 | 500 | 700 | 900)[]): number;
-            concat(...items: ConcatArray<300 | 400 | 500 | 700 | 900>[]): (300 | 400 | 500 | 700 | 900)[];
-            concat(...items: (300 | 400 | 500 | 700 | 900 | ConcatArray<300 | 400 | 500 | 700 | 900>)[]): (300 | 400 | 500 | 700 | 900)[];
+            pop(): 300 | 400 | 500 | 600 | 700 | 900 | undefined;
+            push(...items: (300 | 400 | 500 | 600 | 700 | 900)[]): number;
+            concat(...items: ConcatArray<300 | 400 | 500 | 600 | 700 | 900>[]): (300 | 400 | 500 | 600 | 700 | 900)[];
+            concat(...items: (300 | 400 | 500 | 600 | 700 | 900 | ConcatArray<300 | 400 | 500 | 600 | 700 | 900>)[]): (300 | 400 | 500 | 600 | 700 | 900)[];
             join(separator?: string | undefined): string;
-            reverse(): (300 | 400 | 500 | 700 | 900)[];
-            shift(): 300 | 400 | 500 | 700 | 900 | undefined;
-            slice(start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
-            sort(compareFn?: ((a: 300 | 400 | 500 | 700 | 900, b: 300 | 400 | 500 | 700 | 900) => number) | undefined): (300 | 400 | 500 | 700 | 900)[];
-            splice(start: number, deleteCount?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
-            splice(start: number, deleteCount: number, ...items: (300 | 400 | 500 | 700 | 900)[]): (300 | 400 | 500 | 700 | 900)[];
-            unshift(...items: (300 | 400 | 500 | 700 | 900)[]): number;
-            indexOf(searchElement: 300 | 400 | 500 | 700 | 900, fromIndex?: number | undefined): number;
-            lastIndexOf(searchElement: 300 | 400 | 500 | 700 | 900, fromIndex?: number | undefined): number;
-            every<S_6 extends 300 | 400 | 500 | 700 | 900>(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => value is S_6, thisArg?: any): this is S_6[];
-            every(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): boolean;
-            some(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): boolean;
-            forEach(callbackfn: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => void, thisArg?: any): void;
-            map<U_8>(callbackfn: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_8, thisArg?: any): U_8[];
-            filter<S_7 extends 300 | 400 | 500 | 700 | 900>(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => value is S_7, thisArg?: any): S_7[];
-            filter(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): (300 | 400 | 500 | 700 | 900)[];
-            reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
-            reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900, initialValue: 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
-            reduce<U_9>(callbackfn: (previousValue: U_9, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_9, initialValue: U_9): U_9;
-            reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
-            reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900, initialValue: 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
-            reduceRight<U_10>(callbackfn: (previousValue: U_10, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_10, initialValue: U_10): U_10;
-            find<S_8 extends 300 | 400 | 500 | 700 | 900>(predicate: (this: void, value: 300 | 400 | 500 | 700 | 900, index: number, obj: (300 | 400 | 500 | 700 | 900)[]) => value is S_8, thisArg?: any): S_8 | undefined;
-            find(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, obj: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): 300 | 400 | 500 | 700 | 900 | undefined;
-            findIndex(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, obj: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): number;
-            fill(value: 300 | 400 | 500 | 700 | 900, start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
-            copyWithin(target: number, start: number, end?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
-            entries(): IterableIterator<[number, 300 | 400 | 500 | 700 | 900]>;
+            reverse(): (300 | 400 | 500 | 600 | 700 | 900)[];
+            shift(): 300 | 400 | 500 | 600 | 700 | 900 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 600 | 700 | 900)[];
+            sort(compareFn?: ((a: 300 | 400 | 500 | 600 | 700 | 900, b: 300 | 400 | 500 | 600 | 700 | 900) => number) | undefined): (300 | 400 | 500 | 600 | 700 | 900)[];
+            splice(start: number, deleteCount?: number | undefined): (300 | 400 | 500 | 600 | 700 | 900)[];
+            splice(start: number, deleteCount: number, ...items: (300 | 400 | 500 | 600 | 700 | 900)[]): (300 | 400 | 500 | 600 | 700 | 900)[];
+            unshift(...items: (300 | 400 | 500 | 600 | 700 | 900)[]): number;
+            indexOf(searchElement: 300 | 400 | 500 | 600 | 700 | 900, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 300 | 400 | 500 | 600 | 700 | 900, fromIndex?: number | undefined): number;
+            every<S_6 extends 300 | 400 | 500 | 600 | 700 | 900>(predicate: (value: 300 | 400 | 500 | 600 | 700 | 900, index: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => value is S_6, thisArg?: any): this is S_6[];
+            every(predicate: (value: 300 | 400 | 500 | 600 | 700 | 900, index: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 300 | 400 | 500 | 600 | 700 | 900, index: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 300 | 400 | 500 | 600 | 700 | 900, index: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => void, thisArg?: any): void;
+            map<U_8>(callbackfn: (value: 300 | 400 | 500 | 600 | 700 | 900, index: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => U_8, thisArg?: any): U_8[];
+            filter<S_7 extends 300 | 400 | 500 | 600 | 700 | 900>(predicate: (value: 300 | 400 | 500 | 600 | 700 | 900, index: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => value is S_7, thisArg?: any): S_7[];
+            filter(predicate: (value: 300 | 400 | 500 | 600 | 700 | 900, index: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => unknown, thisArg?: any): (300 | 400 | 500 | 600 | 700 | 900)[];
+            reduce(callbackfn: (previousValue: 300 | 400 | 500 | 600 | 700 | 900, currentValue: 300 | 400 | 500 | 600 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => 300 | 400 | 500 | 600 | 700 | 900): 300 | 400 | 500 | 600 | 700 | 900;
+            reduce(callbackfn: (previousValue: 300 | 400 | 500 | 600 | 700 | 900, currentValue: 300 | 400 | 500 | 600 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => 300 | 400 | 500 | 600 | 700 | 900, initialValue: 300 | 400 | 500 | 600 | 700 | 900): 300 | 400 | 500 | 600 | 700 | 900;
+            reduce<U_9>(callbackfn: (previousValue: U_9, currentValue: 300 | 400 | 500 | 600 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => U_9, initialValue: U_9): U_9;
+            reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 600 | 700 | 900, currentValue: 300 | 400 | 500 | 600 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => 300 | 400 | 500 | 600 | 700 | 900): 300 | 400 | 500 | 600 | 700 | 900;
+            reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 600 | 700 | 900, currentValue: 300 | 400 | 500 | 600 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => 300 | 400 | 500 | 600 | 700 | 900, initialValue: 300 | 400 | 500 | 600 | 700 | 900): 300 | 400 | 500 | 600 | 700 | 900;
+            reduceRight<U_10>(callbackfn: (previousValue: U_10, currentValue: 300 | 400 | 500 | 600 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => U_10, initialValue: U_10): U_10;
+            find<S_8 extends 300 | 400 | 500 | 600 | 700 | 900>(predicate: (this: void, value: 300 | 400 | 500 | 600 | 700 | 900, index: number, obj: (300 | 400 | 500 | 600 | 700 | 900)[]) => value is S_8, thisArg?: any): S_8 | undefined;
+            find(predicate: (value: 300 | 400 | 500 | 600 | 700 | 900, index: number, obj: (300 | 400 | 500 | 600 | 700 | 900)[]) => unknown, thisArg?: any): 300 | 400 | 500 | 600 | 700 | 900 | undefined;
+            findIndex(predicate: (value: 300 | 400 | 500 | 600 | 700 | 900, index: number, obj: (300 | 400 | 500 | 600 | 700 | 900)[]) => unknown, thisArg?: any): number;
+            fill(value: 300 | 400 | 500 | 600 | 700 | 900, start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 600 | 700 | 900)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (300 | 400 | 500 | 600 | 700 | 900)[];
+            entries(): IterableIterator<[number, 300 | 400 | 500 | 600 | 700 | 900]>;
             keys(): IterableIterator<number>;
-            values(): IterableIterator<300 | 400 | 500 | 700 | 900>;
-            includes(searchElement: 300 | 400 | 500 | 700 | 900, fromIndex?: number | undefined): boolean;
-            flatMap<U_11, This_2 = undefined>(callback: (this: This_2, value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_11 | readonly U_11[], thisArg?: This_2 | undefined): U_11[];
+            values(): IterableIterator<300 | 400 | 500 | 600 | 700 | 900>;
+            includes(searchElement: 300 | 400 | 500 | 600 | 700 | 900, fromIndex?: number | undefined): boolean;
+            flatMap<U_11, This_2 = undefined>(callback: (this: This_2, value: 300 | 400 | 500 | 600 | 700 | 900, index: number, array: (300 | 400 | 500 | 600 | 700 | 900)[]) => U_11 | readonly U_11[], thisArg?: This_2 | undefined): U_11[];
             flat<A_2, D_2 extends number = 1>(this: A_2, depth?: D_2 | undefined): FlatArray<A_2, D_2>[];
-            at(index: number): 300 | 400 | 500 | 700 | 900 | undefined;
-            [Symbol.iterator](): IterableIterator<300 | 400 | 500 | 700 | 900>;
+            at(index: number): 300 | 400 | 500 | 600 | 700 | 900 | undefined;
+            [Symbol.iterator](): IterableIterator<300 | 400 | 500 | 600 | 700 | 900>;
             [Symbol.unscopables](): {
                 copyWithin: boolean;
                 entries: boolean;
@@ -221,6 +221,7 @@ declare const v3theme: {
             light: 300;
             regular: 400;
             medium: 500;
+            semiBold: 600;
             bold: 700;
             black: 900;
         };

package/typings/index.d.ts

@@ -266,7 +266,13 @@ declare const _default$4: React.ForwardRefExoticComponent<{
 }>;
 
 /** Tags should be keywords to categorize or organize an item. */
-declare function Tag(props: any): JSX.Element;
+declare function Tag({ children, variant, small, ellipsis, ...rest }: {
+    [x: string]: any;
+    children: any;
+    variant: any;
+    small: any;
+    ellipsis: any;
+}): JSX.Element;
 declare namespace Tag {
     namespace propTypes {
         export const variant: prop_types.Requireable<string>;