@redsift/products 10.3.0-alpha.11 → 10.3.0-alpha.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.
Files changed (5) hide show
  1. package/CONTRIBUTING.md +4 -0
  2. package/index.d.ts +2 -2
  3. package/index.js +3 -4
  4. package/index.js.map +1 -1
  5. package/package.json +8 -8
package/CONTRIBUTING.md CHANGED
@@ -137,6 +137,9 @@ import { BadgeProps } from './types';
137
137
 
138
138
  const COMPONENT_NAME = 'Badge';
139
139
  const CLASSNAME = 'redsift-badge';
140
+ const DEFAULT_PROPS: Partial<BadgeProps> = {
141
+ // default values
142
+ };
140
143
 
141
144
  /**
142
145
  * The Badge component.
@@ -159,6 +162,7 @@ export const Badge: Comp<BadgeProps, HTMLDivElement> = forwardRef((props, ref) =
159
162
  );
160
163
  });
161
164
  Badge.className = CLASSNAME;
165
+ Badge.defaultProps = DEFAULT_PROPS;
162
166
  Badge.displayName = COMPONENT_NAME;
163
167
  ```
164
168
 
package/index.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import * as React from 'react';
2
2
  import React__default from 'react';
3
3
  import * as _redsift_design_system from '@redsift/design-system';
4
- import { Comp, ButtonProps, IconProps } from '@redsift/design-system';
4
+ import { Comp, ButtonProps, ItemProps, IconProps } from '@redsift/design-system';
5
5
  import * as _redsift_pickers from '@redsift/pickers';
6
- import { ItemProps, MenuButtonProps, MenuButtonContentProps, MenuButtonContentHeaderProps, MenuButtonContentMenuProps } from '@redsift/pickers';
6
+ import { MenuButtonProps, MenuButtonContentProps, MenuButtonContentHeaderProps, MenuButtonContentMenuProps } from '@redsift/pickers';
7
7
 
8
8
  declare const RadarSimple: {
9
9
  MenuButton: _redsift_design_system.Comp<Omit<_redsift_pickers.MenuButtonProps, "children"> & {
package/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { Item, MenuButton, MenuButtonTrigger, MenuButtonContent, MenuButtonContentHeader, MenuButtonContentMenu, MenuButtonContentFooter } from '@redsift/pickers';
2
+ import { Button, Item, Flexbox, Icon, Text } from '@redsift/design-system';
3
+ import { MenuButton, MenuButtonTrigger, MenuButtonContent, MenuButtonContentHeader, MenuButtonContentMenu, MenuButtonContentFooter } from '@redsift/pickers';
3
4
  import styled from 'styled-components';
4
- import { Button, Flexbox, Icon, Text } from '@redsift/design-system';
5
5
  import { rsiRadarSparkleWhite, rsiSparkleGradient } from '@redsift/icons';
6
6
 
7
7
  function _extends() {
@@ -73,8 +73,7 @@ const CLASSNAME = 'redsift-radar-item';
73
73
  const RadarItem = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(Item, _extends({
74
74
  padding: "11px 15px",
75
75
  color: "radar",
76
- hasBorder: true,
77
- borderRadius: "4px"
76
+ hasBorder: true
78
77
  }, props, {
79
78
  ref: ref
80
79
  })));
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/components/radar-button/RadarButton.tsx","../src/components/radar-item/RadarItem.tsx","../src/components/radar-menu-button/RadarMenuButton.tsx","../src/components/radar-menu-button/RadarSimpleMenuButton.tsx","../src/components/radar/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Button, Comp, ButtonProps } from '@redsift/design-system';\nimport { rsiRadarSparkleWhite } from '@redsift/icons';\n\nconst COMPONENT_NAME = 'Button';\nconst CLASSNAME = 'redsift-radar-button';\n\n/**\n * The RadarButton component.\n */\nexport const RadarButton: Comp<ButtonProps, HTMLButtonElement> = forwardRef((props, ref) => {\n return (\n <Button variant=\"primary\" leftIcon={rsiRadarSparkleWhite} color=\"radar\" {...props} ref={ref}>\n {props.children || 'Radar'}\n </Button>\n );\n});\nRadarButton.className = CLASSNAME;\nRadarButton.displayName = COMPONENT_NAME;\n","import React, { forwardRef } from 'react';\n\nimport { Comp } from '@redsift/design-system';\nimport { Item, ItemProps } from '@redsift/pickers';\n\nconst COMPONENT_NAME = 'Item';\nconst CLASSNAME = 'redsift-radar-item';\n\n/**\n * The RadarItem component.\n */\nexport const RadarItem: Comp<ItemProps, HTMLDivElement> = forwardRef((props, ref) => (\n <Item padding=\"11px 15px\" color=\"radar\" hasBorder borderRadius=\"4px\" {...props} ref={ref} />\n));\nRadarItem.className = CLASSNAME;\nRadarItem.displayName = COMPONENT_NAME;\n","import React from 'react';\nimport {\n MenuButton,\n MenuButtonContent,\n MenuButtonContentProps,\n MenuButtonTrigger,\n MenuButtonContentFooter,\n MenuButtonContentHeaderProps,\n MenuButtonContentHeader,\n MenuButtonContentMenuProps,\n MenuButtonContentMenu,\n MenuButtonProps,\n} from '@redsift/pickers';\nimport { Comp } from '@redsift/design-system';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\n\n/**\n * The RadarMenuButton component.\n */\n\nexport const BaseRadarMenuButton: React.FC<MenuButtonProps> & {\n displayName?: string;\n className?: string;\n} = (props) => {\n return <MenuButton offset={0} minWidth={545} color=\"radar\" {...props} />;\n};\nBaseRadarMenuButton.displayName = 'MenuButton';\n\nexport const RadarMenuButtonTrigger = MenuButtonTrigger;\nRadarMenuButtonTrigger.displayName = 'MenuButtonTrigger';\n\nconst StyledMenuButtonContent = styled(MenuButtonContent)`\n background: transparent;\n background-image: linear-gradient(90deg, white, white), linear-gradient(90deg, #51b7a4, #0081c3);\n background-clip: padding-box, border-box;\n background-origin: border-box;\n border: 2px solid transparent;\n border-radius: 4px;\n`;\n\nexport const BaseRadarMenuButtonContent: Comp<MenuButtonContentProps, HTMLDivElement> = forwardRef((props, ref) => (\n <StyledMenuButtonContent {...props} ref={ref} />\n));\nBaseRadarMenuButtonContent.displayName = 'MenuButtonContent';\n\nexport const RadarMenuButtonContentHeader: Comp<MenuButtonContentHeaderProps, HTMLDivElement> = forwardRef(\n (props, ref) => (\n <MenuButtonContentHeader\n margin=\"24px 16px 8px\"\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"8px\"\n {...props}\n ref={ref}\n />\n )\n);\nRadarMenuButtonContentHeader.displayName = 'MenuButtonContentHeader';\n\nexport const RadarMenuButtonContentMenu: Comp<MenuButtonContentMenuProps, HTMLDivElement> = forwardRef((props, ref) => (\n <MenuButtonContentMenu margin=\"0 16px 20px 49px\" width=\"calc(100% - 64px)\" {...props} ref={ref} />\n));\nRadarMenuButtonContentMenu.displayName = 'MenuButtonContentMenu';\n\nexport const RadarMenuButtonContentFooter = MenuButtonContentFooter;\nRadarMenuButtonContentFooter.displayName = 'MenuButtonContentFooter';\n\nexport const RadarMenuButtonContent = Object.assign(BaseRadarMenuButtonContent, {\n Header: RadarMenuButtonContentHeader,\n Menu: RadarMenuButtonContentMenu,\n Footer: RadarMenuButtonContentFooter,\n});\n\nexport const RadarMenuButton = Object.assign(BaseRadarMenuButton, {\n Trigger: RadarMenuButtonTrigger,\n Content: RadarMenuButtonContent,\n});\n","import React from 'react';\nimport { MenuButtonContentMenuProps, MenuButtonProps } from '@redsift/pickers';\nimport { Comp, Flexbox, Icon, IconProps, Text } from '@redsift/design-system';\nimport { rsiSparkleGradient } from '@redsift/icons';\nimport { RadarButton } from '../radar-button';\nimport { RadarMenuButton } from './RadarMenuButton';\n\n/**\n * The RadarSimpleMenuButton component.\n */\n\nexport const RadarSimpleMenuButton: Comp<\n Omit<MenuButtonProps, 'children'> & { title: string; subtitle?: string; icon?: Omit<IconProps, 'ref'> } & Pick<\n MenuButtonContentMenuProps,\n 'children'\n >,\n HTMLDivElement\n> = (props) => {\n const { icon, children, ...forwardedProps } = props;\n\n return (\n <RadarMenuButton {...forwardedProps}>\n <RadarMenuButton.Trigger>\n <RadarButton />\n </RadarMenuButton.Trigger>\n <RadarMenuButton.Content>\n <RadarMenuButton.Content.Header>\n <Flexbox flexDirection=\"row\" gap=\"0\">\n <Icon icon={rsiSparkleGradient} size=\"medium\" marginRight=\"8px\" {...icon} />\n <Text fontSize=\"20px\" fontWeight=\"500\">\n How can I help?\n </Text>\n </Flexbox>\n <Flexbox marginLeft=\"32px\" marginRight=\"16px\">\n <Text fontSize=\"12px\">Based on your search here is some more help we can offer</Text>\n </Flexbox>\n </RadarMenuButton.Content.Header>\n <RadarMenuButton.Content.Menu>{children}</RadarMenuButton.Content.Menu>\n </RadarMenuButton.Content>\n </RadarMenuButton>\n );\n};\nRadarSimpleMenuButton.displayName = 'MenuButton';\n","import { RadarButton } from '../radar-button';\nimport { RadarItem } from '../radar-item';\nimport { RadarMenuButton, RadarSimpleMenuButton } from '../radar-menu-button';\n\nRadarButton.displayName = 'Button';\nRadarItem.displayName = 'Item';\nRadarMenuButton.displayName = 'MenuButton';\nRadarSimpleMenuButton.displayName = 'MenuButton';\n\nexport const RadarSimple = {\n MenuButton: RadarSimpleMenuButton,\n};\n\nexport const Radar = {\n Simple: RadarSimple,\n Button: RadarButton,\n Item: RadarItem,\n MenuButton: RadarMenuButton,\n};\n"],"names":["COMPONENT_NAME","CLASSNAME","RadarButton","forwardRef","props","ref","React","createElement","Button","_extends","variant","leftIcon","rsiRadarSparkleWhite","color","children","className","displayName","RadarItem","Item","padding","hasBorder","borderRadius","BaseRadarMenuButton","MenuButton","offset","minWidth","RadarMenuButtonTrigger","MenuButtonTrigger","StyledMenuButtonContent","styled","MenuButtonContent","BaseRadarMenuButtonContent","RadarMenuButtonContentHeader","MenuButtonContentHeader","margin","display","flexDirection","gap","RadarMenuButtonContentMenu","MenuButtonContentMenu","width","RadarMenuButtonContentFooter","MenuButtonContentFooter","RadarMenuButtonContent","Object","assign","Header","Menu","Footer","RadarMenuButton","Trigger","Content","RadarSimpleMenuButton","icon","forwardedProps","_objectWithoutProperties","_excluded","Flexbox","Icon","rsiSparkleGradient","size","marginRight","Text","fontSize","fontWeight","marginLeft","RadarSimple","Radar","Simple"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/components/radar-button/RadarButton.tsx","../src/components/radar-item/RadarItem.tsx","../src/components/radar-menu-button/RadarMenuButton.tsx","../src/components/radar-menu-button/RadarSimpleMenuButton.tsx","../src/components/radar/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Button, Comp, ButtonProps } from '@redsift/design-system';\nimport { rsiRadarSparkleWhite } from '@redsift/icons';\n\nconst COMPONENT_NAME = 'Button';\nconst CLASSNAME = 'redsift-radar-button';\n\n/**\n * The RadarButton component.\n */\nexport const RadarButton: Comp<ButtonProps, HTMLButtonElement> = forwardRef((props, ref) => {\n return (\n <Button variant=\"primary\" leftIcon={rsiRadarSparkleWhite} color=\"radar\" {...props} ref={ref}>\n {props.children || 'Radar'}\n </Button>\n );\n});\nRadarButton.className = CLASSNAME;\nRadarButton.displayName = COMPONENT_NAME;\n","import React, { forwardRef } from 'react';\n\nimport { Item, Comp, ItemProps } from '@redsift/design-system';\n\nconst COMPONENT_NAME = 'Item';\nconst CLASSNAME = 'redsift-radar-item';\n\n/**\n * The RadarItem component.\n */\nexport const RadarItem: Comp<ItemProps, HTMLDivElement> = forwardRef((props, ref) => (\n <Item padding=\"11px 15px\" color=\"radar\" hasBorder {...props} ref={ref} />\n));\nRadarItem.className = CLASSNAME;\nRadarItem.displayName = COMPONENT_NAME;\n","import React from 'react';\nimport {\n MenuButton,\n MenuButtonContent,\n MenuButtonContentProps,\n MenuButtonTrigger,\n MenuButtonContentFooter,\n MenuButtonContentHeaderProps,\n MenuButtonContentHeader,\n MenuButtonContentMenuProps,\n MenuButtonContentMenu,\n MenuButtonProps,\n} from '@redsift/pickers';\nimport { Comp } from '@redsift/design-system';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\n\n/**\n * The RadarMenuButton component.\n */\n\nexport const BaseRadarMenuButton: React.FC<MenuButtonProps> & {\n displayName?: string;\n className?: string;\n} = (props) => {\n return <MenuButton offset={0} minWidth={545} color=\"radar\" {...props} />;\n};\nBaseRadarMenuButton.displayName = 'MenuButton';\n\nexport const RadarMenuButtonTrigger = MenuButtonTrigger;\nRadarMenuButtonTrigger.displayName = 'MenuButtonTrigger';\n\nconst StyledMenuButtonContent = styled(MenuButtonContent)`\n background: transparent;\n background-image: linear-gradient(90deg, white, white), linear-gradient(90deg, #51b7a4, #0081c3);\n background-clip: padding-box, border-box;\n background-origin: border-box;\n border: 2px solid transparent;\n border-radius: 4px;\n`;\n\nexport const BaseRadarMenuButtonContent: Comp<MenuButtonContentProps, HTMLDivElement> = forwardRef((props, ref) => (\n <StyledMenuButtonContent {...props} ref={ref} />\n));\nBaseRadarMenuButtonContent.displayName = 'MenuButtonContent';\n\nexport const RadarMenuButtonContentHeader: Comp<MenuButtonContentHeaderProps, HTMLDivElement> = forwardRef(\n (props, ref) => (\n <MenuButtonContentHeader\n margin=\"24px 16px 8px\"\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"8px\"\n {...props}\n ref={ref}\n />\n )\n);\nRadarMenuButtonContentHeader.displayName = 'MenuButtonContentHeader';\n\nexport const RadarMenuButtonContentMenu: Comp<MenuButtonContentMenuProps, HTMLDivElement> = forwardRef((props, ref) => (\n <MenuButtonContentMenu margin=\"0 16px 20px 49px\" width=\"calc(100% - 64px)\" {...props} ref={ref} />\n));\nRadarMenuButtonContentMenu.displayName = 'MenuButtonContentMenu';\n\nexport const RadarMenuButtonContentFooter = MenuButtonContentFooter;\nRadarMenuButtonContentFooter.displayName = 'MenuButtonContentFooter';\n\nexport const RadarMenuButtonContent = Object.assign(BaseRadarMenuButtonContent, {\n Header: RadarMenuButtonContentHeader,\n Menu: RadarMenuButtonContentMenu,\n Footer: RadarMenuButtonContentFooter,\n});\n\nexport const RadarMenuButton = Object.assign(BaseRadarMenuButton, {\n Trigger: RadarMenuButtonTrigger,\n Content: RadarMenuButtonContent,\n});\n","import React from 'react';\nimport { MenuButtonContentMenuProps, MenuButtonProps } from '@redsift/pickers';\nimport { Comp, Flexbox, Icon, IconProps, Text } from '@redsift/design-system';\nimport { rsiSparkleGradient } from '@redsift/icons';\nimport { RadarButton } from '../radar-button';\nimport { RadarMenuButton } from './RadarMenuButton';\n\n/**\n * The RadarSimpleMenuButton component.\n */\n\nexport const RadarSimpleMenuButton: Comp<\n Omit<MenuButtonProps, 'children'> & { title: string; subtitle?: string; icon?: Omit<IconProps, 'ref'> } & Pick<\n MenuButtonContentMenuProps,\n 'children'\n >,\n HTMLDivElement\n> = (props) => {\n const { icon, children, ...forwardedProps } = props;\n\n return (\n <RadarMenuButton {...forwardedProps}>\n <RadarMenuButton.Trigger>\n <RadarButton />\n </RadarMenuButton.Trigger>\n <RadarMenuButton.Content>\n <RadarMenuButton.Content.Header>\n <Flexbox flexDirection=\"row\" gap=\"0\">\n <Icon icon={rsiSparkleGradient} size=\"medium\" marginRight=\"8px\" {...icon} />\n <Text fontSize=\"20px\" fontWeight=\"500\">\n How can I help?\n </Text>\n </Flexbox>\n <Flexbox marginLeft=\"32px\" marginRight=\"16px\">\n <Text fontSize=\"12px\">Based on your search here is some more help we can offer</Text>\n </Flexbox>\n </RadarMenuButton.Content.Header>\n <RadarMenuButton.Content.Menu>{children}</RadarMenuButton.Content.Menu>\n </RadarMenuButton.Content>\n </RadarMenuButton>\n );\n};\nRadarSimpleMenuButton.displayName = 'MenuButton';\n","import { RadarButton } from '../radar-button';\nimport { RadarItem } from '../radar-item/RadarItem';\nimport { RadarMenuButton, RadarSimpleMenuButton } from '../radar-menu-button';\n\nRadarButton.displayName = 'Button';\nRadarItem.displayName = 'Item';\nRadarMenuButton.displayName = 'MenuButton';\nRadarSimpleMenuButton.displayName = 'MenuButton';\n\nexport const RadarSimple = {\n MenuButton: RadarSimpleMenuButton,\n};\n\nexport const Radar = {\n Simple: RadarSimple,\n Button: RadarButton,\n Item: RadarItem,\n MenuButton: RadarMenuButton,\n};\n"],"names":["COMPONENT_NAME","CLASSNAME","RadarButton","forwardRef","props","ref","React","createElement","Button","_extends","variant","leftIcon","rsiRadarSparkleWhite","color","children","className","displayName","RadarItem","Item","padding","hasBorder","BaseRadarMenuButton","MenuButton","offset","minWidth","RadarMenuButtonTrigger","MenuButtonTrigger","StyledMenuButtonContent","styled","MenuButtonContent","BaseRadarMenuButtonContent","RadarMenuButtonContentHeader","MenuButtonContentHeader","margin","display","flexDirection","gap","RadarMenuButtonContentMenu","MenuButtonContentMenu","width","RadarMenuButtonContentFooter","MenuButtonContentFooter","RadarMenuButtonContent","Object","assign","Header","Menu","Footer","RadarMenuButton","Trigger","Content","RadarSimpleMenuButton","icon","forwardedProps","_objectWithoutProperties","_excluded","Flexbox","Icon","rsiSparkleGradient","size","marginRight","Text","fontSize","fontWeight","marginLeft","RadarSimple","Radar","Simple"],"mappings":"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"}
package/package.json CHANGED
@@ -30,11 +30,11 @@
30
30
  "test": "yarn test:unit && yarn test:storybook"
31
31
  },
32
32
  "types": "index.d.ts",
33
- "version": "10.3.0-alpha.11",
33
+ "version": "10.3.0-alpha.2",
34
34
  "dependencies": {
35
- "@redsift/design-system": "^10.3.0-alpha.11",
36
- "@redsift/icons": "^10.3.0-alpha.11",
37
- "@redsift/pickers": "^10.3.0-alpha.11",
35
+ "@redsift/design-system": "^10.3.0-alpha.2",
36
+ "@redsift/icons": "^10.3.0-alpha.2",
37
+ "@redsift/pickers": "^10.3.0-alpha.2",
38
38
  "classnames": "^2.3.1",
39
39
  "styled-components": "^5.3.5"
40
40
  },
@@ -88,12 +88,12 @@
88
88
  "ts-jest": "^28.0.3"
89
89
  },
90
90
  "peerDependencies": {
91
- "@redsift/design-system": "^10.3.0-0",
92
- "@redsift/icons": "^10.3.0-0",
93
- "@redsift/pickers": "^10.3.0-0",
91
+ "@redsift/design-system": "^10.2.0-0",
92
+ "@redsift/icons": "^10.2.0-0",
93
+ "@redsift/pickers": "^10.2.0-0",
94
94
  "react": ">=17",
95
95
  "react-dom": ">=17",
96
96
  "styled-components": "^5.3.5"
97
97
  },
98
- "gitHead": "28a0e71e11b7829eaf73f075d2ce53b18a0945bd"
98
+ "gitHead": "871d4b56470099c5f3f011f8e4300f95d0ed23d5"
99
99
  }