glints-aries 4.0.277 → 4.0.279

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 (9) hide show
  1. package/es/@next/Card/Card.js +1 -4
  2. package/es/@next/Select/Select.d.ts +2 -1
  3. package/es/@next/Select/Select.js +5 -2
  4. package/es/@next/Tabs/TabStyle.js +2 -2
  5. package/lib/@next/Card/Card.js +1 -4
  6. package/lib/@next/Select/Select.d.ts +2 -1
  7. package/lib/@next/Select/Select.js +5 -2
  8. package/lib/@next/Tabs/TabStyle.js +2 -2
  9. package/package.json +1 -1
package/es/@next/Card/Card.js CHANGED
@@ -40,10 +40,7 @@ var CardComponent = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
40
40
  ref: ref
41
41
  }, showHeader && /*#__PURE__*/React.createElement(StyledCardHeaderWrapper, null, /*#__PURE__*/React.createElement(StyledCardHeaderLeftContainer, null, headerMarkup()), /*#__PURE__*/React.createElement(StyledCardHeaderRightContainer, null, /*#__PURE__*/React.createElement(ButtonGroup, {
42
42
  fullWidth: false,
43
- isButtonWrapped: true,
44
- style: {
45
- gap: '4px'
46
- }
43
+ isButtonWrapped: true
47
44
  }, headerSecondaryAction && /*#__PURE__*/React.createElement(DestructivePlainButton, _extends({
48
45
  onClick: headerSecondaryAction.action,
49
46
  size: "slim"
package/es/@next/Select/Select.d.ts CHANGED
@@ -15,6 +15,7 @@ export interface SelectProps {
15
15
  /** Margin Top = 8 ; Option height = 48 ; optionListHeight = (n options * option height) + margin top; */
16
16
  listHeight?: number;
17
17
  loadingOptions?: boolean;
18
+ name?: string;
18
19
  onClose?: () => void;
19
20
  onRemoveTag?({ option }: {
20
21
  option: string;
@@ -40,5 +41,5 @@ export interface SelectProps {
40
41
  /** sets z-index override for option list dropdown. z-index default to 400 */
41
42
  zIndexOverride?: number;
42
43
  }
43
- export declare const Select: ({ allowMultiple, disabled, hasError, helpText, label, listHeight, loadingOptions, onClose, onRemoveTag, onSelect, optionListFitContent, options, placeholder, prefix, searchable, searchableProps, scrollable, sections, selectedValues, width, zIndexOverride, }: SelectProps) => JSX.Element;
44
+ export declare const Select: ({ allowMultiple, disabled, hasError, helpText, label, listHeight, loadingOptions, name, onClose, onRemoveTag, onSelect, optionListFitContent, options, placeholder, prefix, searchable, searchableProps, scrollable, sections, selectedValues, width, zIndexOverride, }: SelectProps) => JSX.Element;
44
45
  export {};
package/es/@next/Select/Select.js CHANGED
@@ -18,6 +18,7 @@ export var Select = function Select(_ref) {
18
18
  listHeight = _ref.listHeight,
19
19
  _ref$loadingOptions = _ref.loadingOptions,
20
20
  loadingOptions = _ref$loadingOptions === void 0 ? false : _ref$loadingOptions,
21
+ name = _ref.name,
21
22
  onClose = _ref.onClose,
22
23
  onRemoveTag = _ref.onRemoveTag,
23
24
  onSelect = _ref.onSelect,
@@ -120,7 +121,8 @@ export var Select = function Select(_ref) {
120
121
  },
121
122
  options: options,
122
123
  updateMenuOptions: updateMenuOptions,
123
- prefix: prefix
124
+ prefix: prefix,
125
+ name: name
124
126
  });
125
127
  }
126
128
  return /*#__PURE__*/React.createElement(ActivatorSelect, {
@@ -132,7 +134,8 @@ export var Select = function Select(_ref) {
132
134
  onSelectClick: handleSelectClick,
133
135
  width: width,
134
136
  selectedValues: selectedValues,
135
- options: options
137
+ options: options,
138
+ name: name
136
139
  });
137
140
  };
138
141
  return /*#__PURE__*/React.createElement(Popover, {
package/es/@next/Tabs/TabStyle.js CHANGED
@@ -9,7 +9,7 @@ export var StyledTabsContainer = styled.div.withConfig({
9
9
  export var StyledTabHeaderContainer = styled.div.withConfig({
10
10
  displayName: "TabStyle__StyledTabHeaderContainer",
11
11
  componentId: "sc-3xj4eu-1"
12
- })(["box-shadow:inset 0px -1px 0px #e1e3e5;overflow-x:auto;white-space:nowrap;background:transparent;position:relative;margin:", " 0;::-webkit-scrollbar{display:none;}&[data-scroll-left='true']{box-shadow:30px 0 50px -50px #474747 inset;}&[data-scroll-right='true']{box-shadow:-30px 0px 50px -50px #474747 inset;}&[data-scroll-left='true'][data-scroll-right='true']{box-shadow:30px 0 50px -50px #474747 inset,-30px 0px 50px -50px #474747 inset;}&[data-grabbing='true']{cursor:grabbing;}"], space16);
12
+ })(["box-shadow:inset 0px -1px 0px #e1e3e5;overflow-x:auto;white-space:nowrap;background:transparent;position:relative;margin:0;::-webkit-scrollbar{display:none;}&[data-scroll-left='true']{box-shadow:30px 0 50px -50px #474747 inset;}&[data-scroll-right='true']{box-shadow:-30px 0px 50px -50px #474747 inset;}&[data-scroll-left='true'][data-scroll-right='true']{box-shadow:30px 0 50px -50px #474747 inset,-30px 0px 50px -50px #474747 inset;}&[data-grabbing='true']{cursor:grabbing;}"]);
13
13
  export var StyledUl = styled.ul.withConfig({
14
14
  displayName: "TabStyle__StyledUl",
15
15
  componentId: "sc-3xj4eu-2"
@@ -25,4 +25,4 @@ export var StyledSpan = styled.span.withConfig({
25
25
  export var StyledTabButton = styled.button.withConfig({
26
26
  displayName: "TabStyle__StyledTabButton",
27
27
  componentId: "sc-3xj4eu-5"
28
- })(["border:0;background:transparent;height:56px;cursor:pointer;color:", ";margin-bottom:1px;width:100%;padding:0 ", ";&:hover{color:", ";}&:hover span::before{background:", ";}&[data-selected='true']{color:", ";}&[data-selected='true'] > span::before{background:", ";}@media (max-width:", "){height:48px;}"], Neutral.B40, space4, Neutral.B18, Blue.S100, Blue.S99, Blue.S99, Breakpoints.large);
28
+ })(["border:0;background:transparent;height:56px;cursor:pointer;color:", ";width:100%;padding:0 ", ";&:hover{color:", ";}&:hover span::before{background:", ";}&[data-selected='true']{color:", ";}&[data-selected='true'] > span::before{background:", ";}@media (max-width:", "){height:48px;}"], Neutral.B40, space4, Neutral.B18, Blue.S100, Blue.S99, Blue.S99, Breakpoints.large);
package/lib/@next/Card/Card.js CHANGED
@@ -45,10 +45,7 @@ var CardComponent = /*#__PURE__*/_react["default"].forwardRef(function Card(_ref
45
45
  ref: ref
46
46
  }, showHeader && /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderWrapper, null, /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderLeftContainer, null, headerMarkup()), /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderRightContainer, null, /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, {
47
47
  fullWidth: false,
48
- isButtonWrapped: true,
49
- style: {
50
- gap: '4px'
51
- }
48
+ isButtonWrapped: true
52
49
  }, headerSecondaryAction && /*#__PURE__*/_react["default"].createElement(_DestructivePlainButtonStyle.DestructivePlainButton, (0, _extends2["default"])({
53
50
  onClick: headerSecondaryAction.action,
54
51
  size: "slim"
package/lib/@next/Select/Select.d.ts CHANGED
@@ -15,6 +15,7 @@ export interface SelectProps {
15
15
  /** Margin Top = 8 ; Option height = 48 ; optionListHeight = (n options * option height) + margin top; */
16
16
  listHeight?: number;
17
17
  loadingOptions?: boolean;
18
+ name?: string;
18
19
  onClose?: () => void;
19
20
  onRemoveTag?({ option }: {
20
21
  option: string;
@@ -40,5 +41,5 @@ export interface SelectProps {
40
41
  /** sets z-index override for option list dropdown. z-index default to 400 */
41
42
  zIndexOverride?: number;
42
43
  }
43
- export declare const Select: ({ allowMultiple, disabled, hasError, helpText, label, listHeight, loadingOptions, onClose, onRemoveTag, onSelect, optionListFitContent, options, placeholder, prefix, searchable, searchableProps, scrollable, sections, selectedValues, width, zIndexOverride, }: SelectProps) => JSX.Element;
44
+ export declare const Select: ({ allowMultiple, disabled, hasError, helpText, label, listHeight, loadingOptions, name, onClose, onRemoveTag, onSelect, optionListFitContent, options, placeholder, prefix, searchable, searchableProps, scrollable, sections, selectedValues, width, zIndexOverride, }: SelectProps) => JSX.Element;
44
45
  export {};
package/lib/@next/Select/Select.js CHANGED
@@ -24,6 +24,7 @@ var Select = function Select(_ref) {
24
24
  listHeight = _ref.listHeight,
25
25
  _ref$loadingOptions = _ref.loadingOptions,
26
26
  loadingOptions = _ref$loadingOptions === void 0 ? false : _ref$loadingOptions,
27
+ name = _ref.name,
27
28
  onClose = _ref.onClose,
28
29
  onRemoveTag = _ref.onRemoveTag,
29
30
  onSelect = _ref.onSelect,
@@ -126,7 +127,8 @@ var Select = function Select(_ref) {
126
127
  },
127
128
  options: options,
128
129
  updateMenuOptions: updateMenuOptions,
129
- prefix: prefix
130
+ prefix: prefix,
131
+ name: name
130
132
  });
131
133
  }
132
134
  return /*#__PURE__*/_react["default"].createElement(_ActivatorSelect.ActivatorSelect, {
@@ -138,7 +140,8 @@ var Select = function Select(_ref) {
138
140
  onSelectClick: handleSelectClick,
139
141
  width: width,
140
142
  selectedValues: selectedValues,
141
- options: options
143
+ options: options,
144
+ name: name
142
145
  });
143
146
  };
144
147
  return /*#__PURE__*/_react["default"].createElement(_Popover.Popover, {
package/lib/@next/Tabs/TabStyle.js CHANGED
@@ -17,7 +17,7 @@ exports.StyledTabsContainer = StyledTabsContainer;
17
17
  var StyledTabHeaderContainer = _styledComponents["default"].div.withConfig({
18
18
  displayName: "TabStyle__StyledTabHeaderContainer",
19
19
  componentId: "sc-3xj4eu-1"
20
- })(["box-shadow:inset 0px -1px 0px #e1e3e5;overflow-x:auto;white-space:nowrap;background:transparent;position:relative;margin:", " 0;::-webkit-scrollbar{display:none;}&[data-scroll-left='true']{box-shadow:30px 0 50px -50px #474747 inset;}&[data-scroll-right='true']{box-shadow:-30px 0px 50px -50px #474747 inset;}&[data-scroll-left='true'][data-scroll-right='true']{box-shadow:30px 0 50px -50px #474747 inset,-30px 0px 50px -50px #474747 inset;}&[data-grabbing='true']{cursor:grabbing;}"], _spacing.space16);
20
+ })(["box-shadow:inset 0px -1px 0px #e1e3e5;overflow-x:auto;white-space:nowrap;background:transparent;position:relative;margin:0;::-webkit-scrollbar{display:none;}&[data-scroll-left='true']{box-shadow:30px 0 50px -50px #474747 inset;}&[data-scroll-right='true']{box-shadow:-30px 0px 50px -50px #474747 inset;}&[data-scroll-left='true'][data-scroll-right='true']{box-shadow:30px 0 50px -50px #474747 inset,-30px 0px 50px -50px #474747 inset;}&[data-grabbing='true']{cursor:grabbing;}"]);
21
21
  exports.StyledTabHeaderContainer = StyledTabHeaderContainer;
22
22
  var StyledUl = _styledComponents["default"].ul.withConfig({
23
23
  displayName: "TabStyle__StyledUl",
@@ -37,5 +37,5 @@ exports.StyledSpan = StyledSpan;
37
37
  var StyledTabButton = _styledComponents["default"].button.withConfig({
38
38
  displayName: "TabStyle__StyledTabButton",
39
39
  componentId: "sc-3xj4eu-5"
40
- })(["border:0;background:transparent;height:56px;cursor:pointer;color:", ";margin-bottom:1px;width:100%;padding:0 ", ";&:hover{color:", ";}&:hover span::before{background:", ";}&[data-selected='true']{color:", ";}&[data-selected='true'] > span::before{background:", ";}@media (max-width:", "){height:48px;}"], _colors.Neutral.B40, _spacing.space4, _colors.Neutral.B18, _colors.Blue.S100, _colors.Blue.S99, _colors.Blue.S99, Breakpoints.large);
40
+ })(["border:0;background:transparent;height:56px;cursor:pointer;color:", ";width:100%;padding:0 ", ";&:hover{color:", ";}&:hover span::before{background:", ";}&[data-selected='true']{color:", ";}&[data-selected='true'] > span::before{background:", ";}@media (max-width:", "){height:48px;}"], _colors.Neutral.B40, _spacing.space4, _colors.Neutral.B18, _colors.Blue.S100, _colors.Blue.S99, _colors.Blue.S99, Breakpoints.large);
41
41
  exports.StyledTabButton = StyledTabButton;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.277",
3
+ "version": "4.0.279",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",