@norges-domstoler/dds-design-tokens 4.0.2 → 5.1.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 +33 -27
- package/dist/cjs/dds/build/js/borderRadius.d.ts +10 -30
- package/dist/cjs/dds/build/js/colors.d.ts +153 -67
- package/dist/cjs/dds/build/js/ddsTokens.d.ts +271 -205
- package/dist/cjs/dds/build/js/font.d.ts +50 -0
- package/dist/cjs/dds/build/js/fontObject.d.ts +922 -22
- package/dist/cjs/dds/build/js/grid.d.ts +15 -35
- package/dist/cjs/dds/build/js/iconSize.d.ts +6 -6
- package/dist/cjs/dds/build/js/outershadow.d.ts +1 -1
- package/dist/cjs/dds/build/js/spacing.d.ts +28 -88
- package/dist/cjs/dds/index.d.ts +10 -11
- package/dist/cjs/index.js +3312 -909
- package/dist/cjs/src/ddsBaseTokens.d.ts +632 -3
- package/dist/css/borderRadius.css +6 -16
- package/dist/css/breakpoints.css +1 -1
- package/dist/css/colors.css +153 -67
- package/dist/css/ddsTokens.css +198 -198
- package/dist/css/font.css +1 -1
- package/dist/css/grid.css +11 -26
- package/dist/css/iconSize.css +4 -4
- package/dist/css/outershadow.css +1 -1
- package/dist/css/spacing.css +15 -45
- package/dist/dds/build/js/borderRadius.d.ts +10 -30
- package/dist/dds/build/js/borderRadius.js +11 -31
- package/dist/dds/build/js/colors.d.ts +153 -67
- package/dist/dds/build/js/colors.js +154 -68
- package/dist/dds/build/js/ddsTokens.d.ts +271 -205
- package/dist/dds/build/js/ddsTokens.js +631 -0
- package/dist/dds/build/js/font.d.ts +50 -0
- package/dist/dds/build/js/font.js +51 -1
- package/dist/dds/build/js/fontObject.d.ts +922 -22
- package/dist/dds/build/js/fontObject.js +1453 -303
- package/dist/dds/build/js/grid.d.ts +15 -35
- package/dist/dds/build/js/grid.js +16 -36
- package/dist/dds/build/js/iconSize.d.ts +6 -6
- package/dist/dds/build/js/iconSize.js +7 -7
- package/dist/dds/build/js/outershadow.d.ts +1 -1
- package/dist/dds/build/js/outershadow.js +1 -1
- package/dist/dds/build/js/spacing.d.ts +28 -88
- package/dist/dds/build/js/spacing.js +29 -89
- package/dist/dds/index.d.ts +10 -11
- package/dist/ddsBaseTokens.js +3 -5
- package/dist/ddsReferenceTokens.js +6 -6
- package/dist/index.js +1 -1
- package/dist/scss/_borderRadius.scss +6 -16
- package/dist/scss/_breakpoints.scss +1 -1
- package/dist/scss/_colors.scss +154 -102
- package/dist/scss/_ddsTokens.scss +199 -198
- package/dist/scss/_font.scss +1 -1
- package/dist/scss/_iconSize.scss +4 -4
- package/dist/scss/_outershadow.scss +1 -1
- package/dist/scss/_spacing.scss +16 -45
- package/dist/src/ddsBaseTokens.d.ts +632 -3
- package/package.json +6 -6
- package/dist/cjs/dds/build/js/border.d.ts +0 -30
- package/dist/cjs/dds/build/js/innershadow.d.ts +0 -8
- package/dist/css/border.css +0 -31
- package/dist/css/innershadow.css +0 -11
- package/dist/dds/build/js/border.d.ts +0 -30
- package/dist/dds/build/js/border.js +0 -32
- package/dist/dds/build/js/innershadow.d.ts +0 -8
- package/dist/dds/build/js/innershadow.js +0 -10
- package/dist/scss/_border.scss +0 -28
- package/dist/scss/_innershadow.scss +0 -8
|
@@ -1,35 +1,15 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
-
export declare const
|
|
14
|
-
export declare const
|
|
15
|
-
export declare const
|
|
16
|
-
export declare const DdsGridMd9601279GutterSize = "24px";
|
|
17
|
-
export declare const DdsGridMd9601279GutterSizeNumberPx = 24;
|
|
18
|
-
export declare const DdsGridMd9601279Alignment = "stretch";
|
|
19
|
-
export declare const DdsGridMd9601279Count = 12;
|
|
20
|
-
export declare const DdsGridMd9601279Offset = "24px";
|
|
21
|
-
export declare const DdsGridMd9601279OffsetNumberPx = 24;
|
|
22
|
-
export declare const DdsGridLg12801919Pattern = "columns";
|
|
23
|
-
export declare const DdsGridLg12801919GutterSize = "24px";
|
|
24
|
-
export declare const DdsGridLg12801919GutterSizeNumberPx = 24;
|
|
25
|
-
export declare const DdsGridLg12801919Alignment = "stretch";
|
|
26
|
-
export declare const DdsGridLg12801919Count = 12;
|
|
27
|
-
export declare const DdsGridLg12801919Offset = "24px";
|
|
28
|
-
export declare const DdsGridLg12801919OffsetNumberPx = 24;
|
|
29
|
-
export declare const DdsGridXl1920Pattern = "columns";
|
|
30
|
-
export declare const DdsGridXl1920GutterSize = "24px";
|
|
31
|
-
export declare const DdsGridXl1920GutterSizeNumberPx = 24;
|
|
32
|
-
export declare const DdsGridXl1920Alignment = "stretch";
|
|
33
|
-
export declare const DdsGridXl1920Count = 12;
|
|
34
|
-
export declare const DdsGridXl1920Offset = "24px";
|
|
35
|
-
export declare const DdsGridXl1920OffsetNumberPx = 24;
|
|
1
|
+
export declare const DdsGridXsCount = "4";
|
|
2
|
+
export declare const DdsGridXsGutterSize = "16px";
|
|
3
|
+
export declare const DdsGridXsGutterSizeNumberPx = 16;
|
|
4
|
+
export declare const DdsGridSmCount = "8";
|
|
5
|
+
export declare const DdsGridSmGutterSize = "16px";
|
|
6
|
+
export declare const DdsGridSmGutterSizeNumberPx = 16;
|
|
7
|
+
export declare const DdsGridLgCount = "12";
|
|
8
|
+
export declare const DdsGridLgGutterSize = "24px";
|
|
9
|
+
export declare const DdsGridLgGutterSizeNumberPx = 24;
|
|
10
|
+
export declare const DdsGridMdCount = "12";
|
|
11
|
+
export declare const DdsGridMdGutterSize = "24px";
|
|
12
|
+
export declare const DdsGridMdGutterSizeNumberPx = 24;
|
|
13
|
+
export declare const DdsGridXlCount = "12";
|
|
14
|
+
export declare const DdsGridXlGutterSize = "24px";
|
|
15
|
+
export declare const DdsGridXlGutterSizeNumberPx = 24;
|
|
@@ -1,37 +1,17 @@
|
|
|
1
|
-
const
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const DdsGridMd9601279GutterSize = "24px";
|
|
17
|
-
const DdsGridMd9601279GutterSizeNumberPx = 24;
|
|
18
|
-
const DdsGridMd9601279Alignment = "stretch";
|
|
19
|
-
const DdsGridMd9601279Count = 12;
|
|
20
|
-
const DdsGridMd9601279Offset = "24px";
|
|
21
|
-
const DdsGridMd9601279OffsetNumberPx = 24;
|
|
22
|
-
const DdsGridLg12801919Pattern = "columns";
|
|
23
|
-
const DdsGridLg12801919GutterSize = "24px";
|
|
24
|
-
const DdsGridLg12801919GutterSizeNumberPx = 24;
|
|
25
|
-
const DdsGridLg12801919Alignment = "stretch";
|
|
26
|
-
const DdsGridLg12801919Count = 12;
|
|
27
|
-
const DdsGridLg12801919Offset = "24px";
|
|
28
|
-
const DdsGridLg12801919OffsetNumberPx = 24;
|
|
29
|
-
const DdsGridXl1920Pattern = "columns";
|
|
30
|
-
const DdsGridXl1920GutterSize = "24px";
|
|
31
|
-
const DdsGridXl1920GutterSizeNumberPx = 24;
|
|
32
|
-
const DdsGridXl1920Alignment = "stretch";
|
|
33
|
-
const DdsGridXl1920Count = 12;
|
|
34
|
-
const DdsGridXl1920Offset = "24px";
|
|
35
|
-
const DdsGridXl1920OffsetNumberPx = 24;
|
|
1
|
+
const DdsGridXsCount = "4";
|
|
2
|
+
const DdsGridXsGutterSize = "16px";
|
|
3
|
+
const DdsGridXsGutterSizeNumberPx = 16;
|
|
4
|
+
const DdsGridSmCount = "8";
|
|
5
|
+
const DdsGridSmGutterSize = "16px";
|
|
6
|
+
const DdsGridSmGutterSizeNumberPx = 16;
|
|
7
|
+
const DdsGridLgCount = "12";
|
|
8
|
+
const DdsGridLgGutterSize = "24px";
|
|
9
|
+
const DdsGridLgGutterSizeNumberPx = 24;
|
|
10
|
+
const DdsGridMdCount = "12";
|
|
11
|
+
const DdsGridMdGutterSize = "24px";
|
|
12
|
+
const DdsGridMdGutterSizeNumberPx = 24;
|
|
13
|
+
const DdsGridXlCount = "12";
|
|
14
|
+
const DdsGridXlGutterSize = "24px";
|
|
15
|
+
const DdsGridXlGutterSizeNumberPx = 24;
|
|
36
16
|
|
|
37
|
-
export {
|
|
17
|
+
export { DdsGridLgCount, DdsGridLgGutterSize, DdsGridLgGutterSizeNumberPx, DdsGridMdCount, DdsGridMdGutterSize, DdsGridMdGutterSizeNumberPx, DdsGridSmCount, DdsGridSmGutterSize, DdsGridSmGutterSizeNumberPx, DdsGridXlCount, DdsGridXlGutterSize, DdsGridXlGutterSizeNumberPx, DdsGridXsCount, DdsGridXsGutterSize, DdsGridXsGutterSizeNumberPx };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
1
|
+
export declare const DdsIconSizeLarge = "40px";
|
|
2
|
+
export declare const DdsIconSizeLargeNumberPx = 40;
|
|
3
|
+
export declare const DdsIconSizeMedium = "24px";
|
|
4
|
+
export declare const DdsIconSizeMediumNumberPx = 24;
|
|
5
|
+
export declare const DdsIconSizeSmall = "16px";
|
|
6
|
+
export declare const DdsIconSizeSmallNumberPx = 16;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
1
|
+
const DdsIconSizeLarge = "40px";
|
|
2
|
+
const DdsIconSizeLargeNumberPx = 40;
|
|
3
|
+
const DdsIconSizeMedium = "24px";
|
|
4
|
+
const DdsIconSizeMediumNumberPx = 24;
|
|
5
|
+
const DdsIconSizeSmall = "16px";
|
|
6
|
+
const DdsIconSizeSmallNumberPx = 16;
|
|
7
7
|
|
|
8
|
-
export {
|
|
8
|
+
export { DdsIconSizeLarge, DdsIconSizeLargeNumberPx, DdsIconSizeMedium, DdsIconSizeMediumNumberPx, DdsIconSizeSmall, DdsIconSizeSmallNumberPx };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 23 Jul 2024 10:51:13 GMT
|
|
4
4
|
*/
|
|
5
5
|
export declare const DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
|
|
6
6
|
export declare const DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 23 Jul 2024 10:51:13 GMT
|
|
4
4
|
*/
|
|
5
5
|
const DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
|
|
6
6
|
const DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
|
|
@@ -1,88 +1,28 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
-
export declare const
|
|
14
|
-
export declare const
|
|
15
|
-
export declare const
|
|
16
|
-
export declare const
|
|
17
|
-
export declare const
|
|
18
|
-
export declare const
|
|
19
|
-
export declare const
|
|
20
|
-
export declare const
|
|
21
|
-
export declare const
|
|
22
|
-
export declare const
|
|
23
|
-
export declare const
|
|
24
|
-
export declare const
|
|
25
|
-
export declare const
|
|
26
|
-
export declare const
|
|
27
|
-
export declare const
|
|
28
|
-
export declare const
|
|
29
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans01Bottom = "0px";
|
|
30
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans01BottomNumberPx = 0;
|
|
31
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans01Left = "0px";
|
|
32
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans01LeftNumberPx = 0;
|
|
33
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans02Top = "12.6px";
|
|
34
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans02TopNumberPx = 12.6;
|
|
35
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans02Right = "0px";
|
|
36
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans02RightNumberPx = 0;
|
|
37
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans02Bottom = "0px";
|
|
38
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans02BottomNumberPx = 0;
|
|
39
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans02Left = "0px";
|
|
40
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans02LeftNumberPx = 0;
|
|
41
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans03Top = "16.8px";
|
|
42
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans03TopNumberPx = 16.8;
|
|
43
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans03Right = "0px";
|
|
44
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans03RightNumberPx = 0;
|
|
45
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans03Bottom = "0px";
|
|
46
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans03BottomNumberPx = 0;
|
|
47
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans03Left = "0px";
|
|
48
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans03LeftNumberPx = 0;
|
|
49
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans04Top = "22.4px";
|
|
50
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans04TopNumberPx = 22.4;
|
|
51
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans04Right = "0px";
|
|
52
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans04RightNumberPx = 0;
|
|
53
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans04Bottom = "0px";
|
|
54
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans04BottomNumberPx = 0;
|
|
55
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans04Left = "0px";
|
|
56
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans04LeftNumberPx = 0;
|
|
57
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans05Top = "28px";
|
|
58
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans05TopNumberPx = 28;
|
|
59
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans05Right = "0px";
|
|
60
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans05RightNumberPx = 0;
|
|
61
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans05Bottom = "0px";
|
|
62
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans05BottomNumberPx = 0;
|
|
63
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans05Left = "0px";
|
|
64
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans05LeftNumberPx = 0;
|
|
65
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans06Top = "33.6px";
|
|
66
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans06TopNumberPx = 33.6;
|
|
67
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans06Right = "0px";
|
|
68
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans06RightNumberPx = 0;
|
|
69
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans06Bottom = "0px";
|
|
70
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans06BottomNumberPx = 0;
|
|
71
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans06Left = "0px";
|
|
72
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans06LeftNumberPx = 0;
|
|
73
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans07Top = "44.8px";
|
|
74
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans07TopNumberPx = 44.8;
|
|
75
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans07Right = "0px";
|
|
76
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans07RightNumberPx = 0;
|
|
77
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans07Bottom = "0px";
|
|
78
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans07BottomNumberPx = 0;
|
|
79
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans07Left = "0px";
|
|
80
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans07LeftNumberPx = 0;
|
|
81
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans08Top = "56px";
|
|
82
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans08TopNumberPx = 56;
|
|
83
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans08Right = "0px";
|
|
84
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans08RightNumberPx = 0;
|
|
85
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans08Bottom = "0px";
|
|
86
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans08BottomNumberPx = 0;
|
|
87
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans08Left = "0px";
|
|
88
|
-
export declare const SpacingDdsSpacingPaddingTopHeadingSans08LeftNumberPx = 0;
|
|
1
|
+
export declare const DdsSpacingX0 = "0px";
|
|
2
|
+
export declare const DdsSpacingX0NumberPx = 0;
|
|
3
|
+
export declare const DdsSpacingX0125 = "2px";
|
|
4
|
+
export declare const DdsSpacingX0125NumberPx = 2;
|
|
5
|
+
export declare const DdsSpacingX025 = "4px";
|
|
6
|
+
export declare const DdsSpacingX025NumberPx = 4;
|
|
7
|
+
export declare const DdsSpacingX05 = "8px";
|
|
8
|
+
export declare const DdsSpacingX05NumberPx = 8;
|
|
9
|
+
export declare const DdsSpacingX075 = "12px";
|
|
10
|
+
export declare const DdsSpacingX075NumberPx = 12;
|
|
11
|
+
export declare const DdsSpacingX1 = "16px";
|
|
12
|
+
export declare const DdsSpacingX1NumberPx = 16;
|
|
13
|
+
export declare const DdsSpacingX15 = "24px";
|
|
14
|
+
export declare const DdsSpacingX15NumberPx = 24;
|
|
15
|
+
export declare const DdsSpacingX2 = "32px";
|
|
16
|
+
export declare const DdsSpacingX2NumberPx = 32;
|
|
17
|
+
export declare const DdsSpacingX25 = "40px";
|
|
18
|
+
export declare const DdsSpacingX25NumberPx = 40;
|
|
19
|
+
export declare const DdsSpacingX3 = "48px";
|
|
20
|
+
export declare const DdsSpacingX3NumberPx = 48;
|
|
21
|
+
export declare const DdsSpacingX4 = "64px";
|
|
22
|
+
export declare const DdsSpacingX4NumberPx = 64;
|
|
23
|
+
export declare const DdsSpacingX6 = "96px";
|
|
24
|
+
export declare const DdsSpacingX6NumberPx = 96;
|
|
25
|
+
export declare const DdsSpacingX10 = "160px";
|
|
26
|
+
export declare const DdsSpacingX10NumberPx = 160;
|
|
27
|
+
export declare const DdsSpacingPaddingTopHeading = "0.7em";
|
|
28
|
+
export declare const DdsSpacingPaddingTopHeadingNumberEm = 0.7;
|
|
@@ -1,90 +1,30 @@
|
|
|
1
|
-
const
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const SpacingDdsSpacingPaddingTopHeadingSans01Bottom = "0px";
|
|
30
|
-
const SpacingDdsSpacingPaddingTopHeadingSans01BottomNumberPx = 0;
|
|
31
|
-
const SpacingDdsSpacingPaddingTopHeadingSans01Left = "0px";
|
|
32
|
-
const SpacingDdsSpacingPaddingTopHeadingSans01LeftNumberPx = 0;
|
|
33
|
-
const SpacingDdsSpacingPaddingTopHeadingSans02Top = "12.6px";
|
|
34
|
-
const SpacingDdsSpacingPaddingTopHeadingSans02TopNumberPx = 12.6;
|
|
35
|
-
const SpacingDdsSpacingPaddingTopHeadingSans02Right = "0px";
|
|
36
|
-
const SpacingDdsSpacingPaddingTopHeadingSans02RightNumberPx = 0;
|
|
37
|
-
const SpacingDdsSpacingPaddingTopHeadingSans02Bottom = "0px";
|
|
38
|
-
const SpacingDdsSpacingPaddingTopHeadingSans02BottomNumberPx = 0;
|
|
39
|
-
const SpacingDdsSpacingPaddingTopHeadingSans02Left = "0px";
|
|
40
|
-
const SpacingDdsSpacingPaddingTopHeadingSans02LeftNumberPx = 0;
|
|
41
|
-
const SpacingDdsSpacingPaddingTopHeadingSans03Top = "16.8px";
|
|
42
|
-
const SpacingDdsSpacingPaddingTopHeadingSans03TopNumberPx = 16.8;
|
|
43
|
-
const SpacingDdsSpacingPaddingTopHeadingSans03Right = "0px";
|
|
44
|
-
const SpacingDdsSpacingPaddingTopHeadingSans03RightNumberPx = 0;
|
|
45
|
-
const SpacingDdsSpacingPaddingTopHeadingSans03Bottom = "0px";
|
|
46
|
-
const SpacingDdsSpacingPaddingTopHeadingSans03BottomNumberPx = 0;
|
|
47
|
-
const SpacingDdsSpacingPaddingTopHeadingSans03Left = "0px";
|
|
48
|
-
const SpacingDdsSpacingPaddingTopHeadingSans03LeftNumberPx = 0;
|
|
49
|
-
const SpacingDdsSpacingPaddingTopHeadingSans04Top = "22.4px";
|
|
50
|
-
const SpacingDdsSpacingPaddingTopHeadingSans04TopNumberPx = 22.4;
|
|
51
|
-
const SpacingDdsSpacingPaddingTopHeadingSans04Right = "0px";
|
|
52
|
-
const SpacingDdsSpacingPaddingTopHeadingSans04RightNumberPx = 0;
|
|
53
|
-
const SpacingDdsSpacingPaddingTopHeadingSans04Bottom = "0px";
|
|
54
|
-
const SpacingDdsSpacingPaddingTopHeadingSans04BottomNumberPx = 0;
|
|
55
|
-
const SpacingDdsSpacingPaddingTopHeadingSans04Left = "0px";
|
|
56
|
-
const SpacingDdsSpacingPaddingTopHeadingSans04LeftNumberPx = 0;
|
|
57
|
-
const SpacingDdsSpacingPaddingTopHeadingSans05Top = "28px";
|
|
58
|
-
const SpacingDdsSpacingPaddingTopHeadingSans05TopNumberPx = 28;
|
|
59
|
-
const SpacingDdsSpacingPaddingTopHeadingSans05Right = "0px";
|
|
60
|
-
const SpacingDdsSpacingPaddingTopHeadingSans05RightNumberPx = 0;
|
|
61
|
-
const SpacingDdsSpacingPaddingTopHeadingSans05Bottom = "0px";
|
|
62
|
-
const SpacingDdsSpacingPaddingTopHeadingSans05BottomNumberPx = 0;
|
|
63
|
-
const SpacingDdsSpacingPaddingTopHeadingSans05Left = "0px";
|
|
64
|
-
const SpacingDdsSpacingPaddingTopHeadingSans05LeftNumberPx = 0;
|
|
65
|
-
const SpacingDdsSpacingPaddingTopHeadingSans06Top = "33.6px";
|
|
66
|
-
const SpacingDdsSpacingPaddingTopHeadingSans06TopNumberPx = 33.6;
|
|
67
|
-
const SpacingDdsSpacingPaddingTopHeadingSans06Right = "0px";
|
|
68
|
-
const SpacingDdsSpacingPaddingTopHeadingSans06RightNumberPx = 0;
|
|
69
|
-
const SpacingDdsSpacingPaddingTopHeadingSans06Bottom = "0px";
|
|
70
|
-
const SpacingDdsSpacingPaddingTopHeadingSans06BottomNumberPx = 0;
|
|
71
|
-
const SpacingDdsSpacingPaddingTopHeadingSans06Left = "0px";
|
|
72
|
-
const SpacingDdsSpacingPaddingTopHeadingSans06LeftNumberPx = 0;
|
|
73
|
-
const SpacingDdsSpacingPaddingTopHeadingSans07Top = "44.8px";
|
|
74
|
-
const SpacingDdsSpacingPaddingTopHeadingSans07TopNumberPx = 44.8;
|
|
75
|
-
const SpacingDdsSpacingPaddingTopHeadingSans07Right = "0px";
|
|
76
|
-
const SpacingDdsSpacingPaddingTopHeadingSans07RightNumberPx = 0;
|
|
77
|
-
const SpacingDdsSpacingPaddingTopHeadingSans07Bottom = "0px";
|
|
78
|
-
const SpacingDdsSpacingPaddingTopHeadingSans07BottomNumberPx = 0;
|
|
79
|
-
const SpacingDdsSpacingPaddingTopHeadingSans07Left = "0px";
|
|
80
|
-
const SpacingDdsSpacingPaddingTopHeadingSans07LeftNumberPx = 0;
|
|
81
|
-
const SpacingDdsSpacingPaddingTopHeadingSans08Top = "56px";
|
|
82
|
-
const SpacingDdsSpacingPaddingTopHeadingSans08TopNumberPx = 56;
|
|
83
|
-
const SpacingDdsSpacingPaddingTopHeadingSans08Right = "0px";
|
|
84
|
-
const SpacingDdsSpacingPaddingTopHeadingSans08RightNumberPx = 0;
|
|
85
|
-
const SpacingDdsSpacingPaddingTopHeadingSans08Bottom = "0px";
|
|
86
|
-
const SpacingDdsSpacingPaddingTopHeadingSans08BottomNumberPx = 0;
|
|
87
|
-
const SpacingDdsSpacingPaddingTopHeadingSans08Left = "0px";
|
|
88
|
-
const SpacingDdsSpacingPaddingTopHeadingSans08LeftNumberPx = 0;
|
|
1
|
+
const DdsSpacingX0 = "0px";
|
|
2
|
+
const DdsSpacingX0NumberPx = 0;
|
|
3
|
+
const DdsSpacingX0125 = "2px";
|
|
4
|
+
const DdsSpacingX0125NumberPx = 2;
|
|
5
|
+
const DdsSpacingX025 = "4px";
|
|
6
|
+
const DdsSpacingX025NumberPx = 4;
|
|
7
|
+
const DdsSpacingX05 = "8px";
|
|
8
|
+
const DdsSpacingX05NumberPx = 8;
|
|
9
|
+
const DdsSpacingX075 = "12px";
|
|
10
|
+
const DdsSpacingX075NumberPx = 12;
|
|
11
|
+
const DdsSpacingX1 = "16px";
|
|
12
|
+
const DdsSpacingX1NumberPx = 16;
|
|
13
|
+
const DdsSpacingX15 = "24px";
|
|
14
|
+
const DdsSpacingX15NumberPx = 24;
|
|
15
|
+
const DdsSpacingX2 = "32px";
|
|
16
|
+
const DdsSpacingX2NumberPx = 32;
|
|
17
|
+
const DdsSpacingX25 = "40px";
|
|
18
|
+
const DdsSpacingX25NumberPx = 40;
|
|
19
|
+
const DdsSpacingX3 = "48px";
|
|
20
|
+
const DdsSpacingX3NumberPx = 48;
|
|
21
|
+
const DdsSpacingX4 = "64px";
|
|
22
|
+
const DdsSpacingX4NumberPx = 64;
|
|
23
|
+
const DdsSpacingX6 = "96px";
|
|
24
|
+
const DdsSpacingX6NumberPx = 96;
|
|
25
|
+
const DdsSpacingX10 = "160px";
|
|
26
|
+
const DdsSpacingX10NumberPx = 160;
|
|
27
|
+
const DdsSpacingPaddingTopHeading = "0.7em";
|
|
28
|
+
const DdsSpacingPaddingTopHeadingNumberEm = 0.7;
|
|
89
29
|
|
|
90
|
-
export {
|
|
30
|
+
export { DdsSpacingPaddingTopHeading, DdsSpacingPaddingTopHeadingNumberEm, DdsSpacingX0, DdsSpacingX0125, DdsSpacingX0125NumberPx, DdsSpacingX025, DdsSpacingX025NumberPx, DdsSpacingX05, DdsSpacingX05NumberPx, DdsSpacingX075, DdsSpacingX075NumberPx, DdsSpacingX0NumberPx, DdsSpacingX1, DdsSpacingX10, DdsSpacingX10NumberPx, DdsSpacingX15, DdsSpacingX15NumberPx, DdsSpacingX1NumberPx, DdsSpacingX2, DdsSpacingX25, DdsSpacingX25NumberPx, DdsSpacingX2NumberPx, DdsSpacingX3, DdsSpacingX3NumberPx, DdsSpacingX4, DdsSpacingX4NumberPx, DdsSpacingX6, DdsSpacingX6NumberPx };
|
package/dist/dds/index.d.ts
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
export * as colors from
|
|
2
|
-
export * as font from
|
|
3
|
-
export * as
|
|
4
|
-
export * as
|
|
5
|
-
export * as
|
|
6
|
-
export * as
|
|
7
|
-
export * as
|
|
8
|
-
export * as
|
|
9
|
-
export * as
|
|
10
|
-
export *
|
|
11
|
-
export * from "./formattedStyles/fontPackages";
|
|
1
|
+
export * as colors from './build/js/colors';
|
|
2
|
+
export * as font from './build/js/font';
|
|
3
|
+
export * as breakpoints from './build/js/breakpoints';
|
|
4
|
+
export * as borderRadius from './build/js/borderRadius';
|
|
5
|
+
export * as spacing from './build/js/spacing';
|
|
6
|
+
export * as iconSizes from './build/js/iconSize';
|
|
7
|
+
export * as grid from './build/js/grid';
|
|
8
|
+
export * as outerShadow from './build/js/outershadow';
|
|
9
|
+
export * as ddsTokens from './build/js/ddsTokens';
|
|
10
|
+
export * from './formattedStyles/fontPackages';
|
package/dist/ddsBaseTokens.js
CHANGED
|
@@ -1,27 +1,25 @@
|
|
|
1
1
|
import * as colors from './dds/build/js/colors.js';
|
|
2
2
|
import * as font from './dds/build/js/font.js';
|
|
3
|
-
import * as border from './dds/build/js/border.js';
|
|
4
3
|
import * as breakpoints from './dds/build/js/breakpoints.js';
|
|
5
4
|
import * as borderRadius from './dds/build/js/borderRadius.js';
|
|
6
5
|
import * as spacing from './dds/build/js/spacing.js';
|
|
7
6
|
import * as iconSize from './dds/build/js/iconSize.js';
|
|
8
7
|
import * as grid from './dds/build/js/grid.js';
|
|
9
|
-
import * as innershadow from './dds/build/js/innershadow.js';
|
|
10
8
|
import * as outershadow from './dds/build/js/outershadow.js';
|
|
9
|
+
import * as ddsTokens$1 from './dds/build/js/ddsTokens.js';
|
|
11
10
|
import { fontPackages } from './dds/formattedStyles/fontPackages/fontPackages.js';
|
|
12
11
|
|
|
13
12
|
const ddsBaseTokens = {
|
|
14
13
|
colors,
|
|
15
14
|
font,
|
|
16
15
|
breakpoints,
|
|
17
|
-
border,
|
|
18
16
|
borderRadius,
|
|
19
17
|
spacing,
|
|
20
18
|
iconSizes: iconSize,
|
|
21
19
|
grid,
|
|
22
|
-
innerShadow: innershadow,
|
|
23
20
|
outerShadow: outershadow,
|
|
24
21
|
fontPackages,
|
|
25
22
|
};
|
|
23
|
+
const ddsTokens = Object.assign({}, ddsTokens$1);
|
|
26
24
|
|
|
27
|
-
export { ddsBaseTokens };
|
|
25
|
+
export { ddsBaseTokens, ddsTokens };
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { ddsBaseTokens } from './ddsBaseTokens.js';
|
|
2
2
|
|
|
3
|
-
const { colors: Colors, fontPackages: FontPackages, borderRadius: BorderRadius,
|
|
3
|
+
const { colors: Colors, fontPackages: FontPackages, borderRadius: BorderRadius, } = ddsBaseTokens;
|
|
4
4
|
const textDefault = {
|
|
5
5
|
textColor: Colors.DdsColorNeutralsGray9,
|
|
6
6
|
font: FontPackages.body_sans_02.base,
|
|
7
7
|
};
|
|
8
8
|
const focus = {
|
|
9
|
-
colorDefault:
|
|
10
|
-
outlineWidth:
|
|
9
|
+
colorDefault: Colors.DdsColorFocusOutside,
|
|
10
|
+
outlineWidth: '2px',
|
|
11
11
|
color__TextInput: Colors.DdsColorInteractiveBase,
|
|
12
12
|
textColor__TextInput: Colors.DdsColorInteractiveDark,
|
|
13
|
-
borderWidth__TextInput:
|
|
13
|
+
borderWidth__TextInput: '1px',
|
|
14
14
|
};
|
|
15
15
|
const ddsReferenceTokens = {
|
|
16
16
|
focus: focus,
|
|
17
17
|
textDefault: textDefault,
|
|
18
18
|
textInput: {
|
|
19
19
|
input: {
|
|
20
|
-
borderRadius: BorderRadius.
|
|
21
|
-
borderWidth:
|
|
20
|
+
borderRadius: BorderRadius.DdsBorderRadius1,
|
|
21
|
+
borderWidth: '1px',
|
|
22
22
|
borderColor: Colors.DdsColorNeutralsGray5,
|
|
23
23
|
textColor: textDefault.textColor,
|
|
24
24
|
hover: {
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { ddsBaseTokens } from './ddsBaseTokens.js';
|
|
1
|
+
export { ddsBaseTokens, ddsTokens } from './ddsBaseTokens.js';
|
|
2
2
|
export { ddsReferenceTokens } from './ddsReferenceTokens.js';
|
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 23 Jul 2024 10:51:13 GMT
|
|
4
4
|
|
|
5
|
-
$
|
|
6
|
-
$
|
|
7
|
-
$
|
|
8
|
-
$
|
|
9
|
-
$
|
|
10
|
-
$radii-dds-border-radius-2-radius: 4px;
|
|
11
|
-
$radii-dds-border-radius-2-radii-top-left: 4px;
|
|
12
|
-
$radii-dds-border-radius-2-radii-top-right: 4px;
|
|
13
|
-
$radii-dds-border-radius-2-radii-bottom-right: 4px;
|
|
14
|
-
$radii-dds-border-radius-2-radii-bottom-left: 4px;
|
|
15
|
-
$radii-dds-border-radius-3-radius: 8px;
|
|
16
|
-
$radii-dds-border-radius-3-radii-top-left: 8px;
|
|
17
|
-
$radii-dds-border-radius-3-radii-top-right: 8px;
|
|
18
|
-
$radii-dds-border-radius-3-radii-bottom-right: 8px;
|
|
19
|
-
$radii-dds-border-radius-3-radii-bottom-left: 8px;
|
|
5
|
+
$dds-border-radius-0: 0px;
|
|
6
|
+
$dds-border-radius-1: 2px;
|
|
7
|
+
$dds-border-radius-2: 4px;
|
|
8
|
+
$dds-border-radius-3: 8px;
|
|
9
|
+
$dds-border-radius-100: 9999px;
|