@artsy/palette 45.4.0 → 45.5.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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { BoxProps } from "../Box";
|
|
3
3
|
/** Extends `Box` */
|
|
4
|
-
export type BaseTabsProps = BoxProps & {
|
|
4
|
+
export type BaseTabsProps = BoxProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
|
5
5
|
/**
|
|
6
6
|
* Enable if tabs should fill the width of the container
|
|
7
7
|
* (as opposed to left-align)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_Box","_HorizontalOverflow","_Join","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BaseTabs","exports","forwardRef","_ref","forwardedRef","fill","children","rest","cells","useMemo","flattenChildren","createElement","HorizontalOverflow","ref","borderBottom","borderBottomColor","Join","separator","Fragment","map","child","Box","display","textAlign","flex","undefined","displayName"],"sources":["../../../src/elements/BaseTabs/BaseTabs.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { Box, BoxProps } from \"../Box\"\nimport { HorizontalOverflow } from \"../HorizontalOverflow/HorizontalOverflow\"\nimport { Join } from \"../Join\"\n\n/** Extends `Box` */\nexport type BaseTabsProps = BoxProps & {\n
|
|
1
|
+
{"version":3,"file":"BaseTabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_Box","_HorizontalOverflow","_Join","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BaseTabs","exports","forwardRef","_ref","forwardedRef","fill","children","rest","cells","useMemo","flattenChildren","createElement","HorizontalOverflow","ref","borderBottom","borderBottomColor","Join","separator","Fragment","map","child","Box","display","textAlign","flex","undefined","displayName"],"sources":["../../../src/elements/BaseTabs/BaseTabs.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { Box, BoxProps } from \"../Box\"\nimport { HorizontalOverflow } from \"../HorizontalOverflow/HorizontalOverflow\"\nimport { Join } from \"../Join\"\n\n/** Extends `Box` */\nexport type BaseTabsProps = BoxProps &\n Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> & {\n /**\n * Enable if tabs should fill the width of the container\n * (as opposed to left-align)\n */\n fill?: boolean\n children: React.ReactNode\n }\n\n/** Extends `Box`, provides configurable gutter */\nexport const BaseTabs: React.ForwardRefExoticComponent<\n BaseTabsProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef(({ fill, children, ...rest }, forwardedRef) => {\n const cells = useMemo(() => flattenChildren(children), [children])\n\n return (\n <HorizontalOverflow\n ref={forwardedRef}\n borderBottom=\"1px solid\"\n borderBottomColor=\"mono10\"\n {...rest}\n >\n <Join separator={<></>}>\n {cells.map((child, i) => {\n return (\n <Box\n key={i}\n display=\"inline-flex\"\n textAlign=\"center\"\n flex={fill ? 1 : undefined}\n >\n {child}\n </Box>\n )\n })}\n </Join>\n </HorizontalOverflow>\n )\n})\n\nBaseTabs.displayName = \"BaseTabs\"\n"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: React.ForwardRefExoticComponent<import("../Box").BoxProps & {
|
|
4
|
+
component: React.ForwardRefExoticComponent<import("../Box").BoxProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
|
5
5
|
fill?: boolean;
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -12,7 +12,7 @@ var _Box = require("../Box");
|
|
|
12
12
|
var _Clickable = require("../Clickable");
|
|
13
13
|
var _Flex = require("../Flex");
|
|
14
14
|
var _Tabs = require("../Tabs");
|
|
15
|
-
var _excluded = ["currentStepIndex", "disableNavigation", "initialTabIndex", "children", "mb"];
|
|
15
|
+
var _excluded = ["currentStepIndex", "disableNavigation", "initialTabIndex", "children", "mb", "onChange"];
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
18
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -26,10 +26,12 @@ var Stepper = exports.Stepper = function Stepper(_ref) {
|
|
|
26
26
|
children = _ref.children,
|
|
27
27
|
_ref$mb = _ref.mb,
|
|
28
28
|
mb = _ref$mb === void 0 ? 2 : _ref$mb,
|
|
29
|
+
onChange = _ref.onChange,
|
|
29
30
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
30
31
|
var _useTabs = (0, _Tabs.useTabs)({
|
|
31
32
|
children: children,
|
|
32
|
-
initialTabIndex: initialTabIndex
|
|
33
|
+
initialTabIndex: initialTabIndex,
|
|
34
|
+
onChange: onChange
|
|
33
35
|
}),
|
|
34
36
|
tabs = _useTabs.tabs,
|
|
35
37
|
activeTabIndex = _useTabs.activeTabIndex,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.js","names":["_react","_interopRequireDefault","require","_CheckmarkIcon","_ChevronRightIcon","_BaseTabs","_Box","_Clickable","_Flex","_Tabs","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Stepper","exports","_ref","currentStepIndex","disableNavigation","_ref$initialTabIndex","initialTabIndex","children","_ref$mb","mb","rest","_useTabs","useTabs","tabs","activeTabIndex","handleClick","ref","createElement","Fragment","BaseTabs","fill","map","tab","BaseTab","as","Clickable","disabled","onClick","active","variant","justifyContent","Flex","alignItems","flex","Box","color","undefined","child","props","name","width","height","ml","Step","_ref2"],"sources":["../../../src/elements/Stepper/Stepper.tsx"],"sourcesContent":["import React from \"react\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { TabProps, TabsProps, useTabs } from \"../Tabs\"\n\nexport interface StepperProps extends TabsProps {\n /** The step user currently is at (e.g. previous steps completed) */\n currentStepIndex: number\n /** Prevents the tabs from being directly clickable */\n disableNavigation?: boolean\n}\n\n/** Stepper */\nexport const Stepper: React.FC<React.PropsWithChildren<StepperProps>> = ({\n currentStepIndex,\n disableNavigation,\n initialTabIndex = 0,\n children,\n mb = 2,\n ...rest\n}) => {\n const { tabs, activeTabIndex, handleClick, ref } = useTabs({\n children,\n initialTabIndex,\n })\n\n return (\n <>\n <BaseTabs ref={ref} fill mb={mb} {...rest}>\n {tabs.map((tab, i) => {\n return (\n <BaseTab\n key={i}\n as={Clickable}\n ref={tab.ref as any}\n aria-selected={i === activeTabIndex}\n disabled={disableNavigation || i > currentStepIndex}\n onClick={handleClick(i)}\n active={i === activeTabIndex}\n variant=\"sm\"\n justifyContent=\"flex-start\"\n >\n <Flex alignItems=\"center\" justifyContent=\"space-between\" flex={1}>\n <Flex alignItems=\"center\">\n <Box color={i > currentStepIndex ? \"mono30\" : undefined}>\n {tab.child.props.name}\n </Box>\n\n {currentStepIndex > i && (\n <CheckmarkIcon\n width={16}\n height={16}\n color=\"green100\"\n ml={1}\n />\n )}\n </Flex>\n\n <ChevronRightIcon fill=\"mono60\" height={10} ml={1} />\n </Flex>\n </BaseTab>\n )\n })}\n </BaseTabs>\n\n {tabs[activeTabIndex].child}\n </>\n )\n}\n\n/** StepProps */\nexport type StepProps = TabProps\n\n/**\n * An individual step.\n * Does nothing on its own; props are dealt with inside of Steps.\n */\nexport const Step: React.FC<React.PropsWithChildren<StepProps>> = ({\n children,\n}) => <>{children}</>\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AAAsD,IAAAQ,SAAA;AAAA,SAAAT,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAStD;AACO,IAAMmB,OAAwD,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAA3DA,OAAwDA,CAAAE,IAAA,
|
|
1
|
+
{"version":3,"file":"Stepper.js","names":["_react","_interopRequireDefault","require","_CheckmarkIcon","_ChevronRightIcon","_BaseTabs","_Box","_Clickable","_Flex","_Tabs","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Stepper","exports","_ref","currentStepIndex","disableNavigation","_ref$initialTabIndex","initialTabIndex","children","_ref$mb","mb","onChange","rest","_useTabs","useTabs","tabs","activeTabIndex","handleClick","ref","createElement","Fragment","BaseTabs","fill","map","tab","BaseTab","as","Clickable","disabled","onClick","active","variant","justifyContent","Flex","alignItems","flex","Box","color","undefined","child","props","name","width","height","ml","Step","_ref2"],"sources":["../../../src/elements/Stepper/Stepper.tsx"],"sourcesContent":["import React from \"react\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { TabProps, TabsProps, useTabs } from \"../Tabs\"\n\nexport interface StepperProps extends TabsProps {\n /** The step user currently is at (e.g. previous steps completed) */\n currentStepIndex: number\n /** Prevents the tabs from being directly clickable */\n disableNavigation?: boolean\n}\n\n/** Stepper */\nexport const Stepper: React.FC<React.PropsWithChildren<StepperProps>> = ({\n currentStepIndex,\n disableNavigation,\n initialTabIndex = 0,\n children,\n mb = 2,\n onChange,\n ...rest\n}) => {\n const { tabs, activeTabIndex, handleClick, ref } = useTabs({\n children,\n initialTabIndex,\n onChange,\n })\n\n return (\n <>\n <BaseTabs ref={ref} fill mb={mb} {...rest}>\n {tabs.map((tab, i) => {\n return (\n <BaseTab\n key={i}\n as={Clickable}\n ref={tab.ref as any}\n aria-selected={i === activeTabIndex}\n disabled={disableNavigation || i > currentStepIndex}\n onClick={handleClick(i)}\n active={i === activeTabIndex}\n variant=\"sm\"\n justifyContent=\"flex-start\"\n >\n <Flex alignItems=\"center\" justifyContent=\"space-between\" flex={1}>\n <Flex alignItems=\"center\">\n <Box color={i > currentStepIndex ? \"mono30\" : undefined}>\n {tab.child.props.name}\n </Box>\n\n {currentStepIndex > i && (\n <CheckmarkIcon\n width={16}\n height={16}\n color=\"green100\"\n ml={1}\n />\n )}\n </Flex>\n\n <ChevronRightIcon fill=\"mono60\" height={10} ml={1} />\n </Flex>\n </BaseTab>\n )\n })}\n </BaseTabs>\n\n {tabs[activeTabIndex].child}\n </>\n )\n}\n\n/** StepProps */\nexport type StepProps = TabProps\n\n/**\n * An individual step.\n * Does nothing on its own; props are dealt with inside of Steps.\n */\nexport const Step: React.FC<React.PropsWithChildren<StepProps>> = ({\n children,\n}) => <>{children}</>\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@artsy/palette",
|
|
3
|
-
"version": "45.
|
|
3
|
+
"version": "45.5.0",
|
|
4
4
|
"description": "Design system library for react components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -191,5 +191,5 @@
|
|
|
191
191
|
"url": "http://localhost"
|
|
192
192
|
}
|
|
193
193
|
},
|
|
194
|
-
"gitHead": "
|
|
194
|
+
"gitHead": "a226431521c0974bc7de3279c0df7f56f00601e5"
|
|
195
195
|
}
|