@sproutsocial/seeds-react-theme 3.6.0 → 3.6.1
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 +12 -1
- package/dist/themes/dark/theme.scss +6 -0
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +6 -0
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +6 -0
- package/dist/themes/light/theme.scss +12 -0
- package/dist/types/dark/theme.d.ts +12 -1
- package/dist/types/dark/theme.d.ts.map +1 -1
- package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts +1 -1
- package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts.map +1 -1
- package/dist/types/light/theme.d.ts +24 -2
- package/dist/types/light/theme.d.ts.map +1 -1
- package/lib/light/theme.js +11 -0
- 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.lineHeights = exports.fontWeights = exports.fontSizes = exports.fontFamily = exports.easing = exports.duration = exports.default = exports.colors = exports.breakpoints = exports.borders = exports.borderWidths = void 0;
|
|
6
|
+
exports.typography = exports.space = exports.shadows = exports.radii = exports.newBreakpoints = 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"));
|
|
@@ -24,6 +24,16 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
|
24
24
|
// json-to-scss is not working with the alias right now
|
|
25
25
|
//import {TypeThemeMode} from '@src/types/theme';
|
|
26
26
|
var breakpoints = exports.breakpoints = ["900px", "1200px", "1500px", "1800px"];
|
|
27
|
+
var newBreakpoints = exports.newBreakpoints = {
|
|
28
|
+
sm: 640,
|
|
29
|
+
md: 768,
|
|
30
|
+
lg: 1024,
|
|
31
|
+
xl: 1280
|
|
32
|
+
};
|
|
33
|
+
breakpoints.sm = newBreakpoints.sm;
|
|
34
|
+
breakpoints.md = newBreakpoints.md;
|
|
35
|
+
breakpoints.lg = newBreakpoints.lg;
|
|
36
|
+
breakpoints.xl = newBreakpoints.xl;
|
|
27
37
|
var MODE = "light";
|
|
28
38
|
|
|
29
39
|
// If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
|
|
@@ -450,6 +460,7 @@ var duration = exports.duration = {
|
|
|
450
460
|
};
|
|
451
461
|
var theme = {
|
|
452
462
|
breakpoints: breakpoints,
|
|
463
|
+
newBreakpoints: newBreakpoints,
|
|
453
464
|
colors: colors,
|
|
454
465
|
typography: _objectSpread(_objectSpread({}, typography), {}, {
|
|
455
466
|
typography: typography
|
|
@@ -535,6 +535,12 @@ $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
|
+
),
|
|
538
544
|
"colors": (
|
|
539
545
|
"app": (
|
|
540
546
|
"background": (
|
|
@@ -1320,6 +1326,12 @@ $theme: (
|
|
|
1320
1326
|
"1100": 101.33333333333333px,
|
|
1321
1327
|
"1200": 125.33333333333333px
|
|
1322
1328
|
),
|
|
1329
|
+
"newBreakpoints": (
|
|
1330
|
+
"sm": 640,
|
|
1331
|
+
"md": 768,
|
|
1332
|
+
"lg": 1024,
|
|
1333
|
+
"xl": 1280
|
|
1334
|
+
),
|
|
1323
1335
|
"radii": (
|
|
1324
1336
|
"400": 4px,
|
|
1325
1337
|
"500": 6px,
|
|
@@ -1062,7 +1062,18 @@ declare const darkTheme: {
|
|
|
1062
1062
|
high: string;
|
|
1063
1063
|
};
|
|
1064
1064
|
mode: "dark";
|
|
1065
|
-
breakpoints: string[]
|
|
1065
|
+
breakpoints: string[] & {
|
|
1066
|
+
sm: number;
|
|
1067
|
+
md: number;
|
|
1068
|
+
lg: number;
|
|
1069
|
+
xl: number;
|
|
1070
|
+
};
|
|
1071
|
+
newBreakpoints: {
|
|
1072
|
+
sm: number;
|
|
1073
|
+
md: number;
|
|
1074
|
+
lg: number;
|
|
1075
|
+
xl: number;
|
|
1076
|
+
};
|
|
1066
1077
|
typography: {
|
|
1067
1078
|
typography: {
|
|
1068
1079
|
100: import("@sproutsocial/seeds-typography").TypographySizeType;
|
|
@@ -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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/extendedThemes/sproutTheme/light/theme.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/extendedThemes/sproutTheme/light/theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;CAoBd,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,eAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,4 +1,15 @@
|
|
|
1
|
-
export declare const breakpoints: string[]
|
|
1
|
+
export declare const breakpoints: string[] & {
|
|
2
|
+
sm: number;
|
|
3
|
+
md: number;
|
|
4
|
+
lg: number;
|
|
5
|
+
xl: number;
|
|
6
|
+
};
|
|
7
|
+
export declare const newBreakpoints: {
|
|
8
|
+
sm: number;
|
|
9
|
+
md: number;
|
|
10
|
+
lg: number;
|
|
11
|
+
xl: number;
|
|
12
|
+
};
|
|
2
13
|
export declare const colors: {
|
|
3
14
|
DATAVIZ_COLORS_LIST: string[];
|
|
4
15
|
DATAVIZ_COLORS_MAP: {
|
|
@@ -623,7 +634,18 @@ export declare const duration: {
|
|
|
623
634
|
slow: string;
|
|
624
635
|
};
|
|
625
636
|
declare const theme: {
|
|
626
|
-
breakpoints: string[]
|
|
637
|
+
breakpoints: string[] & {
|
|
638
|
+
sm: number;
|
|
639
|
+
md: number;
|
|
640
|
+
lg: number;
|
|
641
|
+
xl: number;
|
|
642
|
+
};
|
|
643
|
+
newBreakpoints: {
|
|
644
|
+
sm: number;
|
|
645
|
+
md: number;
|
|
646
|
+
lg: number;
|
|
647
|
+
xl: number;
|
|
648
|
+
};
|
|
627
649
|
colors: {
|
|
628
650
|
DATAVIZ_COLORS_LIST: string[];
|
|
629
651
|
DATAVIZ_COLORS_MAP: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"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"}
|
package/lib/light/theme.js
CHANGED
|
@@ -19,6 +19,16 @@ 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
21
|
export var breakpoints = ["900px", "1200px", "1500px", "1800px"];
|
|
22
|
+
export var newBreakpoints = {
|
|
23
|
+
sm: 640,
|
|
24
|
+
md: 768,
|
|
25
|
+
lg: 1024,
|
|
26
|
+
xl: 1280
|
|
27
|
+
};
|
|
28
|
+
breakpoints.sm = newBreakpoints.sm;
|
|
29
|
+
breakpoints.md = newBreakpoints.md;
|
|
30
|
+
breakpoints.lg = newBreakpoints.lg;
|
|
31
|
+
breakpoints.xl = newBreakpoints.xl;
|
|
22
32
|
var MODE = "light";
|
|
23
33
|
|
|
24
34
|
// If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
|
|
@@ -445,6 +455,7 @@ export var duration = {
|
|
|
445
455
|
};
|
|
446
456
|
var theme = {
|
|
447
457
|
breakpoints: breakpoints,
|
|
458
|
+
newBreakpoints: newBreakpoints,
|
|
448
459
|
colors: colors,
|
|
449
460
|
typography: _objectSpread(_objectSpread({}, typography), {}, {
|
|
450
461
|
typography: typography
|