@gostudent/shared-ui-library 1.25.0-DT-16973.1 → 1.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/themes/theme-gs.css +1 -21
- package/dist/themes/theme-sk.css +1 -21
- package/package.json +1 -1
- package/dist/src/tokens/output/base/semantic-texts/tokens.d.ts +0 -17
- package/dist/src/tokens/output/base/semantic-texts/tokens.d.ts.map +0 -1
- package/src/tokens/output/base/semantic-texts/tokens.d.ts +0 -18
- package/src/tokens/output/base/semantic-texts/tokens.js +0 -16
- package/src/tokens/output/base/semantic-texts/tokens.ts +0 -18
- package/src/tokens/output/base/semantic-texts/variables.css +0 -19
package/README.md
CHANGED
|
@@ -230,7 +230,7 @@ scripts/
|
|
|
230
230
|
|
|
231
231
|
## Creating New Components
|
|
232
232
|
|
|
233
|
-
> For the full step-by-step guide (token sync, Figma import, Storybook generation), see [
|
|
233
|
+
> For the full step-by-step guide (token sync, Figma import, Storybook generation), see [confluence/contributing-components.md](confluence/contributing-components.md) or the [Confluence page](https://gostudent.atlassian.net/wiki/x/BQCPYw).
|
|
234
234
|
|
|
235
235
|
1. Create a folder in `src/components/ComponentName/`
|
|
236
236
|
2. Add the component files:
|
package/dist/themes/theme-gs.css
CHANGED
|
@@ -244,26 +244,6 @@
|
|
|
244
244
|
--color-in-progress-dot-flash: #c5e9d5;
|
|
245
245
|
}
|
|
246
246
|
|
|
247
|
-
/**
|
|
248
|
-
* Do not edit directly, this file was auto-generated.
|
|
249
|
-
*/
|
|
250
|
-
|
|
251
|
-
:root {
|
|
252
|
-
--text-content-h1: String value;
|
|
253
|
-
--text-button-font-size-xxs: 0.625rem;
|
|
254
|
-
--text-button-font-size-xs: 0.75rem;
|
|
255
|
-
--text-button-font-size-sm: 0.875rem;
|
|
256
|
-
--text-button-font-size-md: 1rem;
|
|
257
|
-
--text-button-font-size-lg: 1.125rem;
|
|
258
|
-
--text-button-font-size-xl: 1.25rem;
|
|
259
|
-
--text-button-line-height-xxs: 1rem;
|
|
260
|
-
--text-button-line-height-xs: 1rem;
|
|
261
|
-
--text-button-line-height-sm: 1.25rem;
|
|
262
|
-
--text-button-line-height-md: 1.5rem;
|
|
263
|
-
--text-button-line-height-lg: 1.75rem;
|
|
264
|
-
--text-button-line-height-xl: 1.75rem;
|
|
265
|
-
}
|
|
266
|
-
|
|
267
247
|
/**
|
|
268
248
|
* Do not edit directly, this file was auto-generated.
|
|
269
249
|
*/
|
|
@@ -418,7 +398,7 @@
|
|
|
418
398
|
* Layering intent (low → high):
|
|
419
399
|
* dropdown (100) < sticky (200) < toast (400) < drawer (900) < modal (1000) < tooltip (1100)
|
|
420
400
|
*
|
|
421
|
-
* See
|
|
401
|
+
* See confluence/z-index.md for rationale and usage guidelines.
|
|
422
402
|
*/
|
|
423
403
|
|
|
424
404
|
:root {
|
package/dist/themes/theme-sk.css
CHANGED
|
@@ -254,26 +254,6 @@
|
|
|
254
254
|
--color-in-progress-dot-flash: #c5e9d5;
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
/**
|
|
258
|
-
* Do not edit directly, this file was auto-generated.
|
|
259
|
-
*/
|
|
260
|
-
|
|
261
|
-
:root {
|
|
262
|
-
--text-content-h1: String value;
|
|
263
|
-
--text-button-font-size-xxs: 0.625rem;
|
|
264
|
-
--text-button-font-size-xs: 0.75rem;
|
|
265
|
-
--text-button-font-size-sm: 0.875rem;
|
|
266
|
-
--text-button-font-size-md: 1rem;
|
|
267
|
-
--text-button-font-size-lg: 1.125rem;
|
|
268
|
-
--text-button-font-size-xl: 1.25rem;
|
|
269
|
-
--text-button-line-height-xxs: 1rem;
|
|
270
|
-
--text-button-line-height-xs: 1rem;
|
|
271
|
-
--text-button-line-height-sm: 1.25rem;
|
|
272
|
-
--text-button-line-height-md: 1.5rem;
|
|
273
|
-
--text-button-line-height-lg: 1.75rem;
|
|
274
|
-
--text-button-line-height-xl: 1.75rem;
|
|
275
|
-
}
|
|
276
|
-
|
|
277
257
|
/**
|
|
278
258
|
* Do not edit directly, this file was auto-generated.
|
|
279
259
|
*/
|
|
@@ -428,7 +408,7 @@
|
|
|
428
408
|
* Layering intent (low → high):
|
|
429
409
|
* dropdown (100) < sticky (200) < toast (400) < drawer (900) < modal (1000) < tooltip (1100)
|
|
430
410
|
*
|
|
431
|
-
* See
|
|
411
|
+
* See confluence/z-index.md for rationale and usage guidelines.
|
|
432
412
|
*/
|
|
433
413
|
|
|
434
414
|
:root {
|
package/package.json
CHANGED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export declare const t: {
|
|
2
|
-
readonly textContentH1: "var(--text-content-h1)";
|
|
3
|
-
readonly textButtonFontSizeXxs: "var(--text-button-font-size-xxs)";
|
|
4
|
-
readonly textButtonFontSizeXs: "var(--text-button-font-size-xs)";
|
|
5
|
-
readonly textButtonFontSizeSm: "var(--text-button-font-size-sm)";
|
|
6
|
-
readonly textButtonFontSizeMd: "var(--text-button-font-size-md)";
|
|
7
|
-
readonly textButtonFontSizeLg: "var(--text-button-font-size-lg)";
|
|
8
|
-
readonly textButtonFontSizeXl: "var(--text-button-font-size-xl)";
|
|
9
|
-
readonly textButtonLineHeightXxs: "var(--text-button-line-height-xxs)";
|
|
10
|
-
readonly textButtonLineHeightXs: "var(--text-button-line-height-xs)";
|
|
11
|
-
readonly textButtonLineHeightSm: "var(--text-button-line-height-sm)";
|
|
12
|
-
readonly textButtonLineHeightMd: "var(--text-button-line-height-md)";
|
|
13
|
-
readonly textButtonLineHeightLg: "var(--text-button-line-height-lg)";
|
|
14
|
-
readonly textButtonLineHeightXl: "var(--text-button-line-height-xl)";
|
|
15
|
-
};
|
|
16
|
-
export type TokenKey = keyof typeof t;
|
|
17
|
-
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-texts/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;CAcJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
// Auto-generated by scripts/build-tokens.mjs — do not edit manually
|
|
2
|
-
export declare const t: {
|
|
3
|
-
readonly textContentH1: string;
|
|
4
|
-
readonly textButtonFontSizeXxs: string;
|
|
5
|
-
readonly textButtonFontSizeXs: string;
|
|
6
|
-
readonly textButtonFontSizeSm: string;
|
|
7
|
-
readonly textButtonFontSizeMd: string;
|
|
8
|
-
readonly textButtonFontSizeLg: string;
|
|
9
|
-
readonly textButtonFontSizeXl: string;
|
|
10
|
-
readonly textButtonLineHeightXxs: string;
|
|
11
|
-
readonly textButtonLineHeightXs: string;
|
|
12
|
-
readonly textButtonLineHeightSm: string;
|
|
13
|
-
readonly textButtonLineHeightMd: string;
|
|
14
|
-
readonly textButtonLineHeightLg: string;
|
|
15
|
-
readonly textButtonLineHeightXl: string
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export type TokenKey = keyof typeof t;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// Auto-generated by scripts/build-tokens.mjs — do not edit manually
|
|
2
|
-
export const t = {
|
|
3
|
-
textContentH1: 'var(--text-content-h1)',
|
|
4
|
-
textButtonFontSizeXxs: 'var(--text-button-font-size-xxs)',
|
|
5
|
-
textButtonFontSizeXs: 'var(--text-button-font-size-xs)',
|
|
6
|
-
textButtonFontSizeSm: 'var(--text-button-font-size-sm)',
|
|
7
|
-
textButtonFontSizeMd: 'var(--text-button-font-size-md)',
|
|
8
|
-
textButtonFontSizeLg: 'var(--text-button-font-size-lg)',
|
|
9
|
-
textButtonFontSizeXl: 'var(--text-button-font-size-xl)',
|
|
10
|
-
textButtonLineHeightXxs: 'var(--text-button-line-height-xxs)',
|
|
11
|
-
textButtonLineHeightXs: 'var(--text-button-line-height-xs)',
|
|
12
|
-
textButtonLineHeightSm: 'var(--text-button-line-height-sm)',
|
|
13
|
-
textButtonLineHeightMd: 'var(--text-button-line-height-md)',
|
|
14
|
-
textButtonLineHeightLg: 'var(--text-button-line-height-lg)',
|
|
15
|
-
textButtonLineHeightXl: 'var(--text-button-line-height-xl)'
|
|
16
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
// Auto-generated by scripts/build-tokens.mjs — do not edit manually
|
|
2
|
-
export const t = {
|
|
3
|
-
textContentH1: 'var(--text-content-h1)',
|
|
4
|
-
textButtonFontSizeXxs: 'var(--text-button-font-size-xxs)',
|
|
5
|
-
textButtonFontSizeXs: 'var(--text-button-font-size-xs)',
|
|
6
|
-
textButtonFontSizeSm: 'var(--text-button-font-size-sm)',
|
|
7
|
-
textButtonFontSizeMd: 'var(--text-button-font-size-md)',
|
|
8
|
-
textButtonFontSizeLg: 'var(--text-button-font-size-lg)',
|
|
9
|
-
textButtonFontSizeXl: 'var(--text-button-font-size-xl)',
|
|
10
|
-
textButtonLineHeightXxs: 'var(--text-button-line-height-xxs)',
|
|
11
|
-
textButtonLineHeightXs: 'var(--text-button-line-height-xs)',
|
|
12
|
-
textButtonLineHeightSm: 'var(--text-button-line-height-sm)',
|
|
13
|
-
textButtonLineHeightMd: 'var(--text-button-line-height-md)',
|
|
14
|
-
textButtonLineHeightLg: 'var(--text-button-line-height-lg)',
|
|
15
|
-
textButtonLineHeightXl: 'var(--text-button-line-height-xl)'
|
|
16
|
-
} as const;
|
|
17
|
-
|
|
18
|
-
export type TokenKey = keyof typeof t;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
:root {
|
|
6
|
-
--text-content-h1: String value;
|
|
7
|
-
--text-button-font-size-xxs: 0.625rem;
|
|
8
|
-
--text-button-font-size-xs: 0.75rem;
|
|
9
|
-
--text-button-font-size-sm: 0.875rem;
|
|
10
|
-
--text-button-font-size-md: 1rem;
|
|
11
|
-
--text-button-font-size-lg: 1.125rem;
|
|
12
|
-
--text-button-font-size-xl: 1.25rem;
|
|
13
|
-
--text-button-line-height-xxs: 1rem;
|
|
14
|
-
--text-button-line-height-xs: 1rem;
|
|
15
|
-
--text-button-line-height-sm: 1.25rem;
|
|
16
|
-
--text-button-line-height-md: 1.5rem;
|
|
17
|
-
--text-button-line-height-lg: 1.75rem;
|
|
18
|
-
--text-button-line-height-xl: 1.75rem;
|
|
19
|
-
}
|