@entur/tokens 3.11.1-alpha.0 → 3.11.2-RC.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/dist/index.d.ts +9 -1983
- package/dist/styles.css +1826 -1976
- package/dist/styles.less +1826 -1976
- package/dist/styles.scss +1826 -1976
- package/dist/tokens.cjs.development.js +8 -161
- package/dist/tokens.cjs.development.js.map +1 -1
- package/dist/tokens.cjs.production.min.js +1 -1
- package/dist/tokens.cjs.production.min.js.map +1 -1
- package/dist/tokens.esm.js +8 -161
- package/dist/tokens.esm.js.map +1 -1
- package/package.json +2 -2
|
@@ -81,7 +81,7 @@ var colors = {
|
|
|
81
81
|
tram: '#642e88',
|
|
82
82
|
funicular: '#642e88',
|
|
83
83
|
cableway: '#642e88',
|
|
84
|
-
taxi: '#
|
|
84
|
+
taxi: '#3d3e40',
|
|
85
85
|
bicycle: '#181c56',
|
|
86
86
|
walk: '#181c56',
|
|
87
87
|
train: '#00367f',
|
|
@@ -118,7 +118,7 @@ var colors = {
|
|
|
118
118
|
lilac: '#8e57e3'
|
|
119
119
|
},
|
|
120
120
|
contrast: {
|
|
121
|
-
blue: '#
|
|
121
|
+
blue: '#6C6EB7',
|
|
122
122
|
coral: '#ff5959',
|
|
123
123
|
jungle: '#0fc2b3',
|
|
124
124
|
azure: '#64b2fb',
|
|
@@ -302,10 +302,11 @@ var outlineOffsets = {
|
|
|
302
302
|
focus: /*#__PURE__*/pxToRem(outlineOffsetsConstants[0])
|
|
303
303
|
}
|
|
304
304
|
};
|
|
305
|
-
|
|
306
|
-
NEW
|
|
307
|
-
|
|
308
|
-
|
|
305
|
+
/**
|
|
306
|
+
* THESE COLOUR ARE A PRE-RELEASE OF THE NEW COLOUR
|
|
307
|
+
* VARIABLES AND SEMANTIC TOKENS
|
|
308
|
+
*/
|
|
309
|
+
var componentColors = {
|
|
309
310
|
light: {
|
|
310
311
|
colors: {
|
|
311
312
|
baseColorsFrameContrast: '#181c56',
|
|
@@ -1220,83 +1221,6 @@ var semanticColors = {
|
|
|
1220
1221
|
componentsTypographyBlockquoteStandardStroke: '#8284ab',
|
|
1221
1222
|
componentsTypographyBlockquoteStandardTextAccent: '#181c56',
|
|
1222
1223
|
componentsTypographyBlockquoteStandardTextSubdued: '#626493'
|
|
1223
|
-
},
|
|
1224
|
-
numbers: {
|
|
1225
|
-
componentsLayoutCardRadius: '0.25rem',
|
|
1226
|
-
componentsAlertRadius: '0.25rem',
|
|
1227
|
-
componentsButtonFloatingRadius: '0.25rem',
|
|
1228
|
-
componentsButtonFloatingSpacing: '0.5rem',
|
|
1229
|
-
componentsButtonIconButtonRadius: '0.25rem',
|
|
1230
|
-
componentsButtonIconButtonSpacing: '0.5rem',
|
|
1231
|
-
componentsButtonNegativeRadius: '0.25rem',
|
|
1232
|
-
componentsButtonNegativeSpacing: '0.5rem',
|
|
1233
|
-
componentsButtonPrimaryRadius: '0.25rem',
|
|
1234
|
-
componentsButtonPrimarySpacing: '0.5rem',
|
|
1235
|
-
componentsButtonSecondaryRadius: '0.25rem',
|
|
1236
|
-
componentsButtonSecondarySpacing: '0.5rem',
|
|
1237
|
-
componentsButtonSquareSecondaryRadius: '0.25rem',
|
|
1238
|
-
componentsButtonSquareSecondarySpacing: '0.5rem',
|
|
1239
|
-
componentsButtonSquareSuccessRadius: '0.25rem',
|
|
1240
|
-
componentsButtonSquareSuccessSpacing: '0.5rem',
|
|
1241
|
-
componentsButtonSuccessRadius: '0.25rem',
|
|
1242
|
-
componentsButtonSuccessSpacing: '0.5rem',
|
|
1243
|
-
componentsChipSpacing: '0.25rem',
|
|
1244
|
-
componentsChipRadius: '1rem',
|
|
1245
|
-
componentsDatepickerCalendarRadius: '0.25rem',
|
|
1246
|
-
componentsDatepickerDateFieldSpacing: '0rem',
|
|
1247
|
-
componentsDatepickerDateFieldRadius: '0.25rem',
|
|
1248
|
-
componentsDropdownDropdownSpacing: '0rem',
|
|
1249
|
-
componentsDropdownDropdownRadius: '0.25rem',
|
|
1250
|
-
componentsDropdownMultiSelectSpacing: '0rem',
|
|
1251
|
-
componentsDropdownMultiSelectRadius: '0.25rem',
|
|
1252
|
-
componentsExpandExpandablePanelRadius: '0.25rem',
|
|
1253
|
-
componentsExpandExpandablePanelPadding: '1rem',
|
|
1254
|
-
componentsExpandExpandableTextPadding: '0.25rem',
|
|
1255
|
-
componentsFormCheckboxRadius: '0.125rem',
|
|
1256
|
-
componentsFormCheckboxSpacing: '0.5rem',
|
|
1257
|
-
componentsFormCheckboxPanelRadius: '0.25rem',
|
|
1258
|
-
componentsFormCheckboxPanelPadding: '1rem',
|
|
1259
|
-
componentsFormFeedbackTextRadius: '0.25rem',
|
|
1260
|
-
componentsFormRadioRadius: '0.125rem',
|
|
1261
|
-
componentsFormRadioSpacing: '0.5rem',
|
|
1262
|
-
componentsFormRadioPanelRadius: '0.25rem',
|
|
1263
|
-
componentsFormRadioPanelPadding: '1rem',
|
|
1264
|
-
componentsFormSearchSpacing: '0rem',
|
|
1265
|
-
componentsFormSearchRadius: '0.25rem',
|
|
1266
|
-
componentsFormSegmentedControlRadiusButton: '0.25rem',
|
|
1267
|
-
componentsFormSegmentedControlRadiusBackground: '0.5rem',
|
|
1268
|
-
componentsFormSwitchSpacingVertical: '0.25rem',
|
|
1269
|
-
componentsFormSwitchSpacingHorizontal: '0.5rem',
|
|
1270
|
-
componentsFormSwitchRadius: '1rem',
|
|
1271
|
-
componentsFormTextAreaSpacing: '0rem',
|
|
1272
|
-
componentsFormTextAreaRadius: '0.25rem',
|
|
1273
|
-
componentsFormTextFieldSpacing: '0rem',
|
|
1274
|
-
componentsFormTextFieldRadius: '0.25rem',
|
|
1275
|
-
componentsLoaderLoaderPadding: '0.25rem',
|
|
1276
|
-
componentsLoaderLoaderFileuploadRadius: '0rem',
|
|
1277
|
-
componentsLoaderLoaderFileuploadSpacingHorizontal: '0.5rem',
|
|
1278
|
-
componentsLoaderLoaderFileuploadSpacingVertical: '1rem',
|
|
1279
|
-
componentsMenuBreadcrumbPadding: '0.25rem',
|
|
1280
|
-
componentsMenuNavigationBarPadding: '0.25rem',
|
|
1281
|
-
componentsMenuNavigationLinkPadding: '0.25rem',
|
|
1282
|
-
componentsMenuOverflowMenuRadius: '0.75rem',
|
|
1283
|
-
componentsMenuPaginationSpacing: '0.25rem',
|
|
1284
|
-
componentsMenuPaginationRadius: '1rem',
|
|
1285
|
-
componentsMenuSideNavigationRadiusBackground: '0rem',
|
|
1286
|
-
componentsMenuSideNavigationRadiusButton: '0rem',
|
|
1287
|
-
componentsMenuSideNavigationPadding: '2.5rem',
|
|
1288
|
-
componentsMenuSideNavigationPaddingNested: '3.5rem',
|
|
1289
|
-
componentsMenuStepperPadding: '0.5rem',
|
|
1290
|
-
componentsMenuTableOfContentPadding: '0.25rem',
|
|
1291
|
-
componentsModalDrawerRadius: '0rem',
|
|
1292
|
-
componentsModalModalRadius: '0.75rem',
|
|
1293
|
-
componentsTabRadiusButton: '0.25rem',
|
|
1294
|
-
componentsTableRadius: '0rem',
|
|
1295
|
-
componentsTooltipPopoverPadding: '0.25rem',
|
|
1296
|
-
componentsTooltipTooltipPadding: '0.25rem',
|
|
1297
|
-
componentsTravelTravelHeaderSpacingV: '0rem',
|
|
1298
|
-
componentsTravelTravelHeaderSpacingH: '0.5rem',
|
|
1299
|
-
componentsTypographyBlockquoteRadius: '0rem'
|
|
1300
1224
|
}
|
|
1301
1225
|
},
|
|
1302
1226
|
dark: {
|
|
@@ -2213,83 +2137,6 @@ var semanticColors = {
|
|
|
2213
2137
|
componentsTypographyBlockquoteStandardStroke: '#81828f',
|
|
2214
2138
|
componentsTypographyBlockquoteStandardTextAccent: '#e5e5e9',
|
|
2215
2139
|
componentsTypographyBlockquoteStandardTextSubdued: '#cccdd4'
|
|
2216
|
-
},
|
|
2217
|
-
numbers: {
|
|
2218
|
-
componentsLayoutCardRadius: '0.25rem',
|
|
2219
|
-
componentsAlertRadius: '0.25rem',
|
|
2220
|
-
componentsButtonFloatingRadius: '0.25rem',
|
|
2221
|
-
componentsButtonFloatingSpacing: '0.5rem',
|
|
2222
|
-
componentsButtonIconButtonRadius: '0.25rem',
|
|
2223
|
-
componentsButtonIconButtonSpacing: '0.5rem',
|
|
2224
|
-
componentsButtonNegativeRadius: '0.25rem',
|
|
2225
|
-
componentsButtonNegativeSpacing: '0.5rem',
|
|
2226
|
-
componentsButtonPrimaryRadius: '0.25rem',
|
|
2227
|
-
componentsButtonPrimarySpacing: '0.5rem',
|
|
2228
|
-
componentsButtonSecondaryRadius: '0.25rem',
|
|
2229
|
-
componentsButtonSecondarySpacing: '0.5rem',
|
|
2230
|
-
componentsButtonSquareSecondaryRadius: '0.25rem',
|
|
2231
|
-
componentsButtonSquareSecondarySpacing: '0.5rem',
|
|
2232
|
-
componentsButtonSquareSuccessSpacing: '0.5rem',
|
|
2233
|
-
componentsButtonSquareSuccessRadius: '2.5rem',
|
|
2234
|
-
componentsButtonSuccessSpacing: '0.5rem',
|
|
2235
|
-
componentsButtonSuccessRadius: '2.5rem',
|
|
2236
|
-
componentsChipSpacing: '0.25rem',
|
|
2237
|
-
componentsChipRadius: '1rem',
|
|
2238
|
-
componentsDatepickerCalendarRadius: '0.25rem',
|
|
2239
|
-
componentsDatepickerDateFieldSpacing: '0rem',
|
|
2240
|
-
componentsDatepickerDateFieldRadius: '0.25rem',
|
|
2241
|
-
componentsDropdownDropdownSpacing: '0rem',
|
|
2242
|
-
componentsDropdownDropdownRadius: '0.25rem',
|
|
2243
|
-
componentsDropdownMultiSelectSpacing: '0rem',
|
|
2244
|
-
componentsDropdownMultiSelectRadius: '0.25rem',
|
|
2245
|
-
componentsExpandExpandablePanelRadius: '0.25rem',
|
|
2246
|
-
componentsExpandExpandablePanelPadding: '1rem',
|
|
2247
|
-
componentsExpandExpandableTextPadding: '0.25rem',
|
|
2248
|
-
componentsFormCheckboxRadius: '0.125rem',
|
|
2249
|
-
componentsFormCheckboxSpacing: '0.5rem',
|
|
2250
|
-
componentsFormCheckboxPanelRadius: '0.25rem',
|
|
2251
|
-
componentsFormCheckboxPanelPadding: '1rem',
|
|
2252
|
-
componentsFormFeedbackTextRadius: '0.25rem',
|
|
2253
|
-
componentsFormRadioRadius: '0.125rem',
|
|
2254
|
-
componentsFormRadioSpacing: '0.5rem',
|
|
2255
|
-
componentsFormRadioPanelRadius: '0.25rem',
|
|
2256
|
-
componentsFormRadioPanelPadding: '1rem',
|
|
2257
|
-
componentsFormSearchSpacing: '0rem',
|
|
2258
|
-
componentsFormSearchRadius: '0.25rem',
|
|
2259
|
-
componentsFormSegmentedControlRadiusButton: '0.25rem',
|
|
2260
|
-
componentsFormSegmentedControlRadiusBackground: '0.5rem',
|
|
2261
|
-
componentsFormSwitchSpacingVertical: '0.25rem',
|
|
2262
|
-
componentsFormSwitchSpacingHorizontal: '0.5rem',
|
|
2263
|
-
componentsFormSwitchRadius: '1rem',
|
|
2264
|
-
componentsFormTextAreaSpacing: '0rem',
|
|
2265
|
-
componentsFormTextAreaRadius: '0.25rem',
|
|
2266
|
-
componentsFormTextFieldSpacing: '0rem',
|
|
2267
|
-
componentsFormTextFieldRadius: '0.25rem',
|
|
2268
|
-
componentsLoaderLoaderPadding: '0.25rem',
|
|
2269
|
-
componentsLoaderLoaderFileuploadRadius: '0rem',
|
|
2270
|
-
componentsLoaderLoaderFileuploadSpacingHorizontal: '0.5rem',
|
|
2271
|
-
componentsLoaderLoaderFileuploadSpacingVertical: '1rem',
|
|
2272
|
-
componentsMenuBreadcrumbPadding: '0.25rem',
|
|
2273
|
-
componentsMenuNavigationBarPadding: '0.25rem',
|
|
2274
|
-
componentsMenuNavigationLinkPadding: '0.25rem',
|
|
2275
|
-
componentsMenuOverflowMenuRadius: '0.75rem',
|
|
2276
|
-
componentsMenuPaginationSpacing: '0.25rem',
|
|
2277
|
-
componentsMenuPaginationRadius: '1rem',
|
|
2278
|
-
componentsMenuSideNavigationRadiusBackground: '0rem',
|
|
2279
|
-
componentsMenuSideNavigationRadiusButton: '0rem',
|
|
2280
|
-
componentsMenuSideNavigationPadding: '2.5rem',
|
|
2281
|
-
componentsMenuSideNavigationPaddingNested: '3.5rem',
|
|
2282
|
-
componentsMenuStepperPadding: '0.5rem',
|
|
2283
|
-
componentsMenuTableOfContentPadding: '0.25rem',
|
|
2284
|
-
componentsModalDrawerRadius: '0rem',
|
|
2285
|
-
componentsModalModalRadius: '0.75rem',
|
|
2286
|
-
componentsTabRadiusButton: '0.25rem',
|
|
2287
|
-
componentsTableRadius: '0rem',
|
|
2288
|
-
componentsTooltipPopoverPadding: '0.25rem',
|
|
2289
|
-
componentsTooltipTooltipPadding: '0.25rem',
|
|
2290
|
-
componentsTravelTravelHeaderSpacingV: '0rem',
|
|
2291
|
-
componentsTravelTravelHeaderSpacingH: '0.5rem',
|
|
2292
|
-
componentsTypographyBlockquoteRadius: '0rem'
|
|
2293
2140
|
}
|
|
2294
2141
|
}
|
|
2295
2142
|
};
|
|
@@ -2298,12 +2145,12 @@ exports.borderRadiuses = borderRadiuses;
|
|
|
2298
2145
|
exports.borderWidths = borderWidths;
|
|
2299
2146
|
exports.breakpoints = breakpoints;
|
|
2300
2147
|
exports.colors = colors;
|
|
2148
|
+
exports.componentColors = componentColors;
|
|
2301
2149
|
exports.fontSizes = fontSizes;
|
|
2302
2150
|
exports.fontWeights = fontWeights;
|
|
2303
2151
|
exports.lineHeights = lineHeights;
|
|
2304
2152
|
exports.outlineOffsets = outlineOffsets;
|
|
2305
2153
|
exports.outlines = outlines;
|
|
2306
|
-
exports.semanticColors = semanticColors;
|
|
2307
2154
|
exports.shadows = shadows;
|
|
2308
2155
|
exports.space = space;
|
|
2309
2156
|
exports.timings = timings;
|