@genesislcap/foundation-ui 14.373.1 → 14.373.2
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/dist/custom-elements.json +24 -0
- package/dist/dts/design-system-provider/default-design-tokens.d.ts +3 -0
- package/dist/dts/design-system-provider/default-design-tokens.d.ts.map +1 -0
- package/dist/esm/design-system-provider/default-design-tokens.js +60 -0
- package/dist/esm/design-system-provider/design-system-provider.utils.js +1 -1
- package/package.json +18 -18
- package/dist/esm/design-system-provider/default-design-tokens.json +0 -60
|
@@ -14212,6 +14212,30 @@
|
|
|
14212
14212
|
}
|
|
14213
14213
|
]
|
|
14214
14214
|
},
|
|
14215
|
+
{
|
|
14216
|
+
"kind": "javascript-module",
|
|
14217
|
+
"path": "src/design-system-provider/default-design-tokens.ts",
|
|
14218
|
+
"declarations": [
|
|
14219
|
+
{
|
|
14220
|
+
"kind": "variable",
|
|
14221
|
+
"name": "defaultDesignTokens",
|
|
14222
|
+
"type": {
|
|
14223
|
+
"text": "DesignTokensConfig"
|
|
14224
|
+
},
|
|
14225
|
+
"default": "{\n design_tokens: {\n color: {\n accent: {\n $value: '#0EAFE2',\n $type: 'color',\n },\n neutral: {\n $value: '#7C909B',\n $type: 'color',\n },\n },\n fontFamily: {\n bodyFont: {\n $value: 'Roboto, \"Segoe UI\", Arial, Helvetica, sans-serif',\n $type: 'fontFamily',\n },\n },\n typography: {\n baseFontSize: {\n $value: '14px',\n $type: 'dimension',\n },\n baseLineHeight: {\n $value: '20px',\n $type: 'dimension',\n },\n },\n mode: {\n luminance: {\n $value: 0.23,\n $type: 'number',\n },\n },\n style: {\n density: {\n $value: 0,\n $type: 'number',\n },\n baseHeightMultiplier: {\n $value: 10,\n $type: 'number',\n },\n borderRadius: {\n $value: 4,\n $type: 'number',\n },\n strokeWidth: {\n $value: 1,\n $type: 'number',\n },\n },\n space: {\n designUnit: {\n $value: 4,\n $type: 'number',\n },\n },\n },\n}"
|
|
14226
|
+
}
|
|
14227
|
+
],
|
|
14228
|
+
"exports": [
|
|
14229
|
+
{
|
|
14230
|
+
"kind": "js",
|
|
14231
|
+
"name": "defaultDesignTokens",
|
|
14232
|
+
"declaration": {
|
|
14233
|
+
"name": "defaultDesignTokens",
|
|
14234
|
+
"module": "src/design-system-provider/default-design-tokens.ts"
|
|
14235
|
+
}
|
|
14236
|
+
}
|
|
14237
|
+
]
|
|
14238
|
+
},
|
|
14215
14239
|
{
|
|
14216
14240
|
"kind": "javascript-module",
|
|
14217
14241
|
"path": "src/design-system-provider/design-system-provider.styles.ts",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default-design-tokens.d.ts","sourceRoot":"","sources":["../../../src/design-system-provider/default-design-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,mBAAmB,EAAE,kBA2DjC,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
export const defaultDesignTokens = {
|
|
2
|
+
design_tokens: {
|
|
3
|
+
color: {
|
|
4
|
+
accent: {
|
|
5
|
+
$value: '#0EAFE2',
|
|
6
|
+
$type: 'color',
|
|
7
|
+
},
|
|
8
|
+
neutral: {
|
|
9
|
+
$value: '#7C909B',
|
|
10
|
+
$type: 'color',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
fontFamily: {
|
|
14
|
+
bodyFont: {
|
|
15
|
+
$value: 'Roboto, "Segoe UI", Arial, Helvetica, sans-serif',
|
|
16
|
+
$type: 'fontFamily',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
typography: {
|
|
20
|
+
baseFontSize: {
|
|
21
|
+
$value: '14px',
|
|
22
|
+
$type: 'dimension',
|
|
23
|
+
},
|
|
24
|
+
baseLineHeight: {
|
|
25
|
+
$value: '20px',
|
|
26
|
+
$type: 'dimension',
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
mode: {
|
|
30
|
+
luminance: {
|
|
31
|
+
$value: 0.23,
|
|
32
|
+
$type: 'number',
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
style: {
|
|
36
|
+
density: {
|
|
37
|
+
$value: 0,
|
|
38
|
+
$type: 'number',
|
|
39
|
+
},
|
|
40
|
+
baseHeightMultiplier: {
|
|
41
|
+
$value: 10,
|
|
42
|
+
$type: 'number',
|
|
43
|
+
},
|
|
44
|
+
borderRadius: {
|
|
45
|
+
$value: 4,
|
|
46
|
+
$type: 'number',
|
|
47
|
+
},
|
|
48
|
+
strokeWidth: {
|
|
49
|
+
$value: 1,
|
|
50
|
+
$type: 'number',
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
space: {
|
|
54
|
+
designUnit: {
|
|
55
|
+
$value: 4,
|
|
56
|
+
$type: 'number',
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
};
|
|
@@ -3,7 +3,7 @@ import { TypeRampValues, deepMerge } from '@genesislcap/foundation-utils';
|
|
|
3
3
|
import { parseColorHexRGB } from '@microsoft/fast-colors';
|
|
4
4
|
import { PaletteRGB, SwatchRGB, accentPalette, controlCornerRadius, designUnit, neutralPalette, baseLayerLuminance, baseHeightMultiplier, density, strokeWidth, bodyFont, typeRampBaseFontSize, typeRampBaseLineHeight, typeRampMinus1FontSize, typeRampMinus1LineHeight, typeRampMinus2FontSize, typeRampMinus2LineHeight, typeRampPlus1FontSize, typeRampPlus1LineHeight, typeRampPlus2FontSize, typeRampPlus2LineHeight, typeRampPlus3FontSize, typeRampPlus3LineHeight, typeRampPlus4FontSize, typeRampPlus4LineHeight, typeRampPlus5FontSize, typeRampPlus5LineHeight, typeRampPlus6FontSize, typeRampPlus6LineHeight, } from '@microsoft/fast-components';
|
|
5
5
|
import { observable } from '@microsoft/fast-element';
|
|
6
|
-
import defaultDesignTokens from './default-design-tokens
|
|
6
|
+
import { defaultDesignTokens } from './default-design-tokens';
|
|
7
7
|
/**
|
|
8
8
|
* Observable class for design tokens config that components can subscribe to.
|
|
9
9
|
* @public
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "14.373.
|
|
4
|
+
"version": "14.373.2",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -83,13 +83,13 @@
|
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
|
-
"@genesislcap/foundation-testing": "14.373.
|
|
87
|
-
"@genesislcap/genx": "14.373.
|
|
88
|
-
"@genesislcap/rollup-builder": "14.373.
|
|
89
|
-
"@genesislcap/ts-builder": "14.373.
|
|
90
|
-
"@genesislcap/uvu-playwright-builder": "14.373.
|
|
91
|
-
"@genesislcap/vite-builder": "14.373.
|
|
92
|
-
"@genesislcap/webpack-builder": "14.373.
|
|
86
|
+
"@genesislcap/foundation-testing": "14.373.2",
|
|
87
|
+
"@genesislcap/genx": "14.373.2",
|
|
88
|
+
"@genesislcap/rollup-builder": "14.373.2",
|
|
89
|
+
"@genesislcap/ts-builder": "14.373.2",
|
|
90
|
+
"@genesislcap/uvu-playwright-builder": "14.373.2",
|
|
91
|
+
"@genesislcap/vite-builder": "14.373.2",
|
|
92
|
+
"@genesislcap/webpack-builder": "14.373.2",
|
|
93
93
|
"copyfiles": "^2.4.1"
|
|
94
94
|
},
|
|
95
95
|
"dependencies": {
|
|
@@ -98,15 +98,15 @@
|
|
|
98
98
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
99
99
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
100
100
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
101
|
-
"@genesislcap/expression-builder": "14.373.
|
|
102
|
-
"@genesislcap/foundation-comms": "14.373.
|
|
103
|
-
"@genesislcap/foundation-criteria": "14.373.
|
|
104
|
-
"@genesislcap/foundation-errors": "14.373.
|
|
105
|
-
"@genesislcap/foundation-events": "14.373.
|
|
106
|
-
"@genesislcap/foundation-logger": "14.373.
|
|
107
|
-
"@genesislcap/foundation-notifications": "14.373.
|
|
108
|
-
"@genesislcap/foundation-user": "14.373.
|
|
109
|
-
"@genesislcap/foundation-utils": "14.373.
|
|
101
|
+
"@genesislcap/expression-builder": "14.373.2",
|
|
102
|
+
"@genesislcap/foundation-comms": "14.373.2",
|
|
103
|
+
"@genesislcap/foundation-criteria": "14.373.2",
|
|
104
|
+
"@genesislcap/foundation-errors": "14.373.2",
|
|
105
|
+
"@genesislcap/foundation-events": "14.373.2",
|
|
106
|
+
"@genesislcap/foundation-logger": "14.373.2",
|
|
107
|
+
"@genesislcap/foundation-notifications": "14.373.2",
|
|
108
|
+
"@genesislcap/foundation-user": "14.373.2",
|
|
109
|
+
"@genesislcap/foundation-utils": "14.373.2",
|
|
110
110
|
"@microsoft/fast-colors": "5.3.1",
|
|
111
111
|
"@microsoft/fast-components": "2.30.6",
|
|
112
112
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"access": "public"
|
|
129
129
|
},
|
|
130
130
|
"customElements": "dist/custom-elements.json",
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "70ef2461798a70fedb1286afee1e4dd699bb0b68"
|
|
132
132
|
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"design_tokens": {
|
|
3
|
-
"color": {
|
|
4
|
-
"accent": {
|
|
5
|
-
"$value": "#0EAFE2",
|
|
6
|
-
"$type": "color"
|
|
7
|
-
},
|
|
8
|
-
"neutral": {
|
|
9
|
-
"$value": "#7C909B",
|
|
10
|
-
"$type": "color"
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
"fontFamily": {
|
|
14
|
-
"bodyFont": {
|
|
15
|
-
"$value": "Roboto, \"Segoe UI\", Arial, Helvetica, sans-serif",
|
|
16
|
-
"$type": "fontFamily"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
"typography": {
|
|
20
|
-
"baseFontSize": {
|
|
21
|
-
"$value": "14px",
|
|
22
|
-
"$type": "dimension"
|
|
23
|
-
},
|
|
24
|
-
"baseLineHeight": {
|
|
25
|
-
"$value": "20px",
|
|
26
|
-
"$type": "dimension"
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
"mode": {
|
|
30
|
-
"luminance": {
|
|
31
|
-
"$value": 0.23,
|
|
32
|
-
"$type": "number"
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
"style": {
|
|
36
|
-
"density": {
|
|
37
|
-
"$value": 0,
|
|
38
|
-
"$type": "number"
|
|
39
|
-
},
|
|
40
|
-
"baseHeightMultiplier": {
|
|
41
|
-
"$value": 10,
|
|
42
|
-
"$type": "number"
|
|
43
|
-
},
|
|
44
|
-
"borderRadius": {
|
|
45
|
-
"$value": 4,
|
|
46
|
-
"$type": "number"
|
|
47
|
-
},
|
|
48
|
-
"strokeWidth": {
|
|
49
|
-
"$value": 1,
|
|
50
|
-
"$type": "number"
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
"space": {
|
|
54
|
-
"designUnit": {
|
|
55
|
-
"$value": 4,
|
|
56
|
-
"$type": "number"
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|