chore: changeset, typedocs, snapshot, format

twilio-labs · Jan 3, 2024 · 61afd9f · 61afd9f
1 parent 8e50503
commit 61afd9f
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 22 deletions.
diff --git a/.changeset/angry-pens-behave.md b/.changeset/angry-pens-behave.md
@@ -0,0 +1,6 @@
+---
+"@twilio-paste/core": patch
+"@twilio-paste/design-tokens": patch
+---
+
+[Design Tokens] Update value of line-height-90 from 2.75rem to 2.5rem
diff --git a/.changeset/seven-guests-retire.md b/.changeset/seven-guests-retire.md
@@ -0,0 +1,6 @@
+---
+"@twilio-paste/core": patch
+"@twilio-paste/icons": patch
+---
+
+[Icons] Update svg of the DocumentationIcon for better alignment with text
diff --git a/packages/paste-core/components/heading/__tests__/heading.test.tsx b/packages/paste-core/components/heading/__tests__/heading.test.tsx
@@ -20,7 +20,7 @@ describe("Heading", () => {
       expect(renderedHeading).toHaveStyleRule("margin-bottom", "1.5rem");
       expect(renderedHeading).toHaveStyleRule("font-size", "2rem");
       expect(renderedHeading).toHaveStyleRule("font-weight", "600");
-      expect(renderedHeading).toHaveStyleRule("line-height", "2.75rem");
+      expect(renderedHeading).toHaveStyleRule("line-height", "2.5rem");
     });
 
     it("should render an H2 at fontSize70", (): void => {

diff --git a/packages/paste-core/components/page-header/type-docs.json b/packages/paste-core/components/page-header/type-docs.json
@@ -4755,7 +4755,7 @@
       "externalProp": true
     }
   },
-  "PageHeaderDetailText": {
+  "PageHeaderKeyword": {
     "about": {
       "type": "string",
       "defaultValue": null,
@@ -5172,7 +5172,7 @@
     },
     "element": {
       "type": "string",
-      "defaultValue": "'PAGE_HEADER_DETAIL_TEXT'",
+      "defaultValue": "'PAGE_HEADER_KEYWORD'",
       "required": false,
       "externalProp": false,
       "description": "Overrides the default element name to apply unique styles with the Customization Provider"

diff --git a/packages/paste-design-tokens/__tests__/__snapshots__/index.test.tsx.snap b/packages/paste-design-tokens/__tests__/__snapshots__/index.test.tsx.snap
@@ -212,7 +212,7 @@ exports[`Design Tokens matches the Dark theme 1`] = `
   \\"font-weight-extrabold\\": \\"800\\",
   \\"line-height-0\\": \\"0\\",
   \\"line-height-110\\": \\"4rem\\",
-  \\"line-height-90\\": \\"2.75rem\\",
+  \\"line-height-90\\": \\"2.5rem\\",
   \\"line-height-100\\": \\"3.25rem\\",
   \\"line-height-80\\": \\"2.5rem\\",
   \\"line-height-70\\": \\"2rem\\",
@@ -298,7 +298,7 @@ exports[`Design Tokens matches the Dark theme 1`] = `
   \\"size-square-70\\": \\"1.5rem\\",
   \\"size-square-60\\": \\"1.25rem\\",
   \\"size-square-50\\": \\"1rem\\",
-  \\"size-icon-90\\": \\"2.75rem\\",
+  \\"size-icon-90\\": \\"2.5rem\\",
   \\"space-70\\": \\"1.5rem\\",
   \\"space-negative-100\\": \\"-2.25rem\\",
   \\"space-60\\": \\"1.25rem\\",
@@ -636,7 +636,7 @@ exports[`Design Tokens matches the Global theme 1`] = `
   \\"font-weight-extrabold\\": \\"800\\",
   \\"line-height-0\\": \\"0\\",
   \\"line-height-110\\": \\"4rem\\",
-  \\"line-height-90\\": \\"2.75rem\\",
+  \\"line-height-90\\": \\"2.5rem\\",
   \\"line-height-100\\": \\"3.25rem\\",
   \\"line-height-80\\": \\"2.5rem\\",
   \\"line-height-70\\": \\"2rem\\",
@@ -712,7 +712,7 @@ exports[`Design Tokens matches the Global theme 1`] = `
   \\"size-square-70\\": \\"1.5rem\\",
   \\"size-square-60\\": \\"1.25rem\\",
   \\"size-square-50\\": \\"1rem\\",
-  \\"size-icon-90\\": \\"2.75rem\\",
+  \\"size-icon-90\\": \\"2.5rem\\",
   \\"space-70\\": \\"1.5rem\\",
   \\"space-negative-100\\": \\"-2.25rem\\",
   \\"space-60\\": \\"1.25rem\\",
@@ -1050,7 +1050,7 @@ exports[`Design Tokens matches the Sendgrid theme 1`] = `
   \\"font-weight-extrabold\\": \\"800\\",
   \\"line-height-0\\": \\"0\\",
   \\"line-height-110\\": \\"4rem\\",
-  \\"line-height-90\\": \\"2.75rem\\",
+  \\"line-height-90\\": \\"2.5rem\\",
   \\"line-height-100\\": \\"3.25rem\\",
   \\"line-height-80\\": \\"2.5rem\\",
   \\"line-height-70\\": \\"2rem\\",
@@ -1126,7 +1126,7 @@ exports[`Design Tokens matches the Sendgrid theme 1`] = `
   \\"size-square-70\\": \\"1.5rem\\",
   \\"size-square-60\\": \\"1.25rem\\",
   \\"size-square-50\\": \\"1rem\\",
-  \\"size-icon-90\\": \\"2.75rem\\",
+  \\"size-icon-90\\": \\"2.5rem\\",
   \\"space-70\\": \\"1.5rem\\",
   \\"space-negative-100\\": \\"-2.25rem\\",
   \\"space-60\\": \\"1.25rem\\",
@@ -1454,7 +1454,7 @@ exports[`Design Tokens matches the Twilio Dark theme 1`] = `
   \\"font-weight-extrabold\\": \\"800\\",
   \\"line-height-0\\": \\"0\\",
   \\"line-height-110\\": \\"4rem\\",
-  \\"line-height-90\\": \\"2.75rem\\",
+  \\"line-height-90\\": \\"2.5rem\\",
   \\"line-height-100\\": \\"3.25rem\\",
   \\"line-height-80\\": \\"2.5rem\\",
   \\"line-height-70\\": \\"2rem\\",
@@ -1540,7 +1540,7 @@ exports[`Design Tokens matches the Twilio Dark theme 1`] = `
   \\"size-square-70\\": \\"1.5rem\\",
   \\"size-square-60\\": \\"1.25rem\\",
   \\"size-square-50\\": \\"1rem\\",
-  \\"size-icon-90\\": \\"2.75rem\\",
+  \\"size-icon-90\\": \\"2.5rem\\",
   \\"space-70\\": \\"1.5rem\\",
   \\"space-negative-100\\": \\"-2.25rem\\",
   \\"space-60\\": \\"1.25rem\\",
@@ -1868,7 +1868,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
   \\"font-weight-extrabold\\": \\"800\\",
   \\"line-height-0\\": \\"0\\",
   \\"line-height-110\\": \\"4rem\\",
-  \\"line-height-90\\": \\"2.75rem\\",
+  \\"line-height-90\\": \\"2.5rem\\",
   \\"line-height-100\\": \\"3.25rem\\",
   \\"line-height-80\\": \\"2.5rem\\",
   \\"line-height-70\\": \\"2rem\\",
@@ -1954,7 +1954,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
   \\"size-square-70\\": \\"1.5rem\\",
   \\"size-square-60\\": \\"1.25rem\\",
   \\"size-square-50\\": \\"1rem\\",
-  \\"size-icon-90\\": \\"2.75rem\\",
+  \\"size-icon-90\\": \\"2.5rem\\",
   \\"space-70\\": \\"1.5rem\\",
   \\"space-negative-100\\": \\"-2.25rem\\",
   \\"space-60\\": \\"1.25rem\\",

diff --git a/packages/paste-icons/src/DocumentationIcon.tsx b/packages/paste-icons/src/DocumentationIcon.tsx
@@ -1,23 +1,23 @@
+import { useUID } from "@twilio-paste/uid-library";
 /**
  * This file was automatically generated with @twilio-labs/svg-to-react
  */
-import * as React from 'react';
-import {useUID} from '@twilio-paste/uid-library';
+import * as React from "react";
 
-import {IconWrapper} from './helpers/IconWrapper';
-import type {IconWrapperProps} from './helpers/IconWrapper';
+import { IconWrapper } from "./helpers/IconWrapper";
+import type { IconWrapperProps } from "./helpers/IconWrapper";
 
 export interface DocumentationIconProps extends IconWrapperProps {
   title?: string;
   decorative: boolean;
 }
 
 const DocumentationIcon = React.forwardRef<HTMLElement, DocumentationIconProps>(
-  ({as, display, element = 'ICON', size, color, title, decorative}, ref) => {
+  ({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
     const titleId = `DocumentationIcon-${useUID()}`;
 
     if (!decorative && title == null) {
-      throw new Error('[DocumentationIcon]: Missing a title for non-decorative icon.');
+      throw new Error("[DocumentationIcon]: Missing a title for non-decorative icon.");
     }
 
     return (
@@ -41,8 +41,8 @@ const DocumentationIcon = React.forwardRef<HTMLElement, DocumentationIconProps>(
         </svg>
       </IconWrapper>
     );
-  }
+  },
 );
 
-DocumentationIcon.displayName = 'DocumentationIcon';
-export {DocumentationIcon};
+DocumentationIcon.displayName = "DocumentationIcon";
+export { DocumentationIcon };