@artsy/palette 23.0.0 → 24.0.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/CHANGELOG.md +16 -0
- package/dist/Theme.js +15 -29
- package/dist/Theme.js.map +1 -1
- package/dist/elements/index.d.ts +0 -1
- package/dist/elements/index.js +0 -13
- package/dist/elements/index.js.map +1 -1
- package/package.json +2 -3
- package/dist/elements/Grid/Grid.d.ts +0 -16
- package/dist/elements/Grid/Grid.js +0 -50
- package/dist/elements/Grid/Grid.js.map +0 -1
- package/dist/elements/Grid/Grid.story.d.ts +0 -5
- package/dist/elements/Grid/Grid.story.js +0 -41
- package/dist/elements/Grid/Grid.story.js.map +0 -1
- package/dist/elements/Grid/index.d.ts +0 -1
- package/dist/elements/Grid/index.js +0 -19
- package/dist/elements/Grid/index.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
# v24.0.0 (Fri Jul 15 2022)
|
|
2
|
+
|
|
3
|
+
#### 💥 Breaking Change
|
|
4
|
+
|
|
5
|
+
- chore: removes grid + styled-bootstrap-grid [#1195](https://github.com/artsy/palette/pull/1195) ([@dzucconi](https://github.com/dzucconi))
|
|
6
|
+
|
|
7
|
+
#### 🐛 Bug Fix
|
|
8
|
+
|
|
9
|
+
- chore: removes grid + styled-bootstrap-grid ([@dzucconi](https://github.com/dzucconi))
|
|
10
|
+
|
|
11
|
+
#### Authors: 1
|
|
12
|
+
|
|
13
|
+
- Damon ([@dzucconi](https://github.com/dzucconi))
|
|
14
|
+
|
|
15
|
+
---
|
|
16
|
+
|
|
1
17
|
# v23.0.0 (Fri Jul 15 2022)
|
|
2
18
|
|
|
3
19
|
#### 💥 Breaking Change
|
package/dist/Theme.js
CHANGED
|
@@ -40,8 +40,6 @@ exports.useThemeConfig = exports.useTheme = exports.isThemeV3 = exports.isThemeV
|
|
|
40
40
|
|
|
41
41
|
var _react = _interopRequireWildcard(require("react"));
|
|
42
42
|
|
|
43
|
-
var _styledBootstrapGrid = require("styled-bootstrap-grid");
|
|
44
|
-
|
|
45
43
|
var _styledComponents = require("styled-components");
|
|
46
44
|
|
|
47
45
|
var _themes = require("./themes");
|
|
@@ -69,18 +67,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
69
67
|
// FIXME: Upgrading styled-components types to get `ThemeContext` breaks many other typings.
|
|
70
68
|
// Notably: `Icon` and `Sans|Serif`
|
|
71
69
|
// @ts-expect-error MIGRATE_STRICT_MODE
|
|
72
|
-
|
|
73
|
-
/**
|
|
74
|
-
* Creates a new Grid context for web. This glues the v2 grid theme into any other theme.
|
|
75
|
-
*/
|
|
76
|
-
var GridThemeProvider = function GridThemeProvider(_ref) {
|
|
77
|
-
var children = _ref.children;
|
|
78
|
-
return /*#__PURE__*/_react.default.createElement(_styledBootstrapGrid.GridThemeProvider, {
|
|
79
|
-
gridTheme: _themes.THEME_V2.grid
|
|
80
|
-
}, children);
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
GridThemeProvider.displayName = "GridThemeProvider";
|
|
84
70
|
var THEMES = {
|
|
85
71
|
v2: _themes.THEME_V2,
|
|
86
72
|
v3: _themes.THEME_V3
|
|
@@ -89,22 +75,22 @@ var THEMES = {
|
|
|
89
75
|
* A wrapper component for passing down the Artsy theme context
|
|
90
76
|
*/
|
|
91
77
|
|
|
92
|
-
var Theme = function Theme(
|
|
93
|
-
var children =
|
|
94
|
-
|
|
95
|
-
themeOrThemeKey =
|
|
78
|
+
var Theme = function Theme(_ref) {
|
|
79
|
+
var children = _ref.children,
|
|
80
|
+
_ref$theme = _ref.theme,
|
|
81
|
+
themeOrThemeKey = _ref$theme === void 0 ? _themes.THEME_V2 : _ref$theme;
|
|
96
82
|
var theme = themeOrThemeKey === "v2" || themeOrThemeKey === "v3" ? THEMES[themeOrThemeKey] : themeOrThemeKey;
|
|
97
83
|
return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
|
|
98
84
|
theme: theme
|
|
99
|
-
},
|
|
85
|
+
}, children);
|
|
100
86
|
};
|
|
101
87
|
|
|
102
88
|
exports.Theme = Theme;
|
|
103
89
|
Theme.displayName = "Theme";
|
|
104
90
|
|
|
105
91
|
/** Utilize only the v2 theme */
|
|
106
|
-
var ThemeProviderV2 = function ThemeProviderV2(
|
|
107
|
-
var children =
|
|
92
|
+
var ThemeProviderV2 = function ThemeProviderV2(_ref2) {
|
|
93
|
+
var children = _ref2.children;
|
|
108
94
|
return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
|
|
109
95
|
theme: _themes.THEME_V2
|
|
110
96
|
}, children);
|
|
@@ -114,8 +100,8 @@ exports.ThemeProviderV2 = ThemeProviderV2;
|
|
|
114
100
|
ThemeProviderV2.displayName = "ThemeProviderV2";
|
|
115
101
|
|
|
116
102
|
/** Utilize only the v3 theme */
|
|
117
|
-
var ThemeProviderV3 = function ThemeProviderV3(
|
|
118
|
-
var children =
|
|
103
|
+
var ThemeProviderV3 = function ThemeProviderV3(_ref3) {
|
|
104
|
+
var children = _ref3.children;
|
|
119
105
|
return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
|
|
120
106
|
theme: _themes.THEME_V3
|
|
121
107
|
}, children);
|
|
@@ -136,9 +122,9 @@ var useTheme = function useTheme() {
|
|
|
136
122
|
|
|
137
123
|
exports.useTheme = useTheme;
|
|
138
124
|
|
|
139
|
-
var useThemeConfig = function useThemeConfig(
|
|
140
|
-
var v2 =
|
|
141
|
-
v3 =
|
|
125
|
+
var useThemeConfig = function useThemeConfig(_ref4) {
|
|
126
|
+
var v2 = _ref4.v2,
|
|
127
|
+
v3 = _ref4.v3;
|
|
142
128
|
|
|
143
129
|
var _useTheme = useTheme(),
|
|
144
130
|
_useTheme$theme = _useTheme.theme,
|
|
@@ -153,9 +139,9 @@ var useThemeConfig = function useThemeConfig(_ref5) {
|
|
|
153
139
|
|
|
154
140
|
exports.useThemeConfig = useThemeConfig;
|
|
155
141
|
|
|
156
|
-
var getThemeConfig = function getThemeConfig(props,
|
|
157
|
-
var v2 =
|
|
158
|
-
v3 =
|
|
142
|
+
var getThemeConfig = function getThemeConfig(props, _ref5) {
|
|
143
|
+
var v2 = _ref5.v2,
|
|
144
|
+
v3 = _ref5.v3;
|
|
159
145
|
var _props$theme = props.theme,
|
|
160
146
|
theme = _props$theme === void 0 ? {
|
|
161
147
|
id: "v2"
|
package/dist/Theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Theme.tsx"],"names":["
|
|
1
|
+
{"version":3,"sources":["../src/Theme.tsx"],"names":["THEMES","v2","THEME_V2","v3","THEME_V3","Theme","children","theme","themeOrThemeKey","ThemeProviderV2","ThemeProviderV3","useTheme","ThemeContext","useThemeConfig","id","getThemeConfig","props","isThemeV2","isThemeV3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAIA;;AACA;;AAGA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;;;;;AATA;AACA;AACA;AASA,IAAMA,MAAM,GAAG;AACbC,EAAAA,EAAE,EAAEC,gBADS;AAEbC,EAAAA,EAAE,EAAEC;AAFS,CAAf;AAKA;AACA;AACA;;AACO,IAAMC,KAAyD,GAAG,SAA5DA,KAA4D,OAGnE;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,wBADJC,KACI;AAAA,MADGC,eACH,2BADqBN,gBACrB;AACJ,MAAMK,KAAK,GACTC,eAAe,KAAK,IAApB,IAA4BA,eAAe,KAAK,IAAhD,GACIR,MAAM,CAACQ,eAAD,CADV,GAEIA,eAHN;AAKA,sBAAO,6BAAC,+BAAD;AAAe,IAAA,KAAK,EAAED;AAAtB,KAA8BD,QAA9B,CAAP;AACD,CAVM;;;AAAMD,K;;AAYb;AACO,IAAMI,eAAyB,GAAG,SAA5BA,eAA4B,QAAkB;AAAA,MAAfH,QAAe,SAAfA,QAAe;AACzD,sBAAO,6BAAC,+BAAD;AAAe,IAAA,KAAK,EAAEJ;AAAtB,KAAiCI,QAAjC,CAAP;AACD,CAFM;;;AAAMG,e;;AAIb;AACO,IAAMC,eAAyB,GAAG,SAA5BA,eAA4B,QAAkB;AAAA,MAAfJ,QAAe,SAAfA,QAAe;AACzD,sBAAO,6BAAC,+BAAD;AAAe,IAAA,KAAK,EAAEF;AAAtB,KAAiCE,QAAjC,CAAP;AACD,CAFM;;;AAAMI,e;;AAIb;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,GAAwB;AAC9C,MAAMJ,KAAQ,GAAG,uBAAWK,8BAAX,CAAjB;AACA,SAAO;AAAEL,IAAAA,KAAK,EAALA;AAAF,GAAP;AACD,CAHM;AAKP;;;;;AACO,IAAMM,cAAc,GAAG,SAAjBA,cAAiB,QAA+C;AAAA,MAAtCZ,EAAsC,SAAtCA,EAAsC;AAAA,MAAlCE,EAAkC,SAAlCA,EAAkC;;AAC3E,kBAAiCQ,QAAQ,EAAzC;AAAA,kCAAQJ,KAAR;AAAA,MAAQA,KAAR,gCAAgB;AAAEO,IAAAA,EAAE,EAAE;AAAN,GAAhB;;AACA,SAAOP,KAAK,CAACO,EAAN,KAAa,IAAb,GAAoBb,EAApB,GAAyBE,EAAhC;AACD,CAHM;AAKP;;;;;AACO,IAAMY,cAAc,GAAG,SAAjBA,cAAiB,CAC5BC,KAD4B,SAGlB;AAAA,MADRf,EACQ,SADRA,EACQ;AAAA,MADJE,EACI,SADJA,EACI;AACV,qBAAiCa,KAAjC,CAAQT,KAAR;AAAA,MAAQA,KAAR,6BAAgB;AAAEO,IAAAA,EAAE,EAAE;AAAN,GAAhB;AACA,SAAOP,KAAK,CAACO,EAAN,KAAa,IAAb,GAAoBb,EAApB,GAAyBE,EAAhC;AACD,CANM;AAQP;;;;;AACO,IAAMc,SAAS,GAAG,SAAZA,SAAY,CAACV,KAAD,EAAqC;AAC5D,SAAOA,KAAK,CAACO,EAAN,KAAa,IAApB;AACD,CAFM;AAIP;;;;;AACO,IAAMI,SAAS,GAAG,SAAZA,SAAY,CAACX,KAAD,EAAqC;AAC5D,SAAOA,KAAK,CAACO,EAAN,KAAa,IAApB;AACD,CAFM","sourcesContent":["import React, { useContext } from \"react\"\n// FIXME: Upgrading styled-components types to get `ThemeContext` breaks many other typings.\n// Notably: `Icon` and `Sans|Serif`\n// @ts-expect-error MIGRATE_STRICT_MODE\nimport { ThemeContext, ThemeProvider } from \"styled-components\"\nimport { Theme as TTheme, THEME_V2, THEME_V3, ThemeV2, ThemeV3 } from \"./themes\"\n\nexport { THEME_V2, THEME_V3 } from \"./themes\"\nexport * from \"@artsy/palette-tokens/dist/themes/v2\"\n\nexport { TextVariant } from \"@artsy/palette-tokens/dist/typography/v3\"\n\nconst THEMES = {\n v2: THEME_V2,\n v3: THEME_V3,\n}\n\n/**\n * A wrapper component for passing down the Artsy theme context\n */\nexport const Theme: React.FC<{ theme?: TTheme | keyof typeof THEMES }> = ({\n children,\n theme: themeOrThemeKey = THEME_V2,\n}) => {\n const theme =\n themeOrThemeKey === \"v2\" || themeOrThemeKey === \"v3\"\n ? THEMES[themeOrThemeKey]\n : themeOrThemeKey\n\n return <ThemeProvider theme={theme}>{children}</ThemeProvider>\n}\n\n/** Utilize only the v2 theme */\nexport const ThemeProviderV2: React.FC = ({ children }) => {\n return <ThemeProvider theme={THEME_V2}>{children}</ThemeProvider>\n}\n\n/** Utilize only the v3 theme */\nexport const ThemeProviderV3: React.FC = ({ children }) => {\n return <ThemeProvider theme={THEME_V3}>{children}</ThemeProvider>\n}\n\n/** Returns the current theme */\nexport const useTheme = <T extends TTheme>() => {\n const theme: T = useContext(ThemeContext)\n return { theme }\n}\n\n/** Returns a config specific to the current theme. For use in React components */\nexport const useThemeConfig = <T, U>({ v2, v3 }: { v2: T; v3: U }): U | T => {\n const { theme = { id: \"v2\" } } = useTheme()\n return theme.id === \"v2\" ? v2 : v3\n}\n\n/** Returns a config specific to the current theme. For use in styled-components */\nexport const getThemeConfig = <T, U>(\n props: Record<string, any>,\n { v2, v3 }: { v2: T; v3: U }\n): U | T => {\n const { theme = { id: \"v2\" } } = props\n return theme.id === \"v2\" ? v2 : v3\n}\n\n/** Typeguard for v2 */\nexport const isThemeV2 = (theme: TTheme): theme is ThemeV2 => {\n return theme.id === \"v2\"\n}\n\n/** Typeguard for v3 */\nexport const isThemeV3 = (theme: TTheme): theme is ThemeV3 => {\n return theme.id === \"v3\"\n}\n"],"file":"Theme.js"}
|
package/dist/elements/index.d.ts
CHANGED
package/dist/elements/index.js
CHANGED
|
@@ -329,19 +329,6 @@ Object.keys(_FullBleed).forEach(function (key) {
|
|
|
329
329
|
});
|
|
330
330
|
});
|
|
331
331
|
|
|
332
|
-
var _Grid = require("./Grid");
|
|
333
|
-
|
|
334
|
-
Object.keys(_Grid).forEach(function (key) {
|
|
335
|
-
if (key === "default" || key === "__esModule") return;
|
|
336
|
-
if (key in exports && exports[key] === _Grid[key]) return;
|
|
337
|
-
Object.defineProperty(exports, key, {
|
|
338
|
-
enumerable: true,
|
|
339
|
-
get: function get() {
|
|
340
|
-
return _Grid[key];
|
|
341
|
-
}
|
|
342
|
-
});
|
|
343
|
-
});
|
|
344
|
-
|
|
345
332
|
var _GridColumns = require("./GridColumns");
|
|
346
333
|
|
|
347
334
|
Object.keys(_GridColumns).forEach(function (key) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/elements/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
1
|
+
{"version":3,"sources":["../../src/elements/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./AutocompleteInput\"\nexport * from \"./Avatar\"\nexport * from \"./Banner\"\nexport * from \"./BaseTabs\"\nexport * from \"./BorderBox\"\nexport * from \"./BorderedRadio\"\nexport * from \"./Box\"\nexport * from \"./Breadcrumbs\"\nexport * from \"./Button\"\nexport * from \"./Cards\"\nexport * from \"./Carousel\"\nexport * from \"./CarouselBar\"\nexport * from \"./Checkbox\"\nexport * from \"./CleanTag\"\nexport * from \"./Clickable\"\nexport * from \"./Collapse\"\nexport * from \"./Colors\"\nexport * from \"./CSSGrid\"\nexport * from \"./Dialog\"\nexport * from \"./Dropdown\"\nexport * from \"./EntityHeader\"\nexport * from \"./Expandable\"\nexport * from \"./FilterSelect\"\nexport * from \"./Flex\"\nexport * from \"./FullBleed\"\nexport * from \"./GridColumns\"\nexport * from \"./HorizontalOverflow\"\nexport * from \"./HTML\"\nexport * from \"./Image\"\nexport * from \"./Input\"\nexport * from \"./Join\"\nexport * from \"./Label\"\nexport * from \"./LabeledInput\"\nexport * from \"./Link\"\nexport * from \"./Marquee\"\nexport * from \"./Menu\"\nexport * from \"./Message\"\nexport * from \"./Modal\"\nexport * from \"./ModalDialog\"\nexport * from \"./MultiSelect\"\nexport * from \"./Pagination\"\nexport * from \"./PasswordInput\"\nexport * from \"./Pill\"\nexport * from \"./Popover\"\nexport * from \"./ProgressBar\"\nexport * from \"./ProgressBarTimer\"\nexport * from \"./ProgressDots\"\nexport * from \"./Radio\"\nexport * from \"./RadioGroup\"\nexport * from \"./Range\"\nexport * from \"./ReadMore\"\nexport * from \"./ResponsiveBox\"\nexport * from \"./Select\"\nexport * from \"./Separator\"\nexport * from \"./Shelf\"\nexport * from \"./ShowMore\"\nexport * from \"./Skeleton\"\nexport * from \"./Skip\"\nexport * from \"./Spacer\"\nexport * from \"./Spinner\"\nexport * from \"./StackableBorderBox\"\nexport * from \"./StaticCountdownTimer\"\nexport * from \"./Stepper\"\nexport * from \"./Sup\"\nexport * from \"./Swiper\"\nexport * from \"./Tabs\"\nexport * from \"./Text\"\nexport * from \"./TextArea\"\nexport * from \"./TimeRemaining\"\nexport * from \"./Toasts\"\nexport * from \"./Toggle\"\nexport * from \"./Tooltip\"\nexport * from \"./Typography\"\nexport * from \"./VisuallyHidden\"\n"],"file":"index.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@artsy/palette",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "24.0.0",
|
|
4
4
|
"description": "Design system library for react components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -123,7 +123,6 @@
|
|
|
123
123
|
"proportional-scale": "^4.0.0",
|
|
124
124
|
"react-lazy-load-image-component": "1.5.0",
|
|
125
125
|
"react-remove-scroll": "2.5.0",
|
|
126
|
-
"styled-bootstrap-grid": "3.1.0",
|
|
127
126
|
"styled-system": "^5.1.5",
|
|
128
127
|
"trunc-html": "^1.1.2",
|
|
129
128
|
"use-cursor": "^1.2.3",
|
|
@@ -177,5 +176,5 @@
|
|
|
177
176
|
"<rootDir>/www/"
|
|
178
177
|
]
|
|
179
178
|
},
|
|
180
|
-
"gitHead": "
|
|
179
|
+
"gitHead": "07ad4a1f1144b1cb9b9890dac872ab63cfd41ff8"
|
|
181
180
|
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { BorderProps, ColorProps, FlexProps, MaxWidthProps, SpaceProps, TextAlignProps, WidthProps } from "styled-system";
|
|
2
|
-
/**
|
|
3
|
-
* Outer wrapper when using a grid
|
|
4
|
-
* @deprecated Use `<GridColumns>`
|
|
5
|
-
*/
|
|
6
|
-
export declare const Grid: import("styled-components").StyledComponentClass<SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & MaxWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").MaxWidthProperty<import("styled-system").TLengthStyledSystem>> & BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").BorderProperty<import("styled-system").TLengthStyledSystem>>, any, any>;
|
|
7
|
-
/**
|
|
8
|
-
* Grid row
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
11
|
-
export declare const Row: import("styled-components").StyledComponentClass<ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, any, any>;
|
|
12
|
-
/**
|
|
13
|
-
* Grid column
|
|
14
|
-
* @deprecated
|
|
15
|
-
*/
|
|
16
|
-
export declare const Col: import("styled-components").StyledComponentClass<ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & FlexProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").FlexProperty<import("styled-system").TLengthStyledSystem>> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").WidthProperty<import("styled-system").TLengthStyledSystem>>, any, any>;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Row = exports.Grid = exports.Col = void 0;
|
|
7
|
-
|
|
8
|
-
var _styledBootstrapGrid = require("styled-bootstrap-grid");
|
|
9
|
-
|
|
10
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
|
|
12
|
-
var _styledSystem = require("styled-system");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Outer wrapper when using a grid
|
|
18
|
-
* @deprecated Use `<GridColumns>`
|
|
19
|
-
*/
|
|
20
|
-
var Grid = (0, _styledComponents.default)(_styledBootstrapGrid.Container).withConfig({
|
|
21
|
-
displayName: "Grid",
|
|
22
|
-
componentId: "etz25q-0"
|
|
23
|
-
})(["max-width:", "px;", ";"], function (props) {
|
|
24
|
-
return props.theme.grid.breakpoints.xl;
|
|
25
|
-
}, (0, _styledSystem.compose)(_styledSystem.space, _styledSystem.maxWidth, _styledSystem.border));
|
|
26
|
-
/**
|
|
27
|
-
* Grid row
|
|
28
|
-
* @deprecated
|
|
29
|
-
*/
|
|
30
|
-
|
|
31
|
-
exports.Grid = Grid;
|
|
32
|
-
var Row = (0, _styledComponents.default)(_styledBootstrapGrid.Row).withConfig({
|
|
33
|
-
displayName: "Grid__Row",
|
|
34
|
-
componentId: "etz25q-1"
|
|
35
|
-
})(["", ";"], (0, _styledSystem.compose)(_styledSystem.color, _styledSystem.space));
|
|
36
|
-
/**
|
|
37
|
-
* Grid column
|
|
38
|
-
* @deprecated
|
|
39
|
-
*/
|
|
40
|
-
|
|
41
|
-
exports.Row = Row;
|
|
42
|
-
var Col = (0, _styledComponents.default)(_styledBootstrapGrid.Col).withConfig({
|
|
43
|
-
displayName: "Grid__Col",
|
|
44
|
-
componentId: "etz25q-2"
|
|
45
|
-
})(["", ""], (0, _styledSystem.compose)(_styledSystem.color, _styledSystem.flex, _styledSystem.space, _styledSystem.textAlign, _styledSystem.width));
|
|
46
|
-
exports.Col = Col;
|
|
47
|
-
Grid.displayName = "Grid";
|
|
48
|
-
Row.displayName = "Row";
|
|
49
|
-
Col.displayName = "Col";
|
|
50
|
-
//# sourceMappingURL=Grid.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/elements/Grid/Grid.tsx"],"names":["Grid","_Container","props","theme","grid","breakpoints","xl","space","maxWidth","border","Row","_Row","color","Col","_Col","flex","textAlign","width","displayName"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;;;AAkBA;AACA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,+BAAOC,8BAAP,CAAH;AAAA;AAAA;AAAA,+BAGF,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,IAAZ,CAAiBC,WAAjB,CAA6BC,EAAxC;AAAA,CAHE,EAIb,2BAAQC,mBAAR,EAAeC,sBAAf,EAAyBC,oBAAzB,CAJa,CAAV;AAOP;AACA;AACA;AACA;;;AACO,IAAMC,GAAG,GAAG,+BAAOC,wBAAP,CAAH;AAAA;AAAA;AAAA,cACZ,2BAAQC,mBAAR,EAAeL,mBAAf,CADY,CAAT;AAIP;AACA;AACA;AACA;;;AACO,IAAMM,GAAG,GAAG,+BAAOC,wBAAP,CAAH;AAAA;AAAA;AAAA,aAGZ,2BAAQF,mBAAR,EAAeG,kBAAf,EAAqBR,mBAArB,EAA4BS,uBAA5B,EAAuCC,mBAAvC,CAHY,CAAT;;AAMPjB,IAAI,CAACkB,WAAL,GAAmB,MAAnB;AACAR,GAAG,CAACQ,WAAJ,GAAkB,KAAlB;AACAL,GAAG,CAACK,WAAJ,GAAkB,KAAlB","sourcesContent":["import {\n Col as _Col,\n Container as _Container,\n Row as _Row,\n} from \"styled-bootstrap-grid\"\nimport styled from \"styled-components\"\nimport {\n border,\n BorderProps,\n color,\n ColorProps,\n compose,\n flex,\n FlexProps,\n maxWidth,\n MaxWidthProps,\n space,\n SpaceProps,\n textAlign,\n TextAlignProps,\n width,\n WidthProps,\n} from \"styled-system\"\n\n/**\n * Outer wrapper when using a grid\n * @deprecated Use `<GridColumns>`\n */\nexport const Grid = styled(_Container)<\n SpaceProps & MaxWidthProps & BorderProps\n>`\n max-width: ${(props) => props.theme.grid.breakpoints.xl}px;\n ${compose(space, maxWidth, border)};\n`\n\n/**\n * Grid row\n * @deprecated\n */\nexport const Row = styled(_Row)<ColorProps & SpaceProps>`\n ${compose(color, space)};\n`\n\n/**\n * Grid column\n * @deprecated\n */\nexport const Col = styled(_Col)<\n ColorProps & FlexProps & SpaceProps & TextAlignProps & WidthProps\n>`\n ${compose(color, flex, space, textAlign, width)}\n`\n\nGrid.displayName = \"Grid\"\nRow.displayName = \"Row\"\nCol.displayName = \"Col\"\n"],"file":"Grid.js"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.Basic = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _BorderBox = require("../BorderBox");
|
|
11
|
-
|
|
12
|
-
var _Grid = require("./Grid");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
var _default = {
|
|
17
|
-
title: "Components/Grid"
|
|
18
|
-
};
|
|
19
|
-
exports.default = _default;
|
|
20
|
-
|
|
21
|
-
var Basic = function Basic() {
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
|
|
23
|
-
border: {
|
|
24
|
-
default: "4px solid pink",
|
|
25
|
-
xs: "4px solid red",
|
|
26
|
-
sm: "4px solid green",
|
|
27
|
-
md: "4px solid gold",
|
|
28
|
-
lg: "4px solid purple",
|
|
29
|
-
xl: "4px solid blue"
|
|
30
|
-
}
|
|
31
|
-
}, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, Array.from(Array(12)).map(function (_, i) {
|
|
32
|
-
return /*#__PURE__*/_react.default.createElement(_Grid.Col, {
|
|
33
|
-
sm: 1,
|
|
34
|
-
key: i
|
|
35
|
-
}, /*#__PURE__*/_react.default.createElement(_BorderBox.BorderBox, null, i + 1));
|
|
36
|
-
})));
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
exports.Basic = Basic;
|
|
40
|
-
Basic.displayName = "Basic";
|
|
41
|
-
//# sourceMappingURL=Grid.story.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/elements/Grid/Grid.story.tsx"],"names":["title","Basic","default","xs","sm","md","lg","xl","Array","from","map","_","i"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AADM,C;;;AAIR,IAAMC,KAAK,GAAG,SAARA,KAAQ,GAAM;AACzB,sBACE,6BAAC,UAAD;AACE,IAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,gBADH;AAENC,MAAAA,EAAE,EAAE,eAFE;AAGNC,MAAAA,EAAE,EAAE,iBAHE;AAINC,MAAAA,EAAE,EAAE,gBAJE;AAKNC,MAAAA,EAAE,EAAE,kBALE;AAMNC,MAAAA,EAAE,EAAE;AANE;AADV,kBAUE,6BAAC,SAAD,QACGC,KAAK,CAACC,IAAN,CAAWD,KAAK,CAAC,EAAD,CAAhB,EAAsBE,GAAtB,CAA0B,UAACC,CAAD,EAAIC,CAAJ,EAAU;AACnC,wBACE,6BAAC,SAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,GAAG,EAAEA;AAAjB,oBACE,6BAAC,oBAAD,QAAYA,CAAC,GAAG,CAAhB,CADF,CADF;AAKD,GANA,CADH,CAVF,CADF;AAsBD,CAvBM;;;AAAMX,K","sourcesContent":["import React from \"react\"\nimport { BorderBox } from \"../BorderBox\"\nimport { Col, Grid, Row } from \"./Grid\"\n\nexport default {\n title: \"Components/Grid\",\n}\n\nexport const Basic = () => {\n return (\n <Grid\n border={{\n default: \"4px solid pink\",\n xs: \"4px solid red\",\n sm: \"4px solid green\",\n md: \"4px solid gold\",\n lg: \"4px solid purple\",\n xl: \"4px solid blue\",\n }}\n >\n <Row>\n {Array.from(Array(12)).map((_, i) => {\n return (\n <Col sm={1} key={i}>\n <BorderBox>{i + 1}</BorderBox>\n </Col>\n )\n })}\n </Row>\n </Grid>\n )\n}\n"],"file":"Grid.story.js"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Grid";
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _Grid = require("./Grid");
|
|
8
|
-
|
|
9
|
-
Object.keys(_Grid).forEach(function (key) {
|
|
10
|
-
if (key === "default" || key === "__esModule") return;
|
|
11
|
-
if (key in exports && exports[key] === _Grid[key]) return;
|
|
12
|
-
Object.defineProperty(exports, key, {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _Grid[key];
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/elements/Grid/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Grid\"\n"],"file":"index.js"}
|