@sproutsocial/seeds-react-theme 3.6.1 → 3.6.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/commonjs/light/theme.js +7 -12
- package/dist/themes/dark/theme.scss +0 -6
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +0 -6
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +0 -6
- package/dist/themes/light/theme.scss +0 -12
- package/dist/types/dark/theme.d.ts +4 -10
- package/dist/types/dark/theme.d.ts.map +1 -1
- package/dist/types/light/theme.d.ts +8 -20
- package/dist/types/light/theme.d.ts.map +1 -1
- package/lib/light/theme.js +6 -11
- package/package.json +1 -1
package/commonjs/light/theme.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.typography = exports.space = exports.shadows = exports.radii = exports.
|
|
6
|
+
exports.typography = exports.space = exports.shadows = exports.radii = exports.lineHeights = exports.fontWeights = exports.fontSizes = exports.fontFamily = exports.easing = exports.duration = exports.default = exports.colors = exports.breakpoints = exports.borders = exports.borderWidths = void 0;
|
|
7
7
|
var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
|
|
8
8
|
var _seedsNetworkcolor = _interopRequireDefault(require("@sproutsocial/seeds-networkcolor"));
|
|
9
9
|
var _seedsTypography = _interopRequireDefault(require("@sproutsocial/seeds-typography"));
|
|
@@ -23,17 +23,13 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
23
23
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // eslint-disable-next-line no-restricted-syntax
|
|
24
24
|
// json-to-scss is not working with the alias right now
|
|
25
25
|
//import {TypeThemeMode} from '@src/types/theme';
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
xl: 1280
|
|
26
|
+
var breakpointAliases = {
|
|
27
|
+
sm: "640px",
|
|
28
|
+
md: "768px",
|
|
29
|
+
lg: "1024px",
|
|
30
|
+
xl: "1280px"
|
|
32
31
|
};
|
|
33
|
-
breakpoints.
|
|
34
|
-
breakpoints.md = newBreakpoints.md;
|
|
35
|
-
breakpoints.lg = newBreakpoints.lg;
|
|
36
|
-
breakpoints.xl = newBreakpoints.xl;
|
|
32
|
+
var breakpoints = exports.breakpoints = Object.assign(["900px", "1200px", "1500px", "1800px"], breakpointAliases);
|
|
37
33
|
var MODE = "light";
|
|
38
34
|
|
|
39
35
|
// If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
|
|
@@ -460,7 +456,6 @@ var duration = exports.duration = {
|
|
|
460
456
|
};
|
|
461
457
|
var theme = {
|
|
462
458
|
breakpoints: breakpoints,
|
|
463
|
-
newBreakpoints: newBreakpoints,
|
|
464
459
|
colors: colors,
|
|
465
460
|
typography: _objectSpread(_objectSpread({}, typography), {}, {
|
|
466
461
|
typography: typography
|
|
@@ -535,12 +535,6 @@ $theme: (
|
|
|
535
535
|
),
|
|
536
536
|
"default": (
|
|
537
537
|
"breakpoints": (900px, 1200px, 1500px, 1800px),
|
|
538
|
-
"newBreakpoints": (
|
|
539
|
-
"sm": 640,
|
|
540
|
-
"md": 768,
|
|
541
|
-
"lg": 1024,
|
|
542
|
-
"xl": 1280
|
|
543
|
-
),
|
|
544
538
|
"colors": (
|
|
545
539
|
"app": (
|
|
546
540
|
"background": (
|
|
@@ -1326,12 +1320,6 @@ $theme: (
|
|
|
1326
1320
|
"1100": 101.33333333333333px,
|
|
1327
1321
|
"1200": 125.33333333333333px
|
|
1328
1322
|
),
|
|
1329
|
-
"newBreakpoints": (
|
|
1330
|
-
"sm": 640,
|
|
1331
|
-
"md": 768,
|
|
1332
|
-
"lg": 1024,
|
|
1333
|
-
"xl": 1280
|
|
1334
|
-
),
|
|
1335
1323
|
"radii": (
|
|
1336
1324
|
"400": 4px,
|
|
1337
1325
|
"500": 6px,
|
|
@@ -1063,16 +1063,10 @@ declare const darkTheme: {
|
|
|
1063
1063
|
};
|
|
1064
1064
|
mode: "dark";
|
|
1065
1065
|
breakpoints: string[] & {
|
|
1066
|
-
sm:
|
|
1067
|
-
md:
|
|
1068
|
-
lg:
|
|
1069
|
-
xl:
|
|
1070
|
-
};
|
|
1071
|
-
newBreakpoints: {
|
|
1072
|
-
sm: number;
|
|
1073
|
-
md: number;
|
|
1074
|
-
lg: number;
|
|
1075
|
-
xl: number;
|
|
1066
|
+
readonly sm: "640px";
|
|
1067
|
+
readonly md: "768px";
|
|
1068
|
+
readonly lg: "1024px";
|
|
1069
|
+
readonly xl: "1280px";
|
|
1076
1070
|
};
|
|
1077
1071
|
typography: {
|
|
1078
1072
|
typography: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/dark/theme.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAIF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAeb,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;YAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGtD,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBArRT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoJrD,mDAAmD
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/dark/theme.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAIF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAeb,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;YAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGtD,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBArRT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GtD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
export declare const breakpoints: string[] & {
|
|
2
|
-
sm:
|
|
3
|
-
md:
|
|
4
|
-
lg:
|
|
5
|
-
xl:
|
|
6
|
-
};
|
|
7
|
-
export declare const newBreakpoints: {
|
|
8
|
-
sm: number;
|
|
9
|
-
md: number;
|
|
10
|
-
lg: number;
|
|
11
|
-
xl: number;
|
|
2
|
+
readonly sm: "640px";
|
|
3
|
+
readonly md: "768px";
|
|
4
|
+
readonly lg: "1024px";
|
|
5
|
+
readonly xl: "1280px";
|
|
12
6
|
};
|
|
13
7
|
export declare const colors: {
|
|
14
8
|
DATAVIZ_COLORS_LIST: string[];
|
|
@@ -635,16 +629,10 @@ export declare const duration: {
|
|
|
635
629
|
};
|
|
636
630
|
declare const theme: {
|
|
637
631
|
breakpoints: string[] & {
|
|
638
|
-
sm:
|
|
639
|
-
md:
|
|
640
|
-
lg:
|
|
641
|
-
xl:
|
|
642
|
-
};
|
|
643
|
-
newBreakpoints: {
|
|
644
|
-
sm: number;
|
|
645
|
-
md: number;
|
|
646
|
-
lg: number;
|
|
647
|
-
xl: number;
|
|
632
|
+
readonly sm: "640px";
|
|
633
|
+
readonly md: "768px";
|
|
634
|
+
readonly lg: "1024px";
|
|
635
|
+
readonly xl: "1280px";
|
|
648
636
|
};
|
|
649
637
|
colors: {
|
|
650
638
|
DATAVIZ_COLORS_LIST: string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,WAAW;;;;;CAGvB,CAAC;AAMF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAcb,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;YAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6ItD,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAatB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,eAAO,MAAM,UAAU,QAA+B,CAAC;AAEvD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA1aL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4RtD,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/lib/light/theme.js
CHANGED
|
@@ -18,17 +18,13 @@ import BORDER from "@sproutsocial/seeds-border";
|
|
|
18
18
|
import literalColors from "./literal-colors";
|
|
19
19
|
import { datavizPalette } from "./dataviz-palette";
|
|
20
20
|
import { green, blue, purple, yellow, orange, red, neutral, magenta, pink, aqua, teal } from "./decorative-palettes";
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
xl: 1280
|
|
21
|
+
var breakpointAliases = {
|
|
22
|
+
sm: "640px",
|
|
23
|
+
md: "768px",
|
|
24
|
+
lg: "1024px",
|
|
25
|
+
xl: "1280px"
|
|
27
26
|
};
|
|
28
|
-
breakpoints
|
|
29
|
-
breakpoints.md = newBreakpoints.md;
|
|
30
|
-
breakpoints.lg = newBreakpoints.lg;
|
|
31
|
-
breakpoints.xl = newBreakpoints.xl;
|
|
27
|
+
export var breakpoints = Object.assign(["900px", "1200px", "1500px", "1800px"], breakpointAliases);
|
|
32
28
|
var MODE = "light";
|
|
33
29
|
|
|
34
30
|
// If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
|
|
@@ -455,7 +451,6 @@ export var duration = {
|
|
|
455
451
|
};
|
|
456
452
|
var theme = {
|
|
457
453
|
breakpoints: breakpoints,
|
|
458
|
-
newBreakpoints: newBreakpoints,
|
|
459
454
|
colors: colors,
|
|
460
455
|
typography: _objectSpread(_objectSpread({}, typography), {}, {
|
|
461
456
|
typography: typography
|