@sproutsocial/racine 11.6.1 → 11.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/CHANGELOG.md +6 -0
- package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +12 -0
- package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +12 -0
- package/__flow__/types/theme.flow.js +5 -1
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +14 -2
- package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +14 -2
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +12 -1
- package/lib/themes/extendedThemes/sproutTheme/light/theme.js +12 -1
- package/lib/types/theme.flow.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -31,11 +31,23 @@ export const navigation = {
|
|
|
31
31
|
},
|
|
32
32
|
};
|
|
33
33
|
|
|
34
|
+
export const datePicker = {
|
|
35
|
+
comparison: {
|
|
36
|
+
background: {
|
|
37
|
+
base: baseDarkTheme.colors.neutral[400],
|
|
38
|
+
},
|
|
39
|
+
text: {
|
|
40
|
+
base: baseDarkTheme.colors.neutral[800],
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
|
|
34
45
|
const darkTheme: TypeSproutTheme = {
|
|
35
46
|
...baseDarkTheme,
|
|
36
47
|
colors: {
|
|
37
48
|
...baseDarkTheme.colors,
|
|
38
49
|
navigation,
|
|
50
|
+
datePicker,
|
|
39
51
|
},
|
|
40
52
|
};
|
|
41
53
|
|
|
@@ -31,11 +31,23 @@ export const navigation = {
|
|
|
31
31
|
},
|
|
32
32
|
};
|
|
33
33
|
|
|
34
|
+
export const datePicker = {
|
|
35
|
+
comparison: {
|
|
36
|
+
background: {
|
|
37
|
+
base: baseLightTheme.colors.neutral[400],
|
|
38
|
+
},
|
|
39
|
+
text: {
|
|
40
|
+
base: baseLightTheme.colors.neutral[800],
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
|
|
34
45
|
const lightTheme: TypeSproutTheme = {
|
|
35
46
|
...baseLightTheme,
|
|
36
47
|
colors: {
|
|
37
48
|
...baseLightTheme.colors,
|
|
38
49
|
navigation,
|
|
50
|
+
datePicker,
|
|
39
51
|
},
|
|
40
52
|
};
|
|
41
53
|
|
|
@@ -13,7 +13,10 @@ import {
|
|
|
13
13
|
} from "../themes/light/theme";
|
|
14
14
|
import type { TypeColors } from "./theme.colors.flow.js";
|
|
15
15
|
import type { TypeFontFamilyString } from "../themes/light/theme";
|
|
16
|
-
import {
|
|
16
|
+
import {
|
|
17
|
+
datePicker,
|
|
18
|
+
navigation,
|
|
19
|
+
} from "../themes/extendedThemes/sproutTheme/light/theme";
|
|
17
20
|
|
|
18
21
|
export type TypeThemeUtils = {| interact: (color: string) => string |};
|
|
19
22
|
export type TypeThemeMode = "light" | "dark";
|
|
@@ -53,5 +56,6 @@ export type TypeSproutTheme = {
|
|
|
53
56
|
colors: {|
|
|
54
57
|
...$Exact<TypeColor>,
|
|
55
58
|
navigation: typeof navigation,
|
|
59
|
+
datePicker: typeof datePicker,
|
|
56
60
|
|},
|
|
57
61
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.navigation = exports.default = void 0;
|
|
4
|
+
exports.navigation = exports.default = exports.datePicker = void 0;
|
|
5
5
|
|
|
6
6
|
var _theme = _interopRequireDefault(require("../../../dark/theme"));
|
|
7
7
|
|
|
@@ -38,10 +38,22 @@ var navigation = {
|
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
exports.navigation = navigation;
|
|
41
|
+
var datePicker = {
|
|
42
|
+
comparison: {
|
|
43
|
+
background: {
|
|
44
|
+
base: _theme.default.colors.neutral[400]
|
|
45
|
+
},
|
|
46
|
+
text: {
|
|
47
|
+
base: _theme.default.colors.neutral[800]
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
exports.datePicker = datePicker;
|
|
41
52
|
|
|
42
53
|
var darkTheme = _extends({}, _theme.default, {
|
|
43
54
|
colors: _extends({}, _theme.default.colors, {
|
|
44
|
-
navigation: navigation
|
|
55
|
+
navigation: navigation,
|
|
56
|
+
datePicker: datePicker
|
|
45
57
|
})
|
|
46
58
|
});
|
|
47
59
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.navigation = exports.default = void 0;
|
|
4
|
+
exports.navigation = exports.default = exports.datePicker = void 0;
|
|
5
5
|
|
|
6
6
|
var _theme = _interopRequireDefault(require("../../../light/theme"));
|
|
7
7
|
|
|
@@ -38,10 +38,22 @@ var navigation = {
|
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
exports.navigation = navigation;
|
|
41
|
+
var datePicker = {
|
|
42
|
+
comparison: {
|
|
43
|
+
background: {
|
|
44
|
+
base: _theme.default.colors.neutral[400]
|
|
45
|
+
},
|
|
46
|
+
text: {
|
|
47
|
+
base: _theme.default.colors.neutral[800]
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
exports.datePicker = datePicker;
|
|
41
52
|
|
|
42
53
|
var lightTheme = _extends({}, _theme.default, {
|
|
43
54
|
colors: _extends({}, _theme.default.colors, {
|
|
44
|
-
navigation: navigation
|
|
55
|
+
navigation: navigation,
|
|
56
|
+
datePicker: datePicker
|
|
45
57
|
})
|
|
46
58
|
});
|
|
47
59
|
|
|
@@ -29,10 +29,21 @@ export var navigation = {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
+
export var datePicker = {
|
|
33
|
+
comparison: {
|
|
34
|
+
background: {
|
|
35
|
+
base: baseDarkTheme.colors.neutral[400]
|
|
36
|
+
},
|
|
37
|
+
text: {
|
|
38
|
+
base: baseDarkTheme.colors.neutral[800]
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
};
|
|
32
42
|
|
|
33
43
|
var darkTheme = _extends({}, baseDarkTheme, {
|
|
34
44
|
colors: _extends({}, baseDarkTheme.colors, {
|
|
35
|
-
navigation: navigation
|
|
45
|
+
navigation: navigation,
|
|
46
|
+
datePicker: datePicker
|
|
36
47
|
})
|
|
37
48
|
});
|
|
38
49
|
|
|
@@ -29,10 +29,21 @@ export var navigation = {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
+
export var datePicker = {
|
|
33
|
+
comparison: {
|
|
34
|
+
background: {
|
|
35
|
+
base: baseLightTheme.colors.neutral[400]
|
|
36
|
+
},
|
|
37
|
+
text: {
|
|
38
|
+
base: baseLightTheme.colors.neutral[800]
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
};
|
|
32
42
|
|
|
33
43
|
var lightTheme = _extends({}, baseLightTheme, {
|
|
34
44
|
colors: _extends({}, baseLightTheme.colors, {
|
|
35
|
-
navigation: navigation
|
|
45
|
+
navigation: navigation,
|
|
46
|
+
datePicker: datePicker
|
|
36
47
|
})
|
|
37
48
|
});
|
|
38
49
|
|
package/lib/types/theme.flow.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { breakpoints, typography, fontWeights, radii, borders, borderWidths, shadows, space, easing, duration } from "../themes/light/theme";
|
|
2
|
-
import { navigation } from "../themes/extendedThemes/sproutTheme/light/theme";
|
|
2
|
+
import { datePicker, navigation } from "../themes/extendedThemes/sproutTheme/light/theme";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sproutsocial/racine",
|
|
3
|
-
"version": "11.6.
|
|
3
|
+
"version": "11.6.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"files": [
|
|
6
6
|
"__flow__",
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
"svgo": "^1.3.0",
|
|
167
167
|
"svgstore": "^2.0.3",
|
|
168
168
|
"webpack": "^4.20.0",
|
|
169
|
-
"webpack-dev-server": "^
|
|
169
|
+
"webpack-dev-server": "^4.9.0"
|
|
170
170
|
},
|
|
171
171
|
"peerDependencies": {
|
|
172
172
|
"@sproutsocial/seeds-border": ">=0.3.0",
|