glints-aries 4.0.245 → 4.0.247
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/es/@next/Bar/Bar.d.ts +3 -0
- package/es/@next/Bar/Bar.js +12 -3
- package/es/@next/Bar/Bar.stories.d.ts +2 -0
- package/es/@next/Bar/BarStyle.d.ts +1 -0
- package/es/@next/Bar/BarStyle.js +7 -3
- package/es/@next/Select/Select.d.ts +2 -1
- package/es/@next/Select/Select.js +19 -0
- package/es/@next/Select/Select.stories.d.ts +2 -0
- package/es/@next/Select/components/Activator/ActivatorTextInput.js +2 -0
- package/es/@next/Select/components/OptionList/OptionList.d.ts +3 -2
- package/es/@next/Select/components/OptionList/OptionList.js +22 -3
- package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInput.d.ts +2 -0
- package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js +6 -1
- package/es/@next/Select/selectStoryHelper/SearchableSingleSelect.d.ts +2 -0
- package/es/@next/Select/selectStoryHelper/SearchableSingleSelect.js +143 -2
- package/es/@next/SideSheet/SideSheet.d.ts +17 -0
- package/es/@next/SideSheet/SideSheet.js +100 -0
- package/es/@next/SideSheet/SideSheet.stories.d.ts +6 -0
- package/es/@next/SideSheet/SideSheetStyle.d.ts +8 -0
- package/es/@next/SideSheet/SideSheetStyle.js +35 -0
- package/es/@next/SideSheet/index.d.ts +1 -0
- package/es/@next/SideSheet/index.js +1 -0
- package/es/helpers/debounce.d.ts +1 -0
- package/es/helpers/debounce.js +16 -0
- package/lib/@next/Bar/Bar.d.ts +3 -0
- package/lib/@next/Bar/Bar.js +11 -2
- package/lib/@next/Bar/Bar.stories.d.ts +2 -0
- package/lib/@next/Bar/BarStyle.d.ts +1 -0
- package/lib/@next/Bar/BarStyle.js +9 -4
- package/lib/@next/Select/Select.d.ts +2 -1
- package/lib/@next/Select/Select.js +19 -0
- package/lib/@next/Select/Select.stories.d.ts +2 -0
- package/lib/@next/Select/components/Activator/ActivatorTextInput.js +2 -0
- package/lib/@next/Select/components/OptionList/OptionList.d.ts +3 -2
- package/lib/@next/Select/components/OptionList/OptionList.js +23 -3
- package/lib/@next/Select/components/SearchableSelectInput/SearchableSelectInput.d.ts +2 -0
- package/lib/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js +6 -1
- package/lib/@next/Select/selectStoryHelper/SearchableSingleSelect.d.ts +2 -0
- package/lib/@next/Select/selectStoryHelper/SearchableSingleSelect.js +146 -3
- package/lib/@next/SideSheet/SideSheet.d.ts +17 -0
- package/lib/@next/SideSheet/SideSheet.js +107 -0
- package/lib/@next/SideSheet/SideSheet.stories.d.ts +6 -0
- package/lib/@next/SideSheet/SideSheetStyle.d.ts +8 -0
- package/lib/@next/SideSheet/SideSheetStyle.js +50 -0
- package/lib/@next/SideSheet/index.d.ts +1 -0
- package/lib/@next/SideSheet/index.js +9 -0
- package/lib/helpers/debounce.d.ts +1 -0
- package/lib/helpers/debounce.js +21 -0
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const StyledSideSheetWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const StyledSideSheetContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export declare const StyledSideSheetHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
+
export declare const StyledButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
export declare const StyledRightContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const StyledHorizontalLine: import("styled-components").StyledComponent<"hr", any, {}, never>;
|
|
7
|
+
export declare const StyledSideSheetFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
+
export declare const StyledButtonGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.StyledSideSheetWrapper = exports.StyledSideSheetHeader = exports.StyledSideSheetFooter = exports.StyledSideSheetContainer = exports.StyledRightContainer = exports.StyledHorizontalLine = exports.StyledButtonGroupContainer = exports.StyledButtonContainer = void 0;
|
|
6
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
7
|
+
var _colors = require("../utilities/colors");
|
|
8
|
+
var Breakpoints = _interopRequireWildcard(require("../utilities/breakpoints"));
|
|
9
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
10
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
11
|
+
var StyledSideSheetWrapper = _styledComponents["default"].div.withConfig({
|
|
12
|
+
displayName: "SideSheetStyle__StyledSideSheetWrapper",
|
|
13
|
+
componentId: "sc-z0rzf0-0"
|
|
14
|
+
})(["position:fixed;inset:0;background-color:rgba(45,45,45,0.5);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:999;animation:fade-in2 0.2s;&.closed{animation:fade-out2 0.2s;}@keyframes fade-in2{0%{opacity:0;}100%{opacity:1;}}@keyframes fade-out2{0%{opacity:1;}100%{opacity:0;}}"]);
|
|
15
|
+
exports.StyledSideSheetWrapper = StyledSideSheetWrapper;
|
|
16
|
+
var StyledSideSheetContainer = _styledComponents["default"].div.withConfig({
|
|
17
|
+
displayName: "SideSheetStyle__StyledSideSheetContainer",
|
|
18
|
+
componentId: "sc-z0rzf0-1"
|
|
19
|
+
})(["position:absolute;display:flex;flex-direction:column;width:480px;height:100vh;background:", ";box-shadow:0px 26px 80px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,0.2);overflow:hidden;animation:slide-in 0.2s;top:0;right:0;&.closed{animation:slide-out 0.2s;}@keyframes slide-in{0%{opacity:0;transform:translateX(100%);}100%{opacity:1;}}@keyframes slide-out{0%{opacity:0;}100%{opacity:1;transform:translateX(100%);}}@media (max-width:", "){width:100vw;}"], _colors.Neutral.B100, Breakpoints.large);
|
|
20
|
+
exports.StyledSideSheetContainer = StyledSideSheetContainer;
|
|
21
|
+
var StyledSideSheetHeader = _styledComponents["default"].div.withConfig({
|
|
22
|
+
displayName: "SideSheetStyle__StyledSideSheetHeader",
|
|
23
|
+
componentId: "sc-z0rzf0-2"
|
|
24
|
+
})(["display:flex;align-items:top;padding:16px 20px;"]);
|
|
25
|
+
exports.StyledSideSheetHeader = StyledSideSheetHeader;
|
|
26
|
+
var StyledButtonContainer = _styledComponents["default"].div.withConfig({
|
|
27
|
+
displayName: "SideSheetStyle__StyledButtonContainer",
|
|
28
|
+
componentId: "sc-z0rzf0-3"
|
|
29
|
+
})(["cursor:pointer;margin:4px 8px 4px 0px;svg{width:24px;fill:", ";}"], _colors.Neutral.B40);
|
|
30
|
+
exports.StyledButtonContainer = StyledButtonContainer;
|
|
31
|
+
var StyledRightContainer = _styledComponents["default"].div.withConfig({
|
|
32
|
+
displayName: "SideSheetStyle__StyledRightContainer",
|
|
33
|
+
componentId: "sc-z0rzf0-4"
|
|
34
|
+
})(["margin-left:auto;"]);
|
|
35
|
+
exports.StyledRightContainer = StyledRightContainer;
|
|
36
|
+
var StyledHorizontalLine = _styledComponents["default"].hr.withConfig({
|
|
37
|
+
displayName: "SideSheetStyle__StyledHorizontalLine",
|
|
38
|
+
componentId: "sc-z0rzf0-5"
|
|
39
|
+
})(["height:1px;background-color:", ";margin:0px 0px;border:none;"], _colors.Neutral.B95);
|
|
40
|
+
exports.StyledHorizontalLine = StyledHorizontalLine;
|
|
41
|
+
var StyledSideSheetFooter = _styledComponents["default"].div.withConfig({
|
|
42
|
+
displayName: "SideSheetStyle__StyledSideSheetFooter",
|
|
43
|
+
componentId: "sc-z0rzf0-6"
|
|
44
|
+
})(["margin-top:auto;"]);
|
|
45
|
+
exports.StyledSideSheetFooter = StyledSideSheetFooter;
|
|
46
|
+
var StyledButtonGroupContainer = _styledComponents["default"].div.withConfig({
|
|
47
|
+
displayName: "SideSheetStyle__StyledButtonGroupContainer",
|
|
48
|
+
componentId: "sc-z0rzf0-7"
|
|
49
|
+
})(["margin:16px 20px;"]);
|
|
50
|
+
exports.StyledButtonGroupContainer = StyledButtonGroupContainer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SideSheet';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _SideSheet = require("./SideSheet");
|
|
5
|
+
Object.keys(_SideSheet).forEach(function (key) {
|
|
6
|
+
if (key === "default" || key === "__esModule") return;
|
|
7
|
+
if (key in exports && exports[key] === _SideSheet[key]) return;
|
|
8
|
+
exports[key] = _SideSheet[key];
|
|
9
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const debounce: (func: any, delay?: number) => (...args: any) => void;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.debounce = void 0;
|
|
5
|
+
var _this = void 0;
|
|
6
|
+
var debounce = function debounce(func, delay) {
|
|
7
|
+
if (delay === void 0) {
|
|
8
|
+
delay = 500;
|
|
9
|
+
}
|
|
10
|
+
var timeoutID;
|
|
11
|
+
return function () {
|
|
12
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
13
|
+
args[_key] = arguments[_key];
|
|
14
|
+
}
|
|
15
|
+
clearTimeout(timeoutID);
|
|
16
|
+
timeoutID = setTimeout(function () {
|
|
17
|
+
func.apply(_this, args);
|
|
18
|
+
}, delay);
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
exports.debounce = debounce;
|