@daikin-oss/dds-tokens 0.3.2 → 0.4.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/CHANGELOG.md +7 -0
- package/build/css/aaf/Dark/variables.css +6 -4
- package/build/css/aaf/Light/variables.css +6 -4
- package/build/css/daikin/Dark/variables.css +6 -4
- package/build/css/daikin/Light/variables.css +6 -4
- package/build/js/aaf/Dark/variables.cjs +6 -4
- package/build/js/aaf/Dark/variables.d.cts +6 -4
- package/build/js/aaf/Dark/variables.d.ts +6 -4
- package/build/js/aaf/Dark/variables.js +6 -4
- package/build/js/aaf/Light/variables.cjs +6 -4
- package/build/js/aaf/Light/variables.d.cts +6 -4
- package/build/js/aaf/Light/variables.d.ts +6 -4
- package/build/js/aaf/Light/variables.js +6 -4
- package/build/js/daikin/Dark/variables.cjs +6 -4
- package/build/js/daikin/Dark/variables.d.cts +6 -4
- package/build/js/daikin/Dark/variables.d.ts +6 -4
- package/build/js/daikin/Dark/variables.js +6 -4
- package/build/js/daikin/Light/variables.cjs +6 -4
- package/build/js/daikin/Light/variables.d.cts +6 -4
- package/build/js/daikin/Light/variables.d.ts +6 -4
- package/build/js/daikin/Light/variables.js +6 -4
- package/build/json/aaf/Dark/tokens.json +30 -20
- package/build/json/aaf/Light/tokens.json +30 -20
- package/build/json/daikin/Dark/tokens.json +30 -20
- package/build/json/daikin/Light/tokens.json +30 -20
- package/build/scss/aaf/Dark/_mixins.scss +6 -4
- package/build/scss/aaf/Light/_mixins.scss +6 -4
- package/build/scss/daikin/Dark/_mixins.scss +6 -4
- package/build/scss/daikin/Light/_mixins.scss +6 -4
- package/package.json +9 -8
- package/themes/reference.json +44 -16
|
@@ -105,11 +105,7 @@
|
|
|
105
105
|
--dds-color-purple-110: #37153d;
|
|
106
106
|
--dds-color-purple-120: #250e29;
|
|
107
107
|
--dds-border-radius-100: 4px;
|
|
108
|
-
--dds-border-radius-150: 6px;
|
|
109
108
|
--dds-border-radius-200: 8px;
|
|
110
|
-
--dds-border-radius-250: 10px;
|
|
111
|
-
--dds-border-radius-300: 12px;
|
|
112
|
-
--dds-border-radius-400: 16px;
|
|
113
109
|
--dds-border-radius-050: 2px;
|
|
114
110
|
--dds-border-width-100: 4px;
|
|
115
111
|
--dds-border-width-025: 1px;
|
|
@@ -118,23 +114,29 @@
|
|
|
118
114
|
--dds-space-200: 8px;
|
|
119
115
|
--dds-space-300: 12px;
|
|
120
116
|
--dds-space-400: 16px;
|
|
117
|
+
--dds-space-600: 24px;
|
|
121
118
|
--dds-space-800: 32px;
|
|
122
119
|
--dds-space-050: 2px;
|
|
123
120
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
124
121
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
125
122
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
123
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
126
124
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
127
125
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
128
126
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
127
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
129
128
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
130
129
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
131
130
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
131
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
132
132
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
133
133
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
134
134
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
135
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
135
136
|
--dds-font-size-300: 12px;
|
|
136
137
|
--dds-font-size-350: 14px;
|
|
137
138
|
--dds-font-size-400: 16px;
|
|
139
|
+
--dds-font-size-500: 20px;
|
|
138
140
|
--dds-font-line-height-tight: 1.3;
|
|
139
141
|
--dds-font-line-height-normal: 1.5;
|
|
140
142
|
--dds-font-weight-bold: 700;
|
|
@@ -148,11 +148,7 @@
|
|
|
148
148
|
--dds-color-link-surface-visited-hover: #250e29;
|
|
149
149
|
--dds-color-link-surface-visited-press: #37153d;
|
|
150
150
|
--dds-border-radius-100: 4px;
|
|
151
|
-
--dds-border-radius-150: 6px;
|
|
152
151
|
--dds-border-radius-200: 8px;
|
|
153
|
-
--dds-border-radius-250: 10px;
|
|
154
|
-
--dds-border-radius-300: 12px;
|
|
155
|
-
--dds-border-radius-400: 16px;
|
|
156
152
|
--dds-border-radius-050: 2px;
|
|
157
153
|
--dds-border-width-100: 4px;
|
|
158
154
|
--dds-border-width-025: 1px;
|
|
@@ -161,23 +157,29 @@
|
|
|
161
157
|
--dds-space-200: 8px;
|
|
162
158
|
--dds-space-300: 12px;
|
|
163
159
|
--dds-space-400: 16px;
|
|
160
|
+
--dds-space-600: 24px;
|
|
164
161
|
--dds-space-800: 32px;
|
|
165
162
|
--dds-space-050: 2px;
|
|
166
163
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
167
164
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
168
165
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
166
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
169
167
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
170
168
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
171
169
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
170
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
172
171
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
173
172
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
174
173
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
174
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
175
175
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
176
176
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
177
177
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
178
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
178
179
|
--dds-font-size-300: 12px;
|
|
179
180
|
--dds-font-size-350: 14px;
|
|
180
181
|
--dds-font-size-400: 16px;
|
|
182
|
+
--dds-font-size-500: 20px;
|
|
181
183
|
--dds-font-line-height-tight: 1.3;
|
|
182
184
|
--dds-font-line-height-normal: 1.5;
|
|
183
185
|
--dds-font-weight-bold: 700;
|
|
@@ -148,11 +148,7 @@
|
|
|
148
148
|
--dds-color-link-surface-visited-hover: #f0ddf3;
|
|
149
149
|
--dds-color-link-surface-visited-press: #e1bbe8;
|
|
150
150
|
--dds-border-radius-100: 4px;
|
|
151
|
-
--dds-border-radius-150: 6px;
|
|
152
151
|
--dds-border-radius-200: 8px;
|
|
153
|
-
--dds-border-radius-250: 10px;
|
|
154
|
-
--dds-border-radius-300: 12px;
|
|
155
|
-
--dds-border-radius-400: 16px;
|
|
156
152
|
--dds-border-radius-050: 2px;
|
|
157
153
|
--dds-border-width-100: 4px;
|
|
158
154
|
--dds-border-width-025: 1px;
|
|
@@ -161,23 +157,29 @@
|
|
|
161
157
|
--dds-space-200: 8px;
|
|
162
158
|
--dds-space-300: 12px;
|
|
163
159
|
--dds-space-400: 16px;
|
|
160
|
+
--dds-space-600: 24px;
|
|
164
161
|
--dds-space-800: 32px;
|
|
165
162
|
--dds-space-050: 2px;
|
|
166
163
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
167
164
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
168
165
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
166
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
169
167
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
170
168
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
171
169
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
170
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
172
171
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
173
172
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
174
173
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
174
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
175
175
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
176
176
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
177
177
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
178
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
178
179
|
--dds-font-size-300: 12px;
|
|
179
180
|
--dds-font-size-350: 14px;
|
|
180
181
|
--dds-font-size-400: 16px;
|
|
182
|
+
--dds-font-size-500: 20px;
|
|
181
183
|
--dds-font-line-height-tight: 1.3;
|
|
182
184
|
--dds-font-line-height-normal: 1.5;
|
|
183
185
|
--dds-font-weight-bold: 700;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@daikin-oss/dds-tokens",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Design token definitions for DDS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"CHANGELOG.md"
|
|
11
11
|
],
|
|
12
12
|
"exports": {
|
|
13
|
+
"./package.json": "./package.json",
|
|
13
14
|
"./js/*.js": {
|
|
14
15
|
"import": "./build/js/*.js",
|
|
15
16
|
"require": "./build/js/*.cjs",
|
|
@@ -55,14 +56,14 @@
|
|
|
55
56
|
"homepage": "https://github.com/dsv-rp/dds-tokens#readme",
|
|
56
57
|
"devDependencies": {
|
|
57
58
|
"@changesets/changelog-github": "^0.5.0",
|
|
58
|
-
"@changesets/cli": "^2.27.
|
|
59
|
-
"@tokens-studio/sd-transforms": "^1.2.
|
|
60
|
-
"@types/node": "^20.17.
|
|
61
|
-
"prettier": "^3.4.
|
|
59
|
+
"@changesets/cli": "^2.27.12",
|
|
60
|
+
"@tokens-studio/sd-transforms": "^1.2.9",
|
|
61
|
+
"@types/node": "^20.17.17",
|
|
62
|
+
"prettier": "^3.4.2",
|
|
62
63
|
"prettier-plugin-organize-imports": "^4.1.0",
|
|
63
|
-
"sass-embedded": "^1.
|
|
64
|
-
"style-dictionary": "^4.2
|
|
64
|
+
"sass-embedded": "^1.83.4",
|
|
65
|
+
"style-dictionary": "^4.3.2",
|
|
65
66
|
"tsx": "^4.19.2",
|
|
66
|
-
"vitest": "^
|
|
67
|
+
"vitest": "^3.0.5"
|
|
67
68
|
}
|
|
68
69
|
}
|
package/themes/reference.json
CHANGED
|
@@ -432,26 +432,10 @@
|
|
|
432
432
|
"value": "4",
|
|
433
433
|
"type": "borderRadius"
|
|
434
434
|
},
|
|
435
|
-
"150": {
|
|
436
|
-
"value": "6",
|
|
437
|
-
"type": "borderRadius"
|
|
438
|
-
},
|
|
439
435
|
"200": {
|
|
440
436
|
"value": "8",
|
|
441
437
|
"type": "borderRadius"
|
|
442
438
|
},
|
|
443
|
-
"250": {
|
|
444
|
-
"value": "10",
|
|
445
|
-
"type": "borderRadius"
|
|
446
|
-
},
|
|
447
|
-
"300": {
|
|
448
|
-
"value": "12",
|
|
449
|
-
"type": "borderRadius"
|
|
450
|
-
},
|
|
451
|
-
"400": {
|
|
452
|
-
"value": "16",
|
|
453
|
-
"type": "borderRadius"
|
|
454
|
-
},
|
|
455
439
|
"050": {
|
|
456
440
|
"value": "2",
|
|
457
441
|
"type": "borderRadius"
|
|
@@ -488,6 +472,10 @@
|
|
|
488
472
|
"value": "16",
|
|
489
473
|
"type": "spacing"
|
|
490
474
|
},
|
|
475
|
+
"600": {
|
|
476
|
+
"value": "24",
|
|
477
|
+
"type": "spacing"
|
|
478
|
+
},
|
|
491
479
|
"800": {
|
|
492
480
|
"value": "32",
|
|
493
481
|
"type": "spacing"
|
|
@@ -526,6 +514,15 @@
|
|
|
526
514
|
"fontSize": "{font.size.400}"
|
|
527
515
|
},
|
|
528
516
|
"type": "typography"
|
|
517
|
+
},
|
|
518
|
+
"500": {
|
|
519
|
+
"value": {
|
|
520
|
+
"fontFamily": "{font.family.base}",
|
|
521
|
+
"fontWeight": "{font.weight.regular}",
|
|
522
|
+
"lineHeight": "{font.line-height.normal}",
|
|
523
|
+
"fontSize": "{font.size.500}"
|
|
524
|
+
},
|
|
525
|
+
"type": "typography"
|
|
529
526
|
}
|
|
530
527
|
},
|
|
531
528
|
"tight": {
|
|
@@ -555,6 +552,15 @@
|
|
|
555
552
|
"fontSize": "{font.size.400}"
|
|
556
553
|
},
|
|
557
554
|
"type": "typography"
|
|
555
|
+
},
|
|
556
|
+
"500": {
|
|
557
|
+
"value": {
|
|
558
|
+
"fontFamily": "{font.family.base}",
|
|
559
|
+
"fontWeight": "{font.weight.regular}",
|
|
560
|
+
"lineHeight": "{font.line-height.tight}",
|
|
561
|
+
"fontSize": "{font.size.500}"
|
|
562
|
+
},
|
|
563
|
+
"type": "typography"
|
|
558
564
|
}
|
|
559
565
|
},
|
|
560
566
|
"bold": {
|
|
@@ -585,6 +591,15 @@
|
|
|
585
591
|
"fontSize": "{font.size.400}"
|
|
586
592
|
},
|
|
587
593
|
"type": "typography"
|
|
594
|
+
},
|
|
595
|
+
"500": {
|
|
596
|
+
"value": {
|
|
597
|
+
"fontFamily": "{font.family.base}",
|
|
598
|
+
"fontWeight": "{font.weight.bold}",
|
|
599
|
+
"lineHeight": "{font.line-height.normal}",
|
|
600
|
+
"fontSize": "{font.size.500}"
|
|
601
|
+
},
|
|
602
|
+
"type": "typography"
|
|
588
603
|
}
|
|
589
604
|
},
|
|
590
605
|
"tight": {
|
|
@@ -614,6 +629,15 @@
|
|
|
614
629
|
"fontSize": "{font.size.400}"
|
|
615
630
|
},
|
|
616
631
|
"type": "typography"
|
|
632
|
+
},
|
|
633
|
+
"500": {
|
|
634
|
+
"value": {
|
|
635
|
+
"fontFamily": "{font.family.base}",
|
|
636
|
+
"fontWeight": "{font.weight.bold}",
|
|
637
|
+
"lineHeight": "{font.line-height.tight}",
|
|
638
|
+
"fontSize": "{font.size.500}"
|
|
639
|
+
},
|
|
640
|
+
"type": "typography"
|
|
617
641
|
}
|
|
618
642
|
}
|
|
619
643
|
}
|
|
@@ -630,6 +654,10 @@
|
|
|
630
654
|
"400": {
|
|
631
655
|
"value": "16",
|
|
632
656
|
"type": "fontSizes"
|
|
657
|
+
},
|
|
658
|
+
"500": {
|
|
659
|
+
"value": "20",
|
|
660
|
+
"type": "fontSizes"
|
|
633
661
|
}
|
|
634
662
|
},
|
|
635
663
|
"line-height": {
|