@daikin-oss/dds-tokens 0.4.0 → 0.4.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.
Files changed (34) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build/css/aaf/Dark/variables.css +8 -0
  3. package/build/css/aaf/Light/variables.css +8 -0
  4. package/build/css/daikin/Dark/variables.css +8 -0
  5. package/build/css/daikin/Light/variables.css +9 -1
  6. package/build/js/aaf/Dark/variables.cjs +8 -0
  7. package/build/js/aaf/Dark/variables.d.cts +8 -0
  8. package/build/js/aaf/Dark/variables.d.ts +8 -0
  9. package/build/js/aaf/Dark/variables.js +8 -0
  10. package/build/js/aaf/Light/variables.cjs +8 -0
  11. package/build/js/aaf/Light/variables.d.cts +8 -0
  12. package/build/js/aaf/Light/variables.d.ts +8 -0
  13. package/build/js/aaf/Light/variables.js +8 -0
  14. package/build/js/daikin/Dark/variables.cjs +8 -0
  15. package/build/js/daikin/Dark/variables.d.cts +8 -0
  16. package/build/js/daikin/Dark/variables.d.ts +8 -0
  17. package/build/js/daikin/Dark/variables.js +8 -0
  18. package/build/js/daikin/Light/variables.cjs +9 -1
  19. package/build/js/daikin/Light/variables.d.cts +8 -0
  20. package/build/js/daikin/Light/variables.d.ts +8 -0
  21. package/build/js/daikin/Light/variables.js +9 -1
  22. package/build/json/aaf/Dark/tokens.json +40 -0
  23. package/build/json/aaf/Light/tokens.json +40 -0
  24. package/build/json/daikin/Dark/tokens.json +40 -0
  25. package/build/json/daikin/Light/tokens.json +41 -1
  26. package/build/scss/aaf/Dark/_mixins.scss +8 -0
  27. package/build/scss/aaf/Light/_mixins.scss +8 -0
  28. package/build/scss/daikin/Dark/_mixins.scss +8 -0
  29. package/build/scss/daikin/Light/_mixins.scss +9 -1
  30. package/package.json +1 -1
  31. package/themes/$metadata.json +1 -7
  32. package/themes/$themes.json +2 -14
  33. package/themes/dkn/light/system.json +2 -2
  34. package/themes/reference.json +78 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.4.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 1 token(s) updated.
8
+
9
+ ## 0.4.1
10
+
11
+ ### Patch Changes
12
+
13
+ - 32 token(s) added.
14
+
3
15
  ## 0.4.0
4
16
 
5
17
  ### Minor Changes
@@ -142,4 +142,12 @@
142
142
  --dds-font-weight-bold: 700;
143
143
  --dds-font-weight-regular: 400;
144
144
  --dds-font-family-base: Roboto;
145
+ --dds-font-bold-normal-300: 700 12px/1.5 Roboto;
146
+ --dds-font-bold-normal-350: 700 14px/1.5 Roboto;
147
+ --dds-font-bold-normal-400: 700 16px/1.5 Roboto;
148
+ --dds-font-bold-normal-500: 700 20px/1.5 Roboto;
149
+ --dds-font-bold-tight-300: 700 12px/1.3 Roboto;
150
+ --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
151
+ --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
152
+ --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
145
153
  }
@@ -142,4 +142,12 @@
142
142
  --dds-font-weight-bold: 700;
143
143
  --dds-font-weight-regular: 400;
144
144
  --dds-font-family-base: Roboto;
145
+ --dds-font-bold-normal-300: 700 12px/1.5 Roboto;
146
+ --dds-font-bold-normal-350: 700 14px/1.5 Roboto;
147
+ --dds-font-bold-normal-400: 700 16px/1.5 Roboto;
148
+ --dds-font-bold-normal-500: 700 20px/1.5 Roboto;
149
+ --dds-font-bold-tight-300: 700 12px/1.3 Roboto;
150
+ --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
151
+ --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
152
+ --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
145
153
  }
@@ -185,4 +185,12 @@
185
185
  --dds-font-weight-bold: 700;
186
186
  --dds-font-weight-regular: 400;
187
187
  --dds-font-family-base: Roboto;
188
+ --dds-font-bold-normal-300: 700 12px/1.5 Roboto;
189
+ --dds-font-bold-normal-350: 700 14px/1.5 Roboto;
190
+ --dds-font-bold-normal-400: 700 16px/1.5 Roboto;
191
+ --dds-font-bold-normal-500: 700 20px/1.5 Roboto;
192
+ --dds-font-bold-tight-300: 700 12px/1.3 Roboto;
193
+ --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
194
+ --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
195
+ --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
188
196
  }
@@ -131,7 +131,7 @@
131
131
  --dds-color-common-alarm: #e46b08;
132
132
  --dds-color-common-information: #0097e0;
133
133
  --dds-color-common-disabled: #bfbfbf;
134
- --dds-color-common-text-primary: #414141;
134
+ --dds-color-common-text-primary: #212121;
135
135
  --dds-color-common-text-secondary: #616161;
136
136
  --dds-color-common-text-inverse: #ffffff;
137
137
  --dds-color-common-border-focus: #0081c0;
@@ -185,4 +185,12 @@
185
185
  --dds-font-weight-bold: 700;
186
186
  --dds-font-weight-regular: 400;
187
187
  --dds-font-family-base: Roboto;
188
+ --dds-font-bold-normal-300: 700 12px/1.5 Roboto;
189
+ --dds-font-bold-normal-350: 700 14px/1.5 Roboto;
190
+ --dds-font-bold-normal-400: 700 16px/1.5 Roboto;
191
+ --dds-font-bold-normal-500: 700 20px/1.5 Roboto;
192
+ --dds-font-bold-tight-300: 700 12px/1.3 Roboto;
193
+ --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
194
+ --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
195
+ --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
188
196
  }
@@ -142,4 +142,12 @@ module.exports = {
142
142
  fontWeightBold: 700,
143
143
  fontWeightRegular: 400,
144
144
  fontFamilyBase: "Roboto",
145
+ fontBoldNormal300: "700 12px/1.5 Roboto",
146
+ fontBoldNormal350: "700 14px/1.5 Roboto",
147
+ fontBoldNormal400: "700 16px/1.5 Roboto",
148
+ fontBoldNormal500: "700 20px/1.5 Roboto",
149
+ fontBoldTight300: "700 12px/1.3 Roboto",
150
+ fontBoldTight350: "700 14px/1.3 Roboto",
151
+ fontBoldTight400: "700 16px/1.3 Roboto",
152
+ fontBoldTight500: "700 20px/1.3 Roboto",
145
153
  };
@@ -141,3 +141,11 @@ export const fontLineHeightNormal: number;
141
141
  export const fontWeightBold: number;
142
142
  export const fontWeightRegular: number;
143
143
  export const fontFamilyBase: string;
144
+ export const fontBoldNormal300: string;
145
+ export const fontBoldNormal350: string;
146
+ export const fontBoldNormal400: string;
147
+ export const fontBoldNormal500: string;
148
+ export const fontBoldTight300: string;
149
+ export const fontBoldTight350: string;
150
+ export const fontBoldTight400: string;
151
+ export const fontBoldTight500: string;
@@ -141,3 +141,11 @@ export const fontLineHeightNormal: number;
141
141
  export const fontWeightBold: number;
142
142
  export const fontWeightRegular: number;
143
143
  export const fontFamilyBase: string;
144
+ export const fontBoldNormal300: string;
145
+ export const fontBoldNormal350: string;
146
+ export const fontBoldNormal400: string;
147
+ export const fontBoldNormal500: string;
148
+ export const fontBoldTight300: string;
149
+ export const fontBoldTight350: string;
150
+ export const fontBoldTight400: string;
151
+ export const fontBoldTight500: string;
@@ -141,3 +141,11 @@ export const fontLineHeightNormal = 1.5;
141
141
  export const fontWeightBold = 700;
142
142
  export const fontWeightRegular = 400;
143
143
  export const fontFamilyBase = "Roboto";
144
+ export const fontBoldNormal300 = "700 12px/1.5 Roboto";
145
+ export const fontBoldNormal350 = "700 14px/1.5 Roboto";
146
+ export const fontBoldNormal400 = "700 16px/1.5 Roboto";
147
+ export const fontBoldNormal500 = "700 20px/1.5 Roboto";
148
+ export const fontBoldTight300 = "700 12px/1.3 Roboto";
149
+ export const fontBoldTight350 = "700 14px/1.3 Roboto";
150
+ export const fontBoldTight400 = "700 16px/1.3 Roboto";
151
+ export const fontBoldTight500 = "700 20px/1.3 Roboto";
@@ -142,4 +142,12 @@ module.exports = {
142
142
  fontWeightBold: 700,
143
143
  fontWeightRegular: 400,
144
144
  fontFamilyBase: "Roboto",
145
+ fontBoldNormal300: "700 12px/1.5 Roboto",
146
+ fontBoldNormal350: "700 14px/1.5 Roboto",
147
+ fontBoldNormal400: "700 16px/1.5 Roboto",
148
+ fontBoldNormal500: "700 20px/1.5 Roboto",
149
+ fontBoldTight300: "700 12px/1.3 Roboto",
150
+ fontBoldTight350: "700 14px/1.3 Roboto",
151
+ fontBoldTight400: "700 16px/1.3 Roboto",
152
+ fontBoldTight500: "700 20px/1.3 Roboto",
145
153
  };
@@ -141,3 +141,11 @@ export const fontLineHeightNormal: number;
141
141
  export const fontWeightBold: number;
142
142
  export const fontWeightRegular: number;
143
143
  export const fontFamilyBase: string;
144
+ export const fontBoldNormal300: string;
145
+ export const fontBoldNormal350: string;
146
+ export const fontBoldNormal400: string;
147
+ export const fontBoldNormal500: string;
148
+ export const fontBoldTight300: string;
149
+ export const fontBoldTight350: string;
150
+ export const fontBoldTight400: string;
151
+ export const fontBoldTight500: string;
@@ -141,3 +141,11 @@ export const fontLineHeightNormal: number;
141
141
  export const fontWeightBold: number;
142
142
  export const fontWeightRegular: number;
143
143
  export const fontFamilyBase: string;
144
+ export const fontBoldNormal300: string;
145
+ export const fontBoldNormal350: string;
146
+ export const fontBoldNormal400: string;
147
+ export const fontBoldNormal500: string;
148
+ export const fontBoldTight300: string;
149
+ export const fontBoldTight350: string;
150
+ export const fontBoldTight400: string;
151
+ export const fontBoldTight500: string;
@@ -141,3 +141,11 @@ export const fontLineHeightNormal = 1.5;
141
141
  export const fontWeightBold = 700;
142
142
  export const fontWeightRegular = 400;
143
143
  export const fontFamilyBase = "Roboto";
144
+ export const fontBoldNormal300 = "700 12px/1.5 Roboto";
145
+ export const fontBoldNormal350 = "700 14px/1.5 Roboto";
146
+ export const fontBoldNormal400 = "700 16px/1.5 Roboto";
147
+ export const fontBoldNormal500 = "700 20px/1.5 Roboto";
148
+ export const fontBoldTight300 = "700 12px/1.3 Roboto";
149
+ export const fontBoldTight350 = "700 14px/1.3 Roboto";
150
+ export const fontBoldTight400 = "700 16px/1.3 Roboto";
151
+ export const fontBoldTight500 = "700 20px/1.3 Roboto";
@@ -185,4 +185,12 @@ module.exports = {
185
185
  fontWeightBold: 700,
186
186
  fontWeightRegular: 400,
187
187
  fontFamilyBase: "Roboto",
188
+ fontBoldNormal300: "700 12px/1.5 Roboto",
189
+ fontBoldNormal350: "700 14px/1.5 Roboto",
190
+ fontBoldNormal400: "700 16px/1.5 Roboto",
191
+ fontBoldNormal500: "700 20px/1.5 Roboto",
192
+ fontBoldTight300: "700 12px/1.3 Roboto",
193
+ fontBoldTight350: "700 14px/1.3 Roboto",
194
+ fontBoldTight400: "700 16px/1.3 Roboto",
195
+ fontBoldTight500: "700 20px/1.3 Roboto",
188
196
  };
@@ -184,3 +184,11 @@ export const fontLineHeightNormal: number;
184
184
  export const fontWeightBold: number;
185
185
  export const fontWeightRegular: number;
186
186
  export const fontFamilyBase: string;
187
+ export const fontBoldNormal300: string;
188
+ export const fontBoldNormal350: string;
189
+ export const fontBoldNormal400: string;
190
+ export const fontBoldNormal500: string;
191
+ export const fontBoldTight300: string;
192
+ export const fontBoldTight350: string;
193
+ export const fontBoldTight400: string;
194
+ export const fontBoldTight500: string;
@@ -184,3 +184,11 @@ export const fontLineHeightNormal: number;
184
184
  export const fontWeightBold: number;
185
185
  export const fontWeightRegular: number;
186
186
  export const fontFamilyBase: string;
187
+ export const fontBoldNormal300: string;
188
+ export const fontBoldNormal350: string;
189
+ export const fontBoldNormal400: string;
190
+ export const fontBoldNormal500: string;
191
+ export const fontBoldTight300: string;
192
+ export const fontBoldTight350: string;
193
+ export const fontBoldTight400: string;
194
+ export const fontBoldTight500: string;
@@ -184,3 +184,11 @@ export const fontLineHeightNormal = 1.5;
184
184
  export const fontWeightBold = 700;
185
185
  export const fontWeightRegular = 400;
186
186
  export const fontFamilyBase = "Roboto";
187
+ export const fontBoldNormal300 = "700 12px/1.5 Roboto";
188
+ export const fontBoldNormal350 = "700 14px/1.5 Roboto";
189
+ export const fontBoldNormal400 = "700 16px/1.5 Roboto";
190
+ export const fontBoldNormal500 = "700 20px/1.5 Roboto";
191
+ export const fontBoldTight300 = "700 12px/1.3 Roboto";
192
+ export const fontBoldTight350 = "700 14px/1.3 Roboto";
193
+ export const fontBoldTight400 = "700 16px/1.3 Roboto";
194
+ export const fontBoldTight500 = "700 20px/1.3 Roboto";
@@ -131,7 +131,7 @@ module.exports = {
131
131
  colorCommonAlarm: "#e46b08",
132
132
  colorCommonInformation: "#0097e0",
133
133
  colorCommonDisabled: "#bfbfbf",
134
- colorCommonTextPrimary: "#414141",
134
+ colorCommonTextPrimary: "#212121",
135
135
  colorCommonTextSecondary: "#616161",
136
136
  colorCommonTextInverse: "#ffffff",
137
137
  colorCommonBorderFocus: "#0081c0",
@@ -185,4 +185,12 @@ module.exports = {
185
185
  fontWeightBold: 700,
186
186
  fontWeightRegular: 400,
187
187
  fontFamilyBase: "Roboto",
188
+ fontBoldNormal300: "700 12px/1.5 Roboto",
189
+ fontBoldNormal350: "700 14px/1.5 Roboto",
190
+ fontBoldNormal400: "700 16px/1.5 Roboto",
191
+ fontBoldNormal500: "700 20px/1.5 Roboto",
192
+ fontBoldTight300: "700 12px/1.3 Roboto",
193
+ fontBoldTight350: "700 14px/1.3 Roboto",
194
+ fontBoldTight400: "700 16px/1.3 Roboto",
195
+ fontBoldTight500: "700 20px/1.3 Roboto",
188
196
  };
@@ -184,3 +184,11 @@ export const fontLineHeightNormal: number;
184
184
  export const fontWeightBold: number;
185
185
  export const fontWeightRegular: number;
186
186
  export const fontFamilyBase: string;
187
+ export const fontBoldNormal300: string;
188
+ export const fontBoldNormal350: string;
189
+ export const fontBoldNormal400: string;
190
+ export const fontBoldNormal500: string;
191
+ export const fontBoldTight300: string;
192
+ export const fontBoldTight350: string;
193
+ export const fontBoldTight400: string;
194
+ export const fontBoldTight500: string;
@@ -184,3 +184,11 @@ export const fontLineHeightNormal: number;
184
184
  export const fontWeightBold: number;
185
185
  export const fontWeightRegular: number;
186
186
  export const fontFamilyBase: string;
187
+ export const fontBoldNormal300: string;
188
+ export const fontBoldNormal350: string;
189
+ export const fontBoldNormal400: string;
190
+ export const fontBoldNormal500: string;
191
+ export const fontBoldTight300: string;
192
+ export const fontBoldTight350: string;
193
+ export const fontBoldTight400: string;
194
+ export const fontBoldTight500: string;
@@ -130,7 +130,7 @@ export const colorCommonWarning = "#b88700";
130
130
  export const colorCommonAlarm = "#e46b08";
131
131
  export const colorCommonInformation = "#0097e0";
132
132
  export const colorCommonDisabled = "#bfbfbf";
133
- export const colorCommonTextPrimary = "#414141";
133
+ export const colorCommonTextPrimary = "#212121";
134
134
  export const colorCommonTextSecondary = "#616161";
135
135
  export const colorCommonTextInverse = "#ffffff";
136
136
  export const colorCommonBorderFocus = "#0081c0";
@@ -184,3 +184,11 @@ export const fontLineHeightNormal = 1.5;
184
184
  export const fontWeightBold = 700;
185
185
  export const fontWeightRegular = 400;
186
186
  export const fontFamilyBase = "Roboto";
187
+ export const fontBoldNormal300 = "700 12px/1.5 Roboto";
188
+ export const fontBoldNormal350 = "700 14px/1.5 Roboto";
189
+ export const fontBoldNormal400 = "700 16px/1.5 Roboto";
190
+ export const fontBoldNormal500 = "700 20px/1.5 Roboto";
191
+ export const fontBoldTight300 = "700 12px/1.3 Roboto";
192
+ export const fontBoldTight350 = "700 14px/1.3 Roboto";
193
+ export const fontBoldTight400 = "700 16px/1.3 Roboto";
194
+ export const fontBoldTight500 = "700 20px/1.3 Roboto";
@@ -693,5 +693,45 @@
693
693
  "Roboto",
694
694
  "fontFamily",
695
695
  "fontFamilies"
696
+ ],
697
+ "font-bold-normal-300": [
698
+ "700 12px/1.5 Roboto",
699
+ "typography",
700
+ null
701
+ ],
702
+ "font-bold-normal-350": [
703
+ "700 14px/1.5 Roboto",
704
+ "typography",
705
+ null
706
+ ],
707
+ "font-bold-normal-400": [
708
+ "700 16px/1.5 Roboto",
709
+ "typography",
710
+ null
711
+ ],
712
+ "font-bold-normal-500": [
713
+ "700 20px/1.5 Roboto",
714
+ "typography",
715
+ null
716
+ ],
717
+ "font-bold-tight-300": [
718
+ "700 12px/1.3 Roboto",
719
+ "typography",
720
+ null
721
+ ],
722
+ "font-bold-tight-350": [
723
+ "700 14px/1.3 Roboto",
724
+ "typography",
725
+ null
726
+ ],
727
+ "font-bold-tight-400": [
728
+ "700 16px/1.3 Roboto",
729
+ "typography",
730
+ null
731
+ ],
732
+ "font-bold-tight-500": [
733
+ "700 20px/1.3 Roboto",
734
+ "typography",
735
+ null
696
736
  ]
697
737
  }
@@ -693,5 +693,45 @@
693
693
  "Roboto",
694
694
  "fontFamily",
695
695
  "fontFamilies"
696
+ ],
697
+ "font-bold-normal-300": [
698
+ "700 12px/1.5 Roboto",
699
+ "typography",
700
+ null
701
+ ],
702
+ "font-bold-normal-350": [
703
+ "700 14px/1.5 Roboto",
704
+ "typography",
705
+ null
706
+ ],
707
+ "font-bold-normal-400": [
708
+ "700 16px/1.5 Roboto",
709
+ "typography",
710
+ null
711
+ ],
712
+ "font-bold-normal-500": [
713
+ "700 20px/1.5 Roboto",
714
+ "typography",
715
+ null
716
+ ],
717
+ "font-bold-tight-300": [
718
+ "700 12px/1.3 Roboto",
719
+ "typography",
720
+ null
721
+ ],
722
+ "font-bold-tight-350": [
723
+ "700 14px/1.3 Roboto",
724
+ "typography",
725
+ null
726
+ ],
727
+ "font-bold-tight-400": [
728
+ "700 16px/1.3 Roboto",
729
+ "typography",
730
+ null
731
+ ],
732
+ "font-bold-tight-500": [
733
+ "700 20px/1.3 Roboto",
734
+ "typography",
735
+ null
696
736
  ]
697
737
  }
@@ -908,5 +908,45 @@
908
908
  "Roboto",
909
909
  "fontFamily",
910
910
  "fontFamilies"
911
+ ],
912
+ "font-bold-normal-300": [
913
+ "700 12px/1.5 Roboto",
914
+ "typography",
915
+ null
916
+ ],
917
+ "font-bold-normal-350": [
918
+ "700 14px/1.5 Roboto",
919
+ "typography",
920
+ null
921
+ ],
922
+ "font-bold-normal-400": [
923
+ "700 16px/1.5 Roboto",
924
+ "typography",
925
+ null
926
+ ],
927
+ "font-bold-normal-500": [
928
+ "700 20px/1.5 Roboto",
929
+ "typography",
930
+ null
931
+ ],
932
+ "font-bold-tight-300": [
933
+ "700 12px/1.3 Roboto",
934
+ "typography",
935
+ null
936
+ ],
937
+ "font-bold-tight-350": [
938
+ "700 14px/1.3 Roboto",
939
+ "typography",
940
+ null
941
+ ],
942
+ "font-bold-tight-400": [
943
+ "700 16px/1.3 Roboto",
944
+ "typography",
945
+ null
946
+ ],
947
+ "font-bold-tight-500": [
948
+ "700 20px/1.3 Roboto",
949
+ "typography",
950
+ null
911
951
  ]
912
952
  }
@@ -640,7 +640,7 @@
640
640
  null
641
641
  ],
642
642
  "color-common-text-primary": [
643
- "#414141",
643
+ "#212121",
644
644
  "color",
645
645
  null
646
646
  ],
@@ -908,5 +908,45 @@
908
908
  "Roboto",
909
909
  "fontFamily",
910
910
  "fontFamilies"
911
+ ],
912
+ "font-bold-normal-300": [
913
+ "700 12px/1.5 Roboto",
914
+ "typography",
915
+ null
916
+ ],
917
+ "font-bold-normal-350": [
918
+ "700 14px/1.5 Roboto",
919
+ "typography",
920
+ null
921
+ ],
922
+ "font-bold-normal-400": [
923
+ "700 16px/1.5 Roboto",
924
+ "typography",
925
+ null
926
+ ],
927
+ "font-bold-normal-500": [
928
+ "700 20px/1.5 Roboto",
929
+ "typography",
930
+ null
931
+ ],
932
+ "font-bold-tight-300": [
933
+ "700 12px/1.3 Roboto",
934
+ "typography",
935
+ null
936
+ ],
937
+ "font-bold-tight-350": [
938
+ "700 14px/1.3 Roboto",
939
+ "typography",
940
+ null
941
+ ],
942
+ "font-bold-tight-400": [
943
+ "700 16px/1.3 Roboto",
944
+ "typography",
945
+ null
946
+ ],
947
+ "font-bold-tight-500": [
948
+ "700 20px/1.3 Roboto",
949
+ "typography",
950
+ null
911
951
  ]
912
952
  }
@@ -142,4 +142,12 @@
142
142
  --dds-font-weight-bold: 700;
143
143
  --dds-font-weight-regular: 400;
144
144
  --dds-font-family-base: Roboto;
145
+ --dds-font-bold-normal-300: 700 12px/1.5 Roboto;
146
+ --dds-font-bold-normal-350: 700 14px/1.5 Roboto;
147
+ --dds-font-bold-normal-400: 700 16px/1.5 Roboto;
148
+ --dds-font-bold-normal-500: 700 20px/1.5 Roboto;
149
+ --dds-font-bold-tight-300: 700 12px/1.3 Roboto;
150
+ --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
151
+ --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
152
+ --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
145
153
  }
@@ -142,4 +142,12 @@
142
142
  --dds-font-weight-bold: 700;
143
143
  --dds-font-weight-regular: 400;
144
144
  --dds-font-family-base: Roboto;
145
+ --dds-font-bold-normal-300: 700 12px/1.5 Roboto;
146
+ --dds-font-bold-normal-350: 700 14px/1.5 Roboto;
147
+ --dds-font-bold-normal-400: 700 16px/1.5 Roboto;
148
+ --dds-font-bold-normal-500: 700 20px/1.5 Roboto;
149
+ --dds-font-bold-tight-300: 700 12px/1.3 Roboto;
150
+ --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
151
+ --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
152
+ --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
145
153
  }
@@ -185,4 +185,12 @@
185
185
  --dds-font-weight-bold: 700;
186
186
  --dds-font-weight-regular: 400;
187
187
  --dds-font-family-base: Roboto;
188
+ --dds-font-bold-normal-300: 700 12px/1.5 Roboto;
189
+ --dds-font-bold-normal-350: 700 14px/1.5 Roboto;
190
+ --dds-font-bold-normal-400: 700 16px/1.5 Roboto;
191
+ --dds-font-bold-normal-500: 700 20px/1.5 Roboto;
192
+ --dds-font-bold-tight-300: 700 12px/1.3 Roboto;
193
+ --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
194
+ --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
195
+ --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
188
196
  }
@@ -131,7 +131,7 @@
131
131
  --dds-color-common-alarm: #e46b08;
132
132
  --dds-color-common-information: #0097e0;
133
133
  --dds-color-common-disabled: #bfbfbf;
134
- --dds-color-common-text-primary: #414141;
134
+ --dds-color-common-text-primary: #212121;
135
135
  --dds-color-common-text-secondary: #616161;
136
136
  --dds-color-common-text-inverse: #ffffff;
137
137
  --dds-color-common-border-focus: #0081c0;
@@ -185,4 +185,12 @@
185
185
  --dds-font-weight-bold: 700;
186
186
  --dds-font-weight-regular: 400;
187
187
  --dds-font-family-base: Roboto;
188
+ --dds-font-bold-normal-300: 700 12px/1.5 Roboto;
189
+ --dds-font-bold-normal-350: 700 14px/1.5 Roboto;
190
+ --dds-font-bold-normal-400: 700 16px/1.5 Roboto;
191
+ --dds-font-bold-normal-500: 700 20px/1.5 Roboto;
192
+ --dds-font-bold-tight-300: 700 12px/1.3 Roboto;
193
+ --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
194
+ --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
195
+ --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
188
196
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@daikin-oss/dds-tokens",
3
- "version": "0.4.0",
3
+ "version": "0.4.2",
4
4
  "description": "Design token definitions for DDS",
5
5
  "type": "module",
6
6
  "files": [
@@ -1,15 +1,9 @@
1
1
  {
2
2
  "tokenSetOrder": [
3
3
  "reference",
4
- "system",
5
- "component",
6
4
  "dkn/light/system",
7
5
  "dkn/light/component",
8
6
  "dkn/dark/system",
9
- "dkn/dark/component",
10
- "aaf/light/system",
11
- "aaf/light/component",
12
- "aaf/dark/system",
13
- "aaf/dark/component"
7
+ "dkn/dark/component"
14
8
  ]
15
9
  }
@@ -5,8 +5,6 @@
5
5
  "$figmaStyleReferences": {},
6
6
  "selectedTokenSets": {
7
7
  "reference": "enabled",
8
- "system": "enabled",
9
- "component": "enabled",
10
8
  "dkn/light/system": "enabled",
11
9
  "dkn/light/component": "enabled"
12
10
  },
@@ -19,8 +17,6 @@
19
17
  "$figmaStyleReferences": {},
20
18
  "selectedTokenSets": {
21
19
  "reference": "enabled",
22
- "system": "enabled",
23
- "component": "enabled",
24
20
  "dkn/dark/system": "enabled",
25
21
  "dkn/dark/component": "enabled"
26
22
  },
@@ -32,11 +28,7 @@
32
28
  "name": "Light",
33
29
  "$figmaStyleReferences": {},
34
30
  "selectedTokenSets": {
35
- "reference": "enabled",
36
- "system": "enabled",
37
- "component": "enabled",
38
- "aaf/light/system": "enabled",
39
- "aaf/light/component": "enabled"
31
+ "reference": "enabled"
40
32
  },
41
33
  "group": "AAF",
42
34
  "$figmaVariableReferences": {}
@@ -46,11 +38,7 @@
46
38
  "name": "Dark",
47
39
  "$figmaStyleReferences": {},
48
40
  "selectedTokenSets": {
49
- "reference": "enabled",
50
- "system": "enabled",
51
- "component": "enabled",
52
- "aaf/dark/system": "enabled",
53
- "aaf/dark/component": "enabled"
41
+ "reference": "enabled"
54
42
  },
55
43
  "group": "AAF",
56
44
  "$figmaVariableReferences": {}
@@ -127,7 +127,7 @@
127
127
  },
128
128
  "text": {
129
129
  "primary": {
130
- "value": "{color.gray.100}",
130
+ "value": "{color.gray.120}",
131
131
  "type": "color"
132
132
  },
133
133
  "secondary": {
@@ -165,4 +165,4 @@
165
165
  "type": "color"
166
166
  }
167
167
  }
168
- }
168
+ }
@@ -685,6 +685,84 @@
685
685
  "value": "Roboto",
686
686
  "type": "fontFamilies"
687
687
  }
688
+ },
689
+ "bold": {
690
+ "normal": {
691
+ "300": {
692
+ "value": {
693
+ "fontFamily": "{font.family.base}",
694
+ "fontWeight": "{font.weight.bold}",
695
+ "lineHeight": "{font.line-height.normal}",
696
+ "fontSize": "{font.size.300}"
697
+ },
698
+ "type": "typography"
699
+ },
700
+ "350": {
701
+ "value": {
702
+ "fontFamily": "{font.family.base}",
703
+ "fontWeight": "{font.weight.bold}",
704
+ "lineHeight": "{font.line-height.normal}",
705
+ "fontSize": "{font.size.350}"
706
+ },
707
+ "type": "typography"
708
+ },
709
+ "400": {
710
+ "value": {
711
+ "fontFamily": "{font.family.base}",
712
+ "fontWeight": "{font.weight.bold}",
713
+ "lineHeight": "{font.line-height.normal}",
714
+ "fontSize": "{font.size.400}"
715
+ },
716
+ "type": "typography"
717
+ },
718
+ "500": {
719
+ "value": {
720
+ "fontFamily": "{font.family.base}",
721
+ "fontWeight": "{font.weight.bold}",
722
+ "lineHeight": "{font.line-height.normal}",
723
+ "fontSize": "{font.size.500}"
724
+ },
725
+ "type": "typography"
726
+ }
727
+ },
728
+ "tight": {
729
+ "300": {
730
+ "value": {
731
+ "fontFamily": "{font.family.base}",
732
+ "fontWeight": "{font.weight.bold}",
733
+ "lineHeight": "{font.line-height.tight}",
734
+ "fontSize": "{font.size.300}"
735
+ },
736
+ "type": "typography"
737
+ },
738
+ "350": {
739
+ "value": {
740
+ "fontFamily": "{font.family.base}",
741
+ "fontWeight": "{font.weight.bold}",
742
+ "lineHeight": "{font.line-height.tight}",
743
+ "fontSize": "{font.size.350}"
744
+ },
745
+ "type": "typography"
746
+ },
747
+ "400": {
748
+ "value": {
749
+ "fontFamily": "{font.family.base}",
750
+ "fontWeight": "{font.weight.bold}",
751
+ "lineHeight": "{font.line-height.tight}",
752
+ "fontSize": "{font.size.400}"
753
+ },
754
+ "type": "typography"
755
+ },
756
+ "500": {
757
+ "value": {
758
+ "fontFamily": "{font.family.base}",
759
+ "fontWeight": "{font.weight.bold}",
760
+ "lineHeight": "{font.line-height.tight}",
761
+ "fontSize": "{font.size.500}"
762
+ },
763
+ "type": "typography"
764
+ }
765
+ }
688
766
  }
689
767
  }
690
768
  }