@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.
- package/CHANGELOG.md +12 -0
- package/build/css/aaf/Dark/variables.css +8 -0
- package/build/css/aaf/Light/variables.css +8 -0
- package/build/css/daikin/Dark/variables.css +8 -0
- package/build/css/daikin/Light/variables.css +9 -1
- package/build/js/aaf/Dark/variables.cjs +8 -0
- package/build/js/aaf/Dark/variables.d.cts +8 -0
- package/build/js/aaf/Dark/variables.d.ts +8 -0
- package/build/js/aaf/Dark/variables.js +8 -0
- package/build/js/aaf/Light/variables.cjs +8 -0
- package/build/js/aaf/Light/variables.d.cts +8 -0
- package/build/js/aaf/Light/variables.d.ts +8 -0
- package/build/js/aaf/Light/variables.js +8 -0
- package/build/js/daikin/Dark/variables.cjs +8 -0
- package/build/js/daikin/Dark/variables.d.cts +8 -0
- package/build/js/daikin/Dark/variables.d.ts +8 -0
- package/build/js/daikin/Dark/variables.js +8 -0
- package/build/js/daikin/Light/variables.cjs +9 -1
- package/build/js/daikin/Light/variables.d.cts +8 -0
- package/build/js/daikin/Light/variables.d.ts +8 -0
- package/build/js/daikin/Light/variables.js +9 -1
- package/build/json/aaf/Dark/tokens.json +40 -0
- package/build/json/aaf/Light/tokens.json +40 -0
- package/build/json/daikin/Dark/tokens.json +40 -0
- package/build/json/daikin/Light/tokens.json +41 -1
- package/build/scss/aaf/Dark/_mixins.scss +8 -0
- package/build/scss/aaf/Light/_mixins.scss +8 -0
- package/build/scss/daikin/Dark/_mixins.scss +8 -0
- package/build/scss/daikin/Light/_mixins.scss +9 -1
- package/package.json +1 -1
- package/themes/$metadata.json +1 -7
- package/themes/$themes.json +2 -14
- package/themes/dkn/light/system.json +2 -2
- package/themes/reference.json +78 -0
package/CHANGELOG.md
CHANGED
|
@@ -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: #
|
|
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: "#
|
|
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 = "#
|
|
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
|
-
"#
|
|
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: #
|
|
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
package/themes/$metadata.json
CHANGED
|
@@ -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
|
}
|
package/themes/$themes.json
CHANGED
|
@@ -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": {}
|
package/themes/reference.json
CHANGED
|
@@ -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
|
}
|