Skip to content

Commit f508634

Browse files
dkamburovdkamburov
committed
grid landing pages initial version
1 parent ed33ba0 commit f508634

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+1678
-0
lines changed

‎.editorconfig‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
# Editor configuration, see https://editorconfig.org
2+
root = true
3+
4+
[*]
5+
charset = utf-8
6+
indent_style = space
7+
indent_size = 2
8+
insert_final_newline = true
9+
trim_trailing_whitespace = true
10+
11+
[*.ts]
12+
quote_type = single
13+
14+
[*.md]
15+
max_line_length = off
16+
trim_trailing_whitespace = false

‎.github/workflows/node.js.yml‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
# This workflow will do a clean install of node dependencies, cache/restore them, build the source code and run tests across different versions of node
2+
# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
3+
4+
name: Node.js CI
5+
6+
on:
7+
push:
8+
branches: [ master ]
9+
pull_request:
10+
branches: [ master ]
11+
12+
jobs:
13+
build:
14+
15+
runs-on: ubuntu-latest
16+
17+
strategy:
18+
matrix:
19+
node-version: [22.x]
20+
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
21+
22+
steps:
23+
- uses: actions/checkout@v2
24+
- name: Use Node.js ${{ matrix.node-version }}
25+
uses: actions/setup-node@v2
26+
with:
27+
node-version: ${{ matrix.node-version }}
28+
# cache: 'npm' # enable after committing lock file from first install
29+
- run: npm i # replace with 'npm ci' after committing lock file from first install
30+
# - run: npm run lint
31+
- run: npm run build
32+
- run: npm run test
33+

‎.gitignore‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# production
12+
/build
13+
14+
# misc
15+
.DS_Store
16+
.env.local
17+
.env.development.local
18+
.env.test.local
19+
.env.production.local
20+
21+
npm-debug.log*
22+
yarn-debug.log*
23+
yarn-error.log*

‎README.md‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
# grid landing pages
2+
3+
This project was generated with [App Builder Code Gen](https://www.appbuilder.dev/platform).
4+
5+
## Development server
6+
7+
Run `npm start` to build the application, start a web server and open the application in the default browser. The application will open in `http://localhost:3003/` by default.
8+
9+
## Build
10+
11+
Run `npm run build` to build the application into an output directory.
12+
13+
## Running unit tests
14+
15+
Run `npm test` to execute the unit tests via [Vitest](https://vitest.dev/). Runs all `.test.tsx` files under `./src` folder.
16+
17+
## Running code style checks
18+
19+
Run `npm run lint` to execute the code styling rules for the project.
20+
21+
## Licensing
22+
23+
See the [License FAQ and Installation documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-licensing) for information on how to upgrade to the full licensed package, if the project is using a Trial version of Ignite UI for React, and how to setup your environment and CI to use our licensed npm feed.
24+
25+
Alternatively run `npm run infragistics-login` for a guided login to our licensed feed.
26+
27+
## Additional resources
28+
29+
- [Ignite UI for React](https://www.infragistics.com/products/ignite-ui-react) - to learn more about the product or to dive into component specifics and showcases.

‎eslint.config.mjs‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
import js from '@eslint/js';
2+
import typescriptParser from '@typescript-eslint/parser';
3+
import reactRefresh from 'eslint-plugin-react-refresh';
4+
import { FlatCompat } from "@eslint/eslintrc";
5+
6+
const compat = new FlatCompat({
7+
recommendedConfig: js.configs.recommended
8+
});
9+
10+
export default [
11+
...compat.extends('eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended'),
12+
{
13+
files: ['**/*.ts', '**/*.tsx'],
14+
languageOptions: {
15+
globals: {
16+
browser: true,
17+
es2020: true,
18+
},
19+
parser: typescriptParser,
20+
parserOptions: {
21+
ecmaVersion: 'latest',
22+
sourceType: 'module',
23+
},
24+
},
25+
plugins: {
26+
reactRefresh
27+
},
28+
rules: {
29+
'@typescript-eslint/no-unused-vars': [
30+
'error',
31+
{
32+
args: 'all',
33+
argsIgnorePattern: '^_',
34+
caughtErrors: 'all',
35+
caughtErrorsIgnorePattern: '^_',
36+
destructuredArrayIgnorePattern: '^(_|set)',
37+
varsIgnorePattern: '^_',
38+
ignoreRestSiblings: true,
39+
},
40+
],
41+
'reactRefresh/only-export-components': ['warn', { allowConstantExport: true }],
42+
'@typescript-eslint/no-explicit-any': 'off',
43+
},
44+
},
45+
{
46+
ignores: ['dist']
47+
}
48+
];

‎generationLogs.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
[{"Text":"Component with Id 3f93ffc8-18aa-4ea3-acb2-c80823127a50 try to add CSS class name typography__body-1. Class name already exists in this view!","Type":1},{"Text":"Component with Id a8b89ecd-1b63-4286-a5b7-893a0354471c try to add CSS class name typography__body-1. Class name already exists in this view!","Type":1},{"Text":"Component with Id e6ab092d-2237-4a4b-b847-1a61622c27fd try to add CSS class name typography__body-1. Class name already exists in this view!","Type":1},{"Text":"Component with Id c067e6f8-6bfc-4867-a22e-01a93ed93665 try to add CSS class name material-icons. Class name already exists in this view!","Type":1},{"Text":"Component with Id e8843921-647f-4dab-bb0b-11c232dc169f try to add CSS class name typography__body-1. Class name already exists in this view!","Type":1},{"Text":"Component with Id 64222c38-a9d4-448e-b4a8-fda6a23f2cb5 try to add CSS class name typography__body-1. Class name already exists in this view!","Type":1},{"Text":"Component with Id 2bf787fe-2555-4d36-945f-d1c98f551712 try to add CSS class name material-icons. Class name already exists in this view!","Type":1},{"Text":"Component with Id a3b6e72a-ec01-4f60-b319-a7c92aecd0dd try to add CSS class name typography__body-1. Class name already exists in this view!","Type":1},{"Text":"Component with Id 5bd7a64d-4bb9-41a2-abf5-3300a9c949fd try to add CSS class name typography__body-1. Class name already exists in this view!","Type":1},{"Text":"Component with Id a24e66b7-9154-40f4-ac11-f56efbfaaad4 try to add CSS class name material-icons. Class name already exists in this view!","Type":1},{"Text":"Component with Id f0305457-ff36-4f5b-9e4f-f5925738a151 try to add CSS class name typography__body-1. Class name already exists in this view!","Type":1},{"Text":"Component with Id a010c605-14b8-4c9f-938d-22279965ece8 try to add CSS class name typography__body-1. Class name already exists in this view!","Type":1},{"Text":"Component with Id 18e4de2c-b47a-4db1-ba24-1e7a7a2361aa try to add CSS class name material-icons. Class name already exists in this view!","Type":1},{"Text":"Component with Id 280fdc5b-3f1c-4d19-8dd7-dff0a11445a4 try to add CSS class name ig-scrollbar. Class name already exists in this view!","Type":1},{"Text":"Component '' with id '0a23bf69-1695-4b54-ba68-5aef99f5a47a' has property with no name. Property was not generated.","Type":1},{"Text":"Component '' with id '0a23bf69-1695-4b54-ba68-5aef99f5a47a' has property with no name. Property was not generated.","Type":1}]

‎ig-theme.css‎

Lines changed: 226 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,226 @@
1+
:root {
2+
--ig-font-family: 'Titillium Web', sans-serif;
3+
}
4+
5+
/* Charts */
6+
:root {
7+
--charts-default-series: #9de772, #8b5bb1, #6db1ff, #9af2e4, #ee5879, #735656, #f7d262, #a8a8b7, #e051a9, #f8a15f;
8+
}
9+
10+
igc-category-chart {
11+
--brushes: var(--charts-default-series);
12+
--outlines: var(--charts-default-series);
13+
--marker-brushes: var(--charts-default-series);
14+
--marker-outlines: var(--charts-default-series);
15+
--negative-brushes: #ee5879;
16+
--negative-outlines: #ee5879;
17+
--title-text-color: var(--ig-gray-900);
18+
--subtitle-text-color: var(--ig-gray-700);
19+
--x-axis-label-text-color: var(--ig-gray-700);
20+
--x-axis-title-text-color: var(--ig-gray-900);
21+
--x-axis-stroke: var(--ig-gray-500);
22+
--x-axis-tick-stroke: var(--ig-gray-500);
23+
--y-axis-label-text-color: var(--ig-gray-700);
24+
--y-axis-title-text-color: var(--ig-gray-900);
25+
--y-axis-major-stroke: var(--ig-gray-300);
26+
--y-axis-tick-stroke: var(--ig-gray-500);
27+
--x-axis-label-text-style: normal 400 var(--ig-body-2-font-size) var(--ig-font-family);
28+
--y-axis-label-text-style: normal 400 var(--ig-body-2-font-size) var(--ig-font-family);
29+
--x-axis-title-text-style: normal 400 var(--ig-body-2-font-size) var(--ig-font-family);
30+
--y-axis-title-text-style: normal 400 var(--ig-body-2-font-size) var(--ig-font-family);
31+
--title-text-style: normal var(--ig-h6-font-weight) var(--ig-h6-font-size) var(--ig-font-family);
32+
--subtitle-text-style: var(--ig-subtitle-1-font-weight) var(--ig-subtitle-1-font-size) var(--ig-font-family);
33+
}
34+
35+
igc-pie-chart {
36+
--brushes: var(--charts-default-series);
37+
--outlines: var(--charts-default-series);
38+
--label-extent: 30;
39+
--label-outer-color: var(--ig-gray-700);
40+
--text-style: normal 400 var(--ig-body-2-font-size) var(--ig-font-family);
41+
}
42+
43+
/* Typography */
44+
h1 {
45+
font-family: var(--ig-h1-font-family);
46+
font-weight: var(--ig-h1-font-weight);
47+
font-size: var(--ig-h1-font-size);
48+
font-style: var(--ig-h1-font-style);
49+
letter-spacing: var(--ig-h1-letter-spacing);
50+
text-transform: var(--ig-h1-text-transform);
51+
line-height: var(--ig-h1-line-height);
52+
margin: 0;
53+
}
54+
55+
h2 {
56+
font-family: var(--ig-h2-font-family);
57+
font-weight: var(--ig-h2-font-weight);
58+
font-size: var(--ig-h2-font-size);
59+
font-style: var(--ig-h2-font-style);
60+
letter-spacing: var(--ig-h2-letter-spacing);
61+
text-transform: var(--ig-h2-text-transform);
62+
line-height: var(--ig-h2-line-height);
63+
margin: 0;
64+
}
65+
66+
h3 {
67+
font-family: var(--ig-h3-font-family);
68+
font-weight: var(--ig-h3-font-weight);
69+
font-size: var(--ig-h3-font-size);
70+
font-style: var(--ig-h3-font-style);
71+
letter-spacing: var(--ig-h3-letter-spacing);
72+
text-transform: var(--ig-h3-text-transform);
73+
line-height: var(--ig-h3-line-height);
74+
margin: 0;
75+
}
76+
77+
h4 {
78+
font-family: var(--ig-h4-font-family);
79+
font-weight: var(--ig-h4-font-weight);
80+
font-size: var(--ig-h4-font-size);
81+
font-style: var(--ig-h4-font-style);
82+
letter-spacing: var(--ig-h4-letter-spacing);
83+
text-transform: var(--ig-h4-text-transform);
84+
line-height: var(--ig-h4-line-height);
85+
margin: 0;
86+
}
87+
88+
h5 {
89+
font-family: var(--ig-h5-font-family);
90+
font-weight: var(--ig-h5-font-weight);
91+
font-size: var(--ig-h5-font-size);
92+
font-style: var(--ig-h5-font-style);
93+
letter-spacing: var(--ig-h5-letter-spacing);
94+
text-transform: var(--ig-h5-text-transform);
95+
line-height: var(--ig-h5-line-height);
96+
margin: 0;
97+
}
98+
99+
h6 {
100+
font-family: var(--ig-h6-font-family);
101+
font-weight: var(--ig-h6-font-weight);
102+
font-size: var(--ig-h6-font-size);
103+
font-style: var(--ig-h6-font-style);
104+
letter-spacing: var(--ig-h6-letter-spacing);
105+
text-transform: var(--ig-h6-text-transform);
106+
line-height: var(--ig-h6-line-height);
107+
margin: 0;
108+
}
109+
110+
p {
111+
margin: 0;
112+
}
113+
114+
img, video {
115+
height: auto;
116+
max-width: 100%;
117+
}
118+
119+
.image_1 {
120+
max-width: 100%;
121+
}
122+
123+
*,
124+
*::before,
125+
*::after {
126+
box-sizing: border-box;
127+
}
128+
129+
.h6,
130+
igc-card-header h1[slot='title'],
131+
igc-card-header h2[slot='title'],
132+
igc-card-header h3[slot='title'],
133+
igc-card-header h4[slot='title'],
134+
igc-card-header h5[slot='title'] {
135+
font-family: var(--ig-h6-font-family);
136+
font-weight: var(--ig-h6-font-weight);
137+
font-size: var(--ig-h6-font-size);
138+
font-style: var(--ig-h6-font-style);
139+
letter-spacing: var(--ig-h6-letter-spacing);
140+
text-transform: var(--ig-h6-text-transform);
141+
line-height: var(--ig-h6-line-height);
142+
}
143+
144+
.typography__body-1 {
145+
font-family: var(--ig-body-1-font-family);
146+
font-weight: var(--ig-body-1-font-weight);
147+
font-size: var(--ig-body-1-font-size);
148+
font-style: var(--ig-body-1-font-style);
149+
letter-spacing: var(--ig-body-1-letter-spacing);
150+
text-transform: var(--ig-body-1-text-transform);
151+
line-height: var(--ig-body-1-line-height);
152+
}
153+
154+
.typography__body-2 {
155+
font-family: var(--ig-body-2-font-family);
156+
font-weight: var(--ig-body-2-font-weight);
157+
font-size: var(--ig-body-2-font-size);
158+
font-style: var(--ig-body-2-font-style);
159+
letter-spacing: var(--ig-body-2-letter-spacing);
160+
text-transform: var(--ig-body-2-text-transform);
161+
line-height: var(--ig-body-2-line-height);
162+
margin: 0;
163+
}
164+
165+
.typography__subtitle-1 {
166+
font-family: var(--ig-subtitle-1-font-family);
167+
font-weight: var(--ig-subtitle-1-font-weight);
168+
font-size: var(--ig-subtitle-1-font-size);
169+
font-style: var(--ig-subtitle-1-font-style);
170+
letter-spacing: var(--ig-subtitle-1-letter-spacing);
171+
text-transform: var(--ig-subtitle-1-text-transform);
172+
line-height: var(--ig-subtitle-1-line-height);
173+
}
174+
175+
.typography__subtitle-2,
176+
igc-card-header h1[slot='subtitle'],
177+
igc-card-header h2[slot='subtitle'],
178+
igc-card-header h3[slot='subtitle'],
179+
igc-card-header h4[slot='subtitle'],
180+
igc-card-header h5[slot='subtitle'],
181+
igc-card-header h6[slot='subtitle'] {
182+
font-family: var(--ig-subtitle-2-font-family);
183+
font-weight: var(--ig-subtitle-2-font-weight);
184+
font-size: var(--ig-subtitle-2-font-size);
185+
font-style: var(--ig-subtitle-2-font-style);
186+
letter-spacing: var(--ig-subtitle-2-letter-spacing);
187+
text-transform: var(--ig-subtitle-2-text-transform);
188+
line-height: var(--ig-subtitle-2-line-height);
189+
margin: 0;
190+
}
191+
192+
.typography__caption {
193+
font-family: var(--ig-caption-font-family);
194+
font-weight: var(--ig-caption-font-weight);
195+
font-size: var(--ig-caption-font-size);
196+
font-style: var(--ig-caption-font-style);
197+
letter-spacing: var(--ig-caption-letter-spacing);
198+
text-transform: var(--ig-caption-text-transform);
199+
line-height: var(--ig-caption-line-height);
200+
}
201+
202+
.typography__overline {
203+
font-family: var(--ig-overline-font-family);
204+
font-weight: var(--ig-overline-font-weight);
205+
font-size: var(--ig-overline-font-size);
206+
font-style: var(--ig-overline-font-style);
207+
letter-spacing: var(--ig-overline-letter-spacing);
208+
text-transform: var(--ig-overline-text-transform);
209+
line-height: var(--ig-overline-line-height);
210+
}
211+
212+
/* align icons in their containers */
213+
.material-icons, .imx-icon {
214+
vertical-align: middle;
215+
}
216+
217+
.ig-typography h1,
218+
.ig-typography h2,
219+
.ig-typography h3,
220+
.ig-typography h4,
221+
.ig-typography h5,
222+
.ig-typography h6,
223+
.ig-typography p,
224+
.ig-typography__body-1 {
225+
margin: 0 !important;
226+
}

0 commit comments

Comments
 (0)