chore: add xxs breakpoint

Esri · Oct 23, 2023 · bd6c5a2 · bd6c5a2
1 parent 4a8106f
commit bd6c5a2
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/packages/calcite-components/src/utils/responsive.spec.ts b/packages/calcite-components/src/utils/responsive.spec.ts
@@ -8,10 +8,11 @@ describe("getBreakpoints()", () => {
     document.head.innerHTML = `
       <style>
         :root {
-        --calcite-app-breakpoint-width-lg: 1000px;
-        --calcite-app-breakpoint-width-md: 100px;
-        --calcite-app-breakpoint-width-sm: 10px;
-        --calcite-app-breakpoint-width-xs: 1px;
+        --calcite-app-breakpoint-width-lg: 10000px;
+        --calcite-app-breakpoint-width-md: 1000px;
+        --calcite-app-breakpoint-width-sm: 100px;
+        --calcite-app-breakpoint-width-xs: 10px;
+        --calcite-app-breakpoint-width-xxs: 1px;
       }
       </style>
     `;
@@ -22,6 +23,7 @@ describe("getBreakpoints()", () => {
         medium: toBeInteger(),
         small: toBeInteger(),
         xsmall: toBeInteger(),
+        xxsmall: toBeInteger(),
       },
     });
   });

diff --git a/packages/calcite-components/src/utils/responsive.ts b/packages/calcite-components/src/utils/responsive.ts
@@ -4,6 +4,7 @@ export interface Breakpoints {
     medium: number;
     small: number;
     xsmall: number;
+    xxsmall: number;
   };
 }
 
@@ -35,6 +36,7 @@ export async function getBreakpoints(): Promise<Breakpoints> {
           medium: breakpointTokenToNumericalValue(rootStyles, "--calcite-app-breakpoint-width-md"),
           small: breakpointTokenToNumericalValue(rootStyles, "--calcite-app-breakpoint-width-sm"),
           xsmall: breakpointTokenToNumericalValue(rootStyles, "--calcite-app-breakpoint-width-xs"),
+          xxsmall: breakpointTokenToNumericalValue(rootStyles, "--calcite-app-breakpoint-width-xxs"),
         },
       });
     });

diff --git a/support/dictionaries/dict-calcite-design-system.txt b/support/dictionaries/dict-calcite-design-system.txt
@@ -73,6 +73,7 @@ tibt
 
 ## sizing
 xsmall
+xxsmall
 
 ## svg
 svgs
-Original file line number
+Diff line change
@@ Expand Up / @@ -73,6 +73,7 @@ tibt @@
     ## sizing
     xsmall
+    xxsmall
     ## svg
     svgs
@@ Expand Down @@