Swiss
+Swiss
-Select me
-Select me
Leaves and grass
The sky
Swiss
-Swiss
Drag the slider to add or remove columns. Edit the width and offset values for each column and see the output below. @@ -149,9 +149,8 @@ ${columnsString.join('').slice(0, -1)} />
+
{'// var(--pgn-color-name-level) '}
var(--pgn-color-primary-100)
@@ -178,7 +178,7 @@ export default function ColorsPage({ data, pageContext }: IColorsPage) {
Using a default value in CSS variables allows to set a default value for a variable,
which will be used if the primary value of the variable is not defined or not available.
-
+
{'// var(--pgn-color-name-level), default variable '}
var(--pgn-color-brand-100, var(--pgn-color-primary-200))
diff --git a/www/src/pages/foundations/elevation.tsx b/www/src/pages/foundations/elevation.tsx
index 59f4e34e22..2080925e6e 100644
--- a/www/src/pages/foundations/elevation.tsx
+++ b/www/src/pages/foundations/elevation.tsx
@@ -330,7 +330,7 @@ export default function ElevationPage({ pageContext }) {
Include these box-shadows colors in scss files in this ways:
Mixin
-
+
pgn-box-shadow($level, $direction)
diff --git a/www/src/types/types.ts b/www/src/types/types.ts
index 8e76d4c306..628c76bcad 100644
--- a/www/src/types/types.ts
+++ b/www/src/types/types.ts
@@ -9,7 +9,7 @@ export interface IUsage {
filePath: string,
line: number,
column: number,
- version: string,
+ index: number,
}
export interface IComponentUsageData {
@@ -24,14 +24,14 @@ export interface IComponentUsageData {
export interface IDependentProjectsUsages extends Omit {
version: string,
name: string,
- repository: { type: string, url: string },
+ repository: { type: string, url: string } | string,
folderName: string,
}
export interface IDependentUsage {
version?: string,
name?: string,
- repository?: { type: string, url: string },
+ repository?: { type: string, url: string } | string,
repositoryUrl?: string,
count: number,
folderName?: string,
diff --git a/www/src/utils/getDependentProjectsUsages.tsx b/www/src/utils/getDependentProjectsUsages.tsx
index 2657640f05..9b15246f77 100644
--- a/www/src/utils/getDependentProjectsUsages.tsx
+++ b/www/src/utils/getDependentProjectsUsages.tsx
@@ -3,9 +3,8 @@ import dependentProjectsAnalysis from '../../../dependent-usage.json'; // eslint
import getGithubProjectUrl from './getGithubProjectUrl';
import { IDependentProjectsUsages, IDependentUsage, IUsage } from '../types/types';
-const {
- projectUsages: dependentProjectsUsages,
-} = dependentProjectsAnalysis;
+const { projectUsages } = dependentProjectsAnalysis;
+const dependentProjectsUsages = projectUsages as unknown as IDependentProjectsUsages[];
export default function getDependentProjectsUsages() {
const dependentProjects: IDependentUsage[] = [];