polaris_tokens 2.18.0 → 3.0.0

data/dist-modern/theme/base.json

@@ -9,4 +9,4 @@
   "highlight": "#5bcdda",
   "success": "#008060",
   "decorative": "#ffc96b"
-}
+}

data/dist-modern/theme/mfp-ui.json

@@ -0,0 +1,12 @@
+{
+  "surface": "#111213",
+  "onSurface": "#111213",
+  "interactive": "#2e72d2",
+  "secondary": "#111213",
+  "primary": "#2864aa",
+  "critical": "#d82c0d",
+  "warning": "#ffc453",
+  "highlight": "#5bcdda",
+  "success": "#008060",
+  "decorative": "#ffc96b"
+}

data/dist/color-filters.color-map.scss

@@ -137,4 +137,12 @@ $polaris-color-filters: (
   'white': (
     'base': brightness(0) saturate(100%) invert(100%),
   ),
+  'icon': (
+    'base': brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%)
+      hue-rotate(169deg) brightness(95%) contrast(87%),
+  ),
+  'action': (
+    'base': brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%)
+      hue-rotate(162deg) brightness(95%) contrast(101%),
+  ),
 );

data/dist/index.common.js

@@ -1,76 +1,169 @@
-module.exports = {
-  colorPurpleText: 'rgb(80, 73, 90)',
-  colorPurpleDarker: 'rgb(35, 0, 81)',
-  colorPurpleDark: 'rgb(80, 36, 143)',
-  colorPurple: 'rgb(156, 106, 222)',
-  colorPurpleLight: 'rgb(227, 208, 255)',
-  colorPurpleLighter: 'rgb(246, 240, 253)',
-  colorIndigoText: 'rgb(62, 65, 85)',
-  colorIndigoDarker: 'rgb(0, 6, 57)',
-  colorIndigoDark: 'rgb(32, 46, 120)',
-  colorIndigo: 'rgb(92, 106, 196)',
-  colorIndigoLight: 'rgb(179, 188, 245)',
-  colorIndigoLighter: 'rgb(244, 245, 250)',
-  colorBlueText: 'rgb(62, 78, 87)',
-  colorBlueDarker: 'rgb(0, 20, 41)',
-  colorBlueDark: 'rgb(8, 78, 138)',
-  colorBlue: 'rgb(0, 111, 187)',
-  colorBlueLight: 'rgb(180, 225, 250)',
-  colorBlueLighter: 'rgb(235, 245, 250)',
-  colorTealText: 'rgb(64, 83, 82)',
-  colorTealDarker: 'rgb(0, 49, 53)',
-  colorTealDark: 'rgb(0, 132, 142)',
-  colorTeal: 'rgb(71, 193, 191)',
-  colorTealLight: 'rgb(183, 236, 236)',
-  colorTealLighter: 'rgb(224, 245, 245)',
-  colorGreenText: 'rgb(65, 79, 62)',
-  colorGreenDarker: 'rgb(23, 54, 48)',
-  colorGreenDark: 'rgb(16, 128, 67)',
-  colorGreen: 'rgb(80, 184, 60)',
-  colorGreenLight: 'rgb(187, 229, 179)',
-  colorGreenLighter: 'rgb(227, 241, 223)',
-  colorYellowText: 'rgb(89, 81, 48)',
-  colorYellowDarker: 'rgb(87, 59, 0)',
-  colorYellowDark: 'rgb(138, 97, 22)',
-  colorYellow: 'rgb(238, 194, 0)',
-  colorYellowLight: 'rgb(255, 234, 138)',
-  colorYellowLighter: 'rgb(252, 241, 205)',
-  colorOrangeText: 'rgb(89, 68, 48)',
-  colorOrangeDarker: 'rgb(74, 21, 4)',
-  colorOrangeDark: 'rgb(192, 87, 23)',
-  colorOrange: 'rgb(244, 147, 66)',
-  colorOrangeLight: 'rgb(255, 197, 139)',
-  colorOrangeLighter: 'rgb(252, 235, 219)',
-  colorRedText: 'rgb(88, 60, 53)',
-  colorRedDarker: 'rgb(51, 1, 1)',
-  colorRedDark: 'rgb(191, 7, 17)',
-  colorRed: 'rgb(222, 54, 24)',
-  colorRedLight: 'rgb(254, 173, 154)',
-  colorRedLighter: 'rgb(251, 234, 229)',
-  colorInk: 'rgb(33, 43, 54)',
-  colorInkLight: 'rgb(69, 79, 91)',
-  colorInkLighter: 'rgb(99, 115, 129)',
-  colorInkLightest: 'rgb(145, 158, 171)',
-  colorSkyDark: 'rgb(196, 205, 213)',
-  colorSky: 'rgb(223, 227, 232)',
-  colorSkyLight: 'rgb(244, 246, 248)',
-  colorSkyLighter: 'rgb(249, 250, 251)',
-  colorBlack: 'rgb(0, 0, 0)',
-  colorWhite: 'rgb(255, 255, 255)',
-  durationNone: 0,
-  durationFast: 100,
-  durationBase: 200,
-  durationSlow: 300,
-  durationSlower: 400,
-  durationSlowest: 500,
-  spacingNone: 0,
-  spacingExtraTight: '4px',
-  spacingTight: '8px',
-  spacingBaseTight: '12px',
-  spacingBase: '16px',
-  spacingLoose: '20px',
-  spacingExtraLoose: '32px',
-  fontStackBase:
-    "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
-  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorInkLight = exports.colorInk = exports.colorRedLighter = exports.colorRedLight = exports.colorRed = exports.colorRedDark = exports.colorRedDarker = exports.colorRedText = exports.colorOrangeLighter = exports.colorOrangeLight = exports.colorOrange = exports.colorOrangeDark = exports.colorOrangeDarker = exports.colorOrangeText = exports.colorYellowLighter = exports.colorYellowLight = exports.colorYellow = exports.colorYellowDark = exports.colorYellowDarker = exports.colorYellowText = exports.colorGreenLighter = exports.colorGreenLight = exports.colorGreen = exports.colorGreenDark = exports.colorGreenDarker = exports.colorGreenText = exports.colorTealLighter = exports.colorTealLight = exports.colorTeal = exports.colorTealDark = exports.colorTealDarker = exports.colorTealText = exports.colorBlueLighter = exports.colorBlueLight = exports.colorBlue = exports.colorBlueDark = exports.colorBlueDarker = exports.colorBlueText = exports.colorIndigoLighter = exports.colorIndigoLight = exports.colorIndigo = exports.colorIndigoDark = exports.colorIndigoDarker = exports.colorIndigoText = exports.colorPurpleLighter = exports.colorPurpleLight = exports.colorPurple = exports.colorPurpleDark = exports.colorPurpleDarker = exports.colorPurpleText = void 0;
+exports.fontStackMonospace = exports.fontStackBase = exports.spacingExtraLoose = exports.spacingLoose = exports.spacingBase = exports.spacingBaseTight = exports.spacingTight = exports.spacingExtraTight = exports.spacingNone = exports.durationSlowest = exports.durationSlower = exports.durationSlow = exports.durationBase = exports.durationFast = exports.durationNone = exports.colorWhite = exports.colorBlack = exports.colorSkyLighter = exports.colorSkyLight = exports.colorSky = exports.colorSkyDark = exports.colorInkLightest = exports.colorInkLighter = void 0;
+exports.colorPurpleText = 'rgb(80, 73, 90)';
+exports.colorPurpleDarker = 'rgb(35, 0, 81)';
+exports.colorPurpleDark = 'rgb(80, 36, 143)';
+exports.colorPurple = 'rgb(156, 106, 222)';
+exports.colorPurpleLight = 'rgb(227, 208, 255)';
+exports.colorPurpleLighter = 'rgb(246, 240, 253)';
+exports.colorIndigoText = 'rgb(62, 65, 85)';
+exports.colorIndigoDarker = 'rgb(0, 6, 57)';
+exports.colorIndigoDark = 'rgb(32, 46, 120)';
+exports.colorIndigo = 'rgb(92, 106, 196)';
+exports.colorIndigoLight = 'rgb(179, 188, 245)';
+exports.colorIndigoLighter = 'rgb(244, 245, 250)';
+exports.colorBlueText = 'rgb(62, 78, 87)';
+exports.colorBlueDarker = 'rgb(0, 20, 41)';
+exports.colorBlueDark = 'rgb(8, 78, 138)';
+exports.colorBlue = 'rgb(0, 111, 187)';
+exports.colorBlueLight = 'rgb(180, 225, 250)';
+exports.colorBlueLighter = 'rgb(235, 245, 250)';
+exports.colorTealText = 'rgb(64, 83, 82)';
+exports.colorTealDarker = 'rgb(0, 49, 53)';
+exports.colorTealDark = 'rgb(0, 132, 142)';
+exports.colorTeal = 'rgb(71, 193, 191)';
+exports.colorTealLight = 'rgb(183, 236, 236)';
+exports.colorTealLighter = 'rgb(224, 245, 245)';
+exports.colorGreenText = 'rgb(65, 79, 62)';
+exports.colorGreenDarker = 'rgb(23, 54, 48)';
+exports.colorGreenDark = 'rgb(16, 128, 67)';
+exports.colorGreen = 'rgb(80, 184, 60)';
+exports.colorGreenLight = 'rgb(187, 229, 179)';
+exports.colorGreenLighter = 'rgb(227, 241, 223)';
+exports.colorYellowText = 'rgb(89, 81, 48)';
+exports.colorYellowDarker = 'rgb(87, 59, 0)';
+exports.colorYellowDark = 'rgb(138, 97, 22)';
+exports.colorYellow = 'rgb(238, 194, 0)';
+exports.colorYellowLight = 'rgb(255, 234, 138)';
+exports.colorYellowLighter = 'rgb(252, 241, 205)';
+exports.colorOrangeText = 'rgb(89, 68, 48)';
+exports.colorOrangeDarker = 'rgb(74, 21, 4)';
+exports.colorOrangeDark = 'rgb(192, 87, 23)';
+exports.colorOrange = 'rgb(244, 147, 66)';
+exports.colorOrangeLight = 'rgb(255, 197, 139)';
+exports.colorOrangeLighter = 'rgb(252, 235, 219)';
+exports.colorRedText = 'rgb(88, 60, 53)';
+exports.colorRedDarker = 'rgb(51, 1, 1)';
+exports.colorRedDark = 'rgb(191, 7, 17)';
+exports.colorRed = 'rgb(222, 54, 24)';
+exports.colorRedLight = 'rgb(254, 173, 154)';
+exports.colorRedLighter = 'rgb(251, 234, 229)';
+exports.colorInk = 'rgb(33, 43, 54)';
+exports.colorInkLight = 'rgb(69, 79, 91)';
+exports.colorInkLighter = 'rgb(99, 115, 129)';
+exports.colorInkLightest = 'rgb(145, 158, 171)';
+exports.colorSkyDark = 'rgb(196, 205, 213)';
+exports.colorSky = 'rgb(223, 227, 232)';
+exports.colorSkyLight = 'rgb(244, 246, 248)';
+exports.colorSkyLighter = 'rgb(249, 250, 251)';
+exports.colorBlack = 'rgb(0, 0, 0)';
+exports.colorWhite = 'rgb(255, 255, 255)';
+exports.durationNone = 0;
+exports.durationFast = 100;
+exports.durationBase = 200;
+exports.durationSlow = 300;
+exports.durationSlower = 400;
+exports.durationSlowest = 500;
+exports.spacingNone = 0;
+exports.spacingExtraTight = '4px';
+exports.spacingTight = '8px';
+exports.spacingBaseTight = '12px';
+exports.spacingBase = '16px';
+exports.spacingLoose = '20px';
+exports.spacingExtraLoose = '32px';
+exports.fontStackBase = "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
+exports.fontStackMonospace = "Monaco, Consolas, 'Lucida Console', monospace";
+// When this package shipped only CJS, bundlers applied some cjs-to-esm interop
+// dark magic that meant you could access content from index.common.js from an
+// esm file in many ways.
+// The following were all valid ways to access tokens:
+//
+// import {colorInk as namedImport} from '@shopify/polaris-tokens'
+// import * as namespaceImport from '@shopify/polaris-tokens'
+// import defaultImport from '@shopify/polaris-tokens'
+// console.log(colorInk, namespaceImport.colorInk, defaultImport.colorInk)
+//
+// In order to avoid adding this esm file being a breaking change, we must
+// provide a default export to maintain compatibility.
+// This is a deprecated way of accessing tokens. Consumers should use either
+// named imports (`import {colorInk}`) or a namespace import
+// (`import * as tokens`).
+// This default export should be removed in polaris-tokens v3 if we don't
+// remove this file entirely.
+exports.default = {
+    colorPurpleText: exports.colorPurpleText,
+    colorPurpleDarker: exports.colorPurpleDarker,
+    colorPurpleDark: exports.colorPurpleDark,
+    colorPurple: exports.colorPurple,
+    colorPurpleLight: exports.colorPurpleLight,
+    colorPurpleLighter: exports.colorPurpleLighter,
+    colorIndigoText: exports.colorIndigoText,
+    colorIndigoDarker: exports.colorIndigoDarker,
+    colorIndigoDark: exports.colorIndigoDark,
+    colorIndigo: exports.colorIndigo,
+    colorIndigoLight: exports.colorIndigoLight,
+    colorIndigoLighter: exports.colorIndigoLighter,
+    colorBlueText: exports.colorBlueText,
+    colorBlueDarker: exports.colorBlueDarker,
+    colorBlueDark: exports.colorBlueDark,
+    colorBlue: exports.colorBlue,
+    colorBlueLight: exports.colorBlueLight,
+    colorBlueLighter: exports.colorBlueLighter,
+    colorTealText: exports.colorTealText,
+    colorTealDarker: exports.colorTealDarker,
+    colorTealDark: exports.colorTealDark,
+    colorTeal: exports.colorTeal,
+    colorTealLight: exports.colorTealLight,
+    colorTealLighter: exports.colorTealLighter,
+    colorGreenText: exports.colorGreenText,
+    colorGreenDarker: exports.colorGreenDarker,
+    colorGreenDark: exports.colorGreenDark,
+    colorGreen: exports.colorGreen,
+    colorGreenLight: exports.colorGreenLight,
+    colorGreenLighter: exports.colorGreenLighter,
+    colorYellowText: exports.colorYellowText,
+    colorYellowDarker: exports.colorYellowDarker,
+    colorYellowDark: exports.colorYellowDark,
+    colorYellow: exports.colorYellow,
+    colorYellowLight: exports.colorYellowLight,
+    colorYellowLighter: exports.colorYellowLighter,
+    colorOrangeText: exports.colorOrangeText,
+    colorOrangeDarker: exports.colorOrangeDarker,
+    colorOrangeDark: exports.colorOrangeDark,
+    colorOrange: exports.colorOrange,
+    colorOrangeLight: exports.colorOrangeLight,
+    colorOrangeLighter: exports.colorOrangeLighter,
+    colorRedText: exports.colorRedText,
+    colorRedDarker: exports.colorRedDarker,
+    colorRedDark: exports.colorRedDark,
+    colorRed: exports.colorRed,
+    colorRedLight: exports.colorRedLight,
+    colorRedLighter: exports.colorRedLighter,
+    colorInk: exports.colorInk,
+    colorInkLight: exports.colorInkLight,
+    colorInkLighter: exports.colorInkLighter,
+    colorInkLightest: exports.colorInkLightest,
+    colorSkyDark: exports.colorSkyDark,
+    colorSky: exports.colorSky,
+    colorSkyLight: exports.colorSkyLight,
+    colorSkyLighter: exports.colorSkyLighter,
+    colorBlack: exports.colorBlack,
+    colorWhite: exports.colorWhite,
+    durationNone: exports.durationNone,
+    durationFast: exports.durationFast,
+    durationBase: exports.durationBase,
+    durationSlow: exports.durationSlow,
+    durationSlower: exports.durationSlower,
+    durationSlowest: exports.durationSlowest,
+    spacingNone: exports.spacingNone,
+    spacingExtraTight: exports.spacingExtraTight,
+    spacingTight: exports.spacingTight,
+    spacingBaseTight: exports.spacingBaseTight,
+    spacingBase: exports.spacingBase,
+    spacingLoose: exports.spacingLoose,
+    spacingExtraLoose: exports.spacingExtraLoose,
+    fontStackBase: exports.fontStackBase,
+    fontStackMonospace: exports.fontStackMonospace,
 };

data/dist/index.d.ts

@@ -1,77 +1,149 @@
-declare interface Tokens {
-  colorBlack: "rgb(0, 0, 0)";
-  colorBlue: "rgb(0, 111, 187)";
-  colorBlueDark: "rgb(8, 78, 138)";
-  colorBlueDarker: "rgb(0, 20, 41)";
-  colorBlueLight: "rgb(180, 225, 250)";
-  colorBlueLighter: "rgb(235, 245, 250)";
-  colorBlueText: "rgb(62, 78, 87)";
-  colorGreen: "rgb(80, 184, 60)";
-  colorGreenDark: "rgb(16, 128, 67)";
-  colorGreenDarker: "rgb(23, 54, 48)";
-  colorGreenLight: "rgb(187, 229, 179)";
-  colorGreenLighter: "rgb(227, 241, 223)";
-  colorGreenText: "rgb(65, 79, 62)";
-  colorIndigo: "rgb(92, 106, 196)";
-  colorIndigoDark: "rgb(32, 46, 120)";
-  colorIndigoDarker: "rgb(0, 6, 57)";
-  colorIndigoLight: "rgb(179, 188, 245)";
-  colorIndigoLighter: "rgb(244, 245, 250)";
-  colorIndigoText: "rgb(62, 65, 85)";
-  colorInk: "rgb(33, 43, 54)";
-  colorInkLight: "rgb(69, 79, 91)";
-  colorInkLighter: "rgb(99, 115, 129)";
-  colorInkLightest: "rgb(145, 158, 171)";
-  colorOrange: "rgb(244, 147, 66)";
-  colorOrangeDark: "rgb(192, 87, 23)";
-  colorOrangeDarker: "rgb(74, 21, 4)";
-  colorOrangeLight: "rgb(255, 197, 139)";
-  colorOrangeLighter: "rgb(252, 235, 219)";
-  colorOrangeText: "rgb(89, 68, 48)";
-  colorPurple: "rgb(156, 106, 222)";
-  colorPurpleDark: "rgb(80, 36, 143)";
-  colorPurpleDarker: "rgb(35, 0, 81)";
-  colorPurpleLight: "rgb(227, 208, 255)";
-  colorPurpleLighter: "rgb(246, 240, 253)";
-  colorPurpleText: "rgb(80, 73, 90)";
-  colorRed: "rgb(222, 54, 24)";
-  colorRedDark: "rgb(191, 7, 17)";
-  colorRedDarker: "rgb(51, 1, 1)";
-  colorRedLight: "rgb(254, 173, 154)";
-  colorRedLighter: "rgb(251, 234, 229)";
-  colorRedText: "rgb(88, 60, 53)";
-  colorSky: "rgb(223, 227, 232)";
-  colorSkyDark: "rgb(196, 205, 213)";
-  colorSkyLight: "rgb(244, 246, 248)";
-  colorSkyLighter: "rgb(249, 250, 251)";
-  colorTeal: "rgb(71, 193, 191)";
-  colorTealDark: "rgb(0, 132, 142)";
-  colorTealDarker: "rgb(0, 49, 53)";
-  colorTealLight: "rgb(183, 236, 236)";
-  colorTealLighter: "rgb(224, 245, 245)";
-  colorTealText: "rgb(64, 83, 82)";
-  colorWhite: "rgb(255, 255, 255)";
-  colorYellow: "rgb(238, 194, 0)";
-  colorYellowDark: "rgb(138, 97, 22)";
-  colorYellowDarker: "rgb(87, 59, 0)";
-  colorYellowLight: "rgb(255, 234, 138)";
-  colorYellowLighter: "rgb(252, 241, 205)";
-  colorYellowText: "rgb(89, 81, 48)";
-  durationBase: 200;
-  durationFast: 100;
-  durationNone: 0;
-  durationSlow: 300;
-  durationSlower: 400;
-  durationSlowest: 500;
-  fontStackBase: "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
-  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace";
-  spacingBase: "16px";
-  spacingBaseTight: "12px";
-  spacingExtraLoose: "32px";
-  spacingExtraTight: "4px";
-  spacingLoose: "20px";
-  spacingNone: 0;
-  spacingTight: "8px";
-}
-declare let tokens: Tokens;
-export = tokens;
+export declare const colorPurpleText = "rgb(80, 73, 90)";
+export declare const colorPurpleDarker = "rgb(35, 0, 81)";
+export declare const colorPurpleDark = "rgb(80, 36, 143)";
+export declare const colorPurple = "rgb(156, 106, 222)";
+export declare const colorPurpleLight = "rgb(227, 208, 255)";
+export declare const colorPurpleLighter = "rgb(246, 240, 253)";
+export declare const colorIndigoText = "rgb(62, 65, 85)";
+export declare const colorIndigoDarker = "rgb(0, 6, 57)";
+export declare const colorIndigoDark = "rgb(32, 46, 120)";
+export declare const colorIndigo = "rgb(92, 106, 196)";
+export declare const colorIndigoLight = "rgb(179, 188, 245)";
+export declare const colorIndigoLighter = "rgb(244, 245, 250)";
+export declare const colorBlueText = "rgb(62, 78, 87)";
+export declare const colorBlueDarker = "rgb(0, 20, 41)";
+export declare const colorBlueDark = "rgb(8, 78, 138)";
+export declare const colorBlue = "rgb(0, 111, 187)";
+export declare const colorBlueLight = "rgb(180, 225, 250)";
+export declare const colorBlueLighter = "rgb(235, 245, 250)";
+export declare const colorTealText = "rgb(64, 83, 82)";
+export declare const colorTealDarker = "rgb(0, 49, 53)";
+export declare const colorTealDark = "rgb(0, 132, 142)";
+export declare const colorTeal = "rgb(71, 193, 191)";
+export declare const colorTealLight = "rgb(183, 236, 236)";
+export declare const colorTealLighter = "rgb(224, 245, 245)";
+export declare const colorGreenText = "rgb(65, 79, 62)";
+export declare const colorGreenDarker = "rgb(23, 54, 48)";
+export declare const colorGreenDark = "rgb(16, 128, 67)";
+export declare const colorGreen = "rgb(80, 184, 60)";
+export declare const colorGreenLight = "rgb(187, 229, 179)";
+export declare const colorGreenLighter = "rgb(227, 241, 223)";
+export declare const colorYellowText = "rgb(89, 81, 48)";
+export declare const colorYellowDarker = "rgb(87, 59, 0)";
+export declare const colorYellowDark = "rgb(138, 97, 22)";
+export declare const colorYellow = "rgb(238, 194, 0)";
+export declare const colorYellowLight = "rgb(255, 234, 138)";
+export declare const colorYellowLighter = "rgb(252, 241, 205)";
+export declare const colorOrangeText = "rgb(89, 68, 48)";
+export declare const colorOrangeDarker = "rgb(74, 21, 4)";
+export declare const colorOrangeDark = "rgb(192, 87, 23)";
+export declare const colorOrange = "rgb(244, 147, 66)";
+export declare const colorOrangeLight = "rgb(255, 197, 139)";
+export declare const colorOrangeLighter = "rgb(252, 235, 219)";
+export declare const colorRedText = "rgb(88, 60, 53)";
+export declare const colorRedDarker = "rgb(51, 1, 1)";
+export declare const colorRedDark = "rgb(191, 7, 17)";
+export declare const colorRed = "rgb(222, 54, 24)";
+export declare const colorRedLight = "rgb(254, 173, 154)";
+export declare const colorRedLighter = "rgb(251, 234, 229)";
+export declare const colorInk = "rgb(33, 43, 54)";
+export declare const colorInkLight = "rgb(69, 79, 91)";
+export declare const colorInkLighter = "rgb(99, 115, 129)";
+export declare const colorInkLightest = "rgb(145, 158, 171)";
+export declare const colorSkyDark = "rgb(196, 205, 213)";
+export declare const colorSky = "rgb(223, 227, 232)";
+export declare const colorSkyLight = "rgb(244, 246, 248)";
+export declare const colorSkyLighter = "rgb(249, 250, 251)";
+export declare const colorBlack = "rgb(0, 0, 0)";
+export declare const colorWhite = "rgb(255, 255, 255)";
+export declare const durationNone = 0;
+export declare const durationFast = 100;
+export declare const durationBase = 200;
+export declare const durationSlow = 300;
+export declare const durationSlower = 400;
+export declare const durationSlowest = 500;
+export declare const spacingNone = 0;
+export declare const spacingExtraTight = "4px";
+export declare const spacingTight = "8px";
+export declare const spacingBaseTight = "12px";
+export declare const spacingBase = "16px";
+export declare const spacingLoose = "20px";
+export declare const spacingExtraLoose = "32px";
+export declare const fontStackBase = "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
+export declare const fontStackMonospace = "Monaco, Consolas, 'Lucida Console', monospace";
+declare const _default: {
+    colorPurpleText: string;
+    colorPurpleDarker: string;
+    colorPurpleDark: string;
+    colorPurple: string;
+    colorPurpleLight: string;
+    colorPurpleLighter: string;
+    colorIndigoText: string;
+    colorIndigoDarker: string;
+    colorIndigoDark: string;
+    colorIndigo: string;
+    colorIndigoLight: string;
+    colorIndigoLighter: string;
+    colorBlueText: string;
+    colorBlueDarker: string;
+    colorBlueDark: string;
+    colorBlue: string;
+    colorBlueLight: string;
+    colorBlueLighter: string;
+    colorTealText: string;
+    colorTealDarker: string;
+    colorTealDark: string;
+    colorTeal: string;
+    colorTealLight: string;
+    colorTealLighter: string;
+    colorGreenText: string;
+    colorGreenDarker: string;
+    colorGreenDark: string;
+    colorGreen: string;
+    colorGreenLight: string;
+    colorGreenLighter: string;
+    colorYellowText: string;
+    colorYellowDarker: string;
+    colorYellowDark: string;
+    colorYellow: string;
+    colorYellowLight: string;
+    colorYellowLighter: string;
+    colorOrangeText: string;
+    colorOrangeDarker: string;
+    colorOrangeDark: string;
+    colorOrange: string;
+    colorOrangeLight: string;
+    colorOrangeLighter: string;
+    colorRedText: string;
+    colorRedDarker: string;
+    colorRedDark: string;
+    colorRed: string;
+    colorRedLight: string;
+    colorRedLighter: string;
+    colorInk: string;
+    colorInkLight: string;
+    colorInkLighter: string;
+    colorInkLightest: string;
+    colorSkyDark: string;
+    colorSky: string;
+    colorSkyLight: string;
+    colorSkyLighter: string;
+    colorBlack: string;
+    colorWhite: string;
+    durationNone: number;
+    durationFast: number;
+    durationBase: number;
+    durationSlow: number;
+    durationSlower: number;
+    durationSlowest: number;
+    spacingNone: number;
+    spacingExtraTight: string;
+    spacingTight: string;
+    spacingBaseTight: string;
+    spacingBase: string;
+    spacingLoose: string;
+    spacingExtraLoose: string;
+    fontStackBase: string;
+    fontStackMonospace: string;
+};
+export default _default;