@elliemae/ds-square-indicator 3.4.2 → 3.4.3

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 (17) hide show
  1. package/dist/cjs/DSSquareIndicator.js +151 -103
  2. package/dist/cjs/DSSquareIndicator.js.map +1 -1
  3. package/dist/cjs/constants.js +4 -1
  4. package/dist/cjs/constants.js.map +1 -1
  5. package/dist/cjs/index.js +4 -1
  6. package/dist/cjs/index.js.map +1 -1
  7. package/dist/cjs/react-desc-prop-types.js +4 -1
  8. package/dist/cjs/react-desc-prop-types.js.map +1 -1
  9. package/dist/cjs/styled.js +4 -1
  10. package/dist/cjs/styled.js.map +1 -1
  11. package/dist/esm/DSSquareIndicator.js +147 -102
  12. package/dist/esm/DSSquareIndicator.js.map +1 -1
  13. package/dist/esm/constants.js.map +1 -1
  14. package/dist/esm/index.js.map +1 -1
  15. package/dist/esm/react-desc-prop-types.js.map +1 -1
  16. package/dist/esm/styled.js.map +1 -1
  17. package/package.json +5 -5
package/dist/cjs/DSSquareIndicator.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var DSSquareIndicator_exports = {};
23
26
  __export(DSSquareIndicator_exports, {
@@ -26,7 +29,8 @@ __export(DSSquareIndicator_exports, {
26
29
  });
27
30
  module.exports = __toCommonJS(DSSquareIndicator_exports);
28
31
  var React = __toESM(require("react"));
29
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
33
+ var import_react = require("react");
30
34
  var import_ds_grid = require("@elliemae/ds-grid");
31
35
  var import_ds_tooltip = require("@elliemae/ds-tooltip");
32
36
  var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -34,7 +38,9 @@ var import_uid = require("uid");
34
38
  var import_react_desc_prop_types = require("./react-desc-prop-types");
35
39
  var import_styled = require("./styled");
36
40
  var import_constants = require("./constants");
37
- const EmptyComp = (props) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, props.children);
41
+ const EmptyComp = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
42
+ children: props.children
43
+ });
38
44
  const DSSquareIndicator = (props) => {
39
45
  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
40
46
  const { height, width, cols, rows, ...globalAttributes } = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
@@ -43,110 +49,152 @@ const DSSquareIndicator = (props) => {
43
49
  const uniqueId = (0, import_react.useMemo)(() => (0, import_uid.uid)(16), []);
44
50
  const paddedCoordinate = (0, import_react.useMemo)(() => `calc(100% - ${import_constants.sizeToWeight[size]})`, [size]);
45
51
  const hexColor = (0, import_react.useMemo)(() => import_constants.colorToHex[color], [color]);
46
- return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
52
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
47
53
  gutter: "xs",
48
54
  justifyContent: "center",
49
55
  role: "status",
50
56
  "aria-label": text || "Loading...",
51
- ...globalAttributes
52
- }, /* @__PURE__ */ import_react.default.createElement(Wrapper, {
53
- text,
54
- textAlign: "center",
55
- startPlacementPreference: tooltipStartPlacementPreference
56
- }, /* @__PURE__ */ import_react.default.createElement("svg", {
57
- width: import_constants.sizeToPx[size],
58
- height: import_constants.sizeToPx[size],
59
- style: {
60
- display: "block",
61
- margin: "auto"
62
- }
63
- }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", {
64
- id: `${uniqueId}-lg1`,
65
- x1: "0",
66
- y1: "0",
67
- x2: "0",
68
- y2: "100%"
69
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
70
- offset: "20%",
71
- stopColor: `${hexColor}FF`
72
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
73
- offset: "80%",
74
- stopColor: `${hexColor}00`
75
- })), /* @__PURE__ */ import_react.default.createElement("linearGradient", {
76
- id: `${uniqueId}-lg2`,
77
- x1: "0",
78
- y1: "0",
79
- x2: "100%",
80
- y2: "0"
81
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
82
- offset: "10%",
83
- stopColor: `${hexColor}00`
84
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
85
- offset: "50%",
86
- stopColor: `${hexColor}FF`
87
- })), /* @__PURE__ */ import_react.default.createElement("linearGradient", {
88
- id: `${uniqueId}-lg3`,
89
- x1: "0",
90
- y1: "0",
91
- x2: "0",
92
- y2: "100%"
93
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
94
- offset: "10%",
95
- stopColor: `${hexColor}00`
96
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
97
- offset: "50%",
98
- stopColor: `${hexColor}FF`
99
- })), /* @__PURE__ */ import_react.default.createElement("linearGradient", {
100
- id: `${uniqueId}-lg4`,
101
- x1: "0",
102
- y1: "0",
103
- x2: "100%",
104
- y2: "0"
105
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
106
- offset: "50%",
107
- stopColor: `${hexColor}FF`
108
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
109
- offset: "90%",
110
- stopColor: `${hexColor}00`
111
- })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
112
- id: `${uniqueId}-lcp1`
113
- }, /* @__PURE__ */ import_react.default.createElement("rect", {
114
- x: import_constants.sizeToWeight[size],
115
- y: 0,
116
- width: "100%",
117
- height: import_constants.sizeToWeight[size]
118
- })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
119
- id: `${uniqueId}-lcp2`
120
- }, /* @__PURE__ */ import_react.default.createElement("rect", {
121
- x: paddedCoordinate,
122
- y: import_constants.sizeToWeight[size],
123
- width: import_constants.sizeToWeight[size],
124
- height: "100%"
125
- })), /* @__PURE__ */ import_react.default.createElement("clipPath", {
126
- id: `${uniqueId}-lcp3`
127
- }, /* @__PURE__ */ import_react.default.createElement("rect", {
128
- x: 0,
129
- y: paddedCoordinate,
130
- width: paddedCoordinate,
131
- height: import_constants.sizeToWeight[size]
132
- }))), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLineLeft, {
133
- size,
134
- fill: `url(#${uniqueId}-lg1)`
135
- }), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLineTop, {
136
- size,
137
- fill: `url(#${uniqueId}-lg2)`,
138
- clipPath: `url(#${uniqueId}-lcp1)`
139
- }), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLineRight, {
140
- size,
141
- fill: `url(#${uniqueId}-lg3)`,
142
- clipPath: `url(#${uniqueId}-lcp2)`
143
- }), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLineBottom, {
144
- size,
145
- fill: `url(#${uniqueId}-lg4)`,
146
- clipPath: `url(#${uniqueId}-lcp3)`
147
- })), text !== "" && showText && /* @__PURE__ */ import_react.default.createElement("span", {
148
- style: { color: import_constants.colorToHex[color], fontSize: import_constants.sizeToTextSize[size] }
149
- }, text)));
57
+ ...globalAttributes,
58
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
59
+ text,
60
+ textAlign: "center",
61
+ startPlacementPreference: tooltipStartPlacementPreference,
62
+ children: [
63
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
64
+ width: import_constants.sizeToPx[size],
65
+ height: import_constants.sizeToPx[size],
66
+ style: {
67
+ display: "block",
68
+ margin: "auto"
69
+ },
70
+ children: [
71
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", {
72
+ children: [
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
74
+ id: `${uniqueId}-lg1`,
75
+ x1: "0",
76
+ y1: "0",
77
+ x2: "0",
78
+ y2: "100%",
79
+ children: [
80
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
81
+ offset: "20%",
82
+ stopColor: `${hexColor}FF`
83
+ }),
84
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
85
+ offset: "80%",
86
+ stopColor: `${hexColor}00`
87
+ })
88
+ ]
89
+ }),
90
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
91
+ id: `${uniqueId}-lg2`,
92
+ x1: "0",
93
+ y1: "0",
94
+ x2: "100%",
95
+ y2: "0",
96
+ children: [
97
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
98
+ offset: "10%",
99
+ stopColor: `${hexColor}00`
100
+ }),
101
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
102
+ offset: "50%",
103
+ stopColor: `${hexColor}FF`
104
+ })
105
+ ]
106
+ }),
107
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
108
+ id: `${uniqueId}-lg3`,
109
+ x1: "0",
110
+ y1: "0",
111
+ x2: "0",
112
+ y2: "100%",
113
+ children: [
114
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
115
+ offset: "10%",
116
+ stopColor: `${hexColor}00`
117
+ }),
118
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
119
+ offset: "50%",
120
+ stopColor: `${hexColor}FF`
121
+ })
122
+ ]
123
+ }),
124
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
125
+ id: `${uniqueId}-lg4`,
126
+ x1: "0",
127
+ y1: "0",
128
+ x2: "100%",
129
+ y2: "0",
130
+ children: [
131
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
132
+ offset: "50%",
133
+ stopColor: `${hexColor}FF`
134
+ }),
135
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
136
+ offset: "90%",
137
+ stopColor: `${hexColor}00`
138
+ })
139
+ ]
140
+ }),
141
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
142
+ id: `${uniqueId}-lcp1`,
143
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
144
+ x: import_constants.sizeToWeight[size],
145
+ y: 0,
146
+ width: "100%",
147
+ height: import_constants.sizeToWeight[size]
148
+ })
149
+ }),
150
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
151
+ id: `${uniqueId}-lcp2`,
152
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
153
+ x: paddedCoordinate,
154
+ y: import_constants.sizeToWeight[size],
155
+ width: import_constants.sizeToWeight[size],
156
+ height: "100%"
157
+ })
158
+ }),
159
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
160
+ id: `${uniqueId}-lcp3`,
161
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
162
+ x: 0,
163
+ y: paddedCoordinate,
164
+ width: paddedCoordinate,
165
+ height: import_constants.sizeToWeight[size]
166
+ })
167
+ })
168
+ ]
169
+ }),
170
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineLeft, {
171
+ size,
172
+ fill: `url(#${uniqueId}-lg1)`
173
+ }),
174
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineTop, {
175
+ size,
176
+ fill: `url(#${uniqueId}-lg2)`,
177
+ clipPath: `url(#${uniqueId}-lcp1)`
178
+ }),
179
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineRight, {
180
+ size,
181
+ fill: `url(#${uniqueId}-lg3)`,
182
+ clipPath: `url(#${uniqueId}-lcp2)`
183
+ }),
184
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineBottom, {
185
+ size,
186
+ fill: `url(#${uniqueId}-lg4)`,
187
+ clipPath: `url(#${uniqueId}-lcp3)`
188
+ })
189
+ ]
190
+ }),
191
+ text !== "" && showText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
192
+ style: { color: import_constants.colorToHex[color], fontSize: import_constants.sizeToTextSize[size] },
193
+ children: text
194
+ })
195
+ ]
196
+ })
197
+ });
150
198
  };
151
199
  DSSquareIndicator.propTypes = import_react_desc_prop_types.SquareIndicatorPropTypes;
152
200
  DSSquareIndicator.displayName = "DSSquareIndicator";
package/dist/cjs/DSSquareIndicator.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSSquareIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable @typescript-eslint/naming-convention */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { defaultProps, DSSquareIndicatorT, SquareIndicatorPropTypes } from './react-desc-prop-types';\nimport { StyledLineLeft, StyledLineTop, StyledLineRight, StyledLineBottom } from './styled';\nimport { colorToHex, sizeToPx, sizeToTextSize, sizeToWeight } from './constants';\n\n// eslint-disable-next-line react/jsx-no-useless-fragment\nconst EmptyComp: typeof DSTooltipV3 = (props) => <>{props.children}</>;\n\nexport const DSSquareIndicator: React.ComponentType<DSSquareIndicatorT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<Required<DSSquareIndicatorT.Props>>(props, defaultProps);\n const { height, width, cols, rows, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);\n\n const { size, color, text, showText, withTooltip, tooltipStartPlacementPreference } = propsWithDefault;\n\n const Wrapper: typeof DSTooltipV3 = useMemo(() => (withTooltip ? DSTooltipV3 : EmptyComp), [withTooltip]);\n\n const uniqueId = useMemo(() => uid(16), []);\n const paddedCoordinate = useMemo(() => `calc(100% - ${sizeToWeight[size]})`, [size]);\n\n const hexColor = useMemo(() => colorToHex[color], [color]);\n\n return (\n <Grid gutter=\"xs\" justifyContent=\"center\" role=\"status\" aria-label={text || 'Loading...'} {...globalAttributes}>\n <Wrapper text={text} textAlign=\"center\" startPlacementPreference={tooltipStartPlacementPreference}>\n <svg\n width={sizeToPx[size]}\n height={sizeToPx[size]}\n style={{\n display: 'block',\n margin: 'auto',\n }}\n >\n <defs>\n <linearGradient id={`${uniqueId}-lg1`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"100%\">\n <stop offset=\"20%\" stopColor={`${hexColor}FF`} />\n <stop offset=\"80%\" stopColor={`${hexColor}00`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg2`} x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n <stop offset=\"10%\" stopColor={`${hexColor}00`} />\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg3`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"100%\">\n <stop offset=\"10%\" stopColor={`${hexColor}00`} />\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg4`} x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n <stop offset=\"90%\" stopColor={`${hexColor}00`} />\n </linearGradient>\n <clipPath id={`${uniqueId}-lcp1`}>\n <rect x={sizeToWeight[size]} y={0} width=\"100%\" height={sizeToWeight[size]} />\n </clipPath>\n <clipPath id={`${uniqueId}-lcp2`}>\n <rect x={paddedCoordinate} y={sizeToWeight[size]} width={sizeToWeight[size]} height=\"100%\" />\n </clipPath>\n <clipPath id={`${uniqueId}-lcp3`}>\n <rect x={0} y={paddedCoordinate} width={paddedCoordinate} height={sizeToWeight[size]} />\n </clipPath>\n </defs>\n <StyledLineLeft size={size} fill={`url(#${uniqueId}-lg1)`} />\n <StyledLineTop size={size} fill={`url(#${uniqueId}-lg2)`} clipPath={`url(#${uniqueId}-lcp1)`} />\n <StyledLineRight size={size} fill={`url(#${uniqueId}-lg3)`} clipPath={`url(#${uniqueId}-lcp2)`} />\n <StyledLineBottom size={size} fill={`url(#${uniqueId}-lg4)`} clipPath={`url(#${uniqueId}-lcp3)`} />\n </svg>\n {text !== '' && showText && (\n <span style={{ color: colorToHex[color], fontSize: sizeToTextSize[size] }}>{text}</span>\n )}\n </Wrapper>\n </Grid>\n );\n};\n\nDSSquareIndicator.propTypes = SquareIndicatorPropTypes;\nDSSquareIndicator.displayName = 'DSSquareIndicator';\nexport const DSSquareIndicatorWithSchema = describe(DSSquareIndicator);\nDSSquareIndicatorWithSchema.propTypes = SquareIndicatorPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/cjs/constants.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var constants_exports = {};
23
26
  __export(constants_exports, {
package/dist/cjs/constants.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/constants.ts", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const sizeToPx = {\n xs: '16px',\n s: '24px',\n m: '32px',\n l: '48px',\n xl: '56px',\n xxl: '64px',\n};\n\nexport const sizeToWeight = {\n xs: '3px',\n s: '3px',\n m: '3px',\n l: '4px',\n xl: '5px',\n xxl: '6px',\n};\n\nexport const colorToHex = {\n light: '#FFFFFF',\n dark: '#0F364A',\n};\n\nexport const sizeToTextSize = {\n xs: '12px',\n s: '12px',\n m: '12px',\n l: '13px',\n xl: '14px',\n xxl: '16px',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,eAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,MAAM;AACR;AAEO,MAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,eAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,MAAM;AACR;AAEO,MAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;",
6
6
  "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var src_exports = {};
23
26
  __export(src_exports, {
package/dist/cjs/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export { DSSquareIndicator, DSSquareIndicatorWithSchema } from './DSSquareIndicator';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAA+D;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAA+D;",
6
6
  "names": []
7
7
  }
package/dist/cjs/react-desc-prop-types.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var react_desc_prop_types_exports = {};
23
26
  __export(react_desc_prop_types_exports, {
package/dist/cjs/react-desc-prop-types.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable max-lines */\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nexport declare namespace DSSquareIndicatorT {\n interface Props {\n size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n color?: 'light' | 'dark';\n text?: string;\n showText?: boolean;\n withTooltip: boolean;\n tooltipStartPlacementPreference?:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n }\n}\n\nexport const SquareIndicatorPropTypes = {\n ...globalAttributesPropTypes,\n size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl']).description('Size of the indicator').defaultValue('m'),\n color: PropTypes.oneOf(['light', 'dark']).description('Color mode for the indicator').defaultValue('dark'),\n text: PropTypes.string.description('Optional text to show under the indicator').defaultValue(''),\n showText: PropTypes.bool.description('Whether to show the optional text or not').defaultValue(true),\n withTooltip: PropTypes.bool\n .description('Whether to include a tooltip that shows the optional text on hover')\n .defaultValue(false),\n tooltipStartPlacementPreference: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preference for the tooltip')\n .defaultValue('center'),\n} as WeakValidationMap<unknown>;\n\nexport const defaultProps: DSSquareIndicatorT.Props = {\n size: 'm',\n color: 'dark',\n text: '',\n showText: true,\n withTooltip: false,\n tooltipStartPlacementPreference: 'bottom',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAqD;AA0B9C,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,MAAM,8BAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EAC/G,OAAO,8BAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,8BAA8B,EAAE,aAAa,MAAM;AAAA,EACzG,MAAM,8BAAU,OAAO,YAAY,2CAA2C,EAAE,aAAa,EAAE;AAAA,EAC/F,UAAU,8BAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,IAAI;AAAA,EAClG,aAAa,8BAAU,KACpB,YAAY,oEAAoE,EAChF,aAAa,KAAK;AAAA,EACrB,iCAAiC,8BAAU,MAAM;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,4CAA4C,EACxD,aAAa,QAAQ;AAC1B;AAEO,MAAM,eAAyC;AAAA,EACpD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iCAAiC;AACnC;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAqD;AA0B9C,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,MAAM,8BAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EAC/G,OAAO,8BAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,8BAA8B,EAAE,aAAa,MAAM;AAAA,EACzG,MAAM,8BAAU,OAAO,YAAY,2CAA2C,EAAE,aAAa,EAAE;AAAA,EAC/F,UAAU,8BAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,IAAI;AAAA,EAClG,aAAa,8BAAU,KACpB,YAAY,oEAAoE,EAChF,aAAa,KAAK;AAAA,EACrB,iCAAiC,8BAAU,MAAM;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,4CAA4C,EACxD,aAAa,QAAQ;AAC1B;AAEO,MAAM,eAAyC;AAAA,EACpD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iCAAiC;AACnC;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var styled_exports = {};
23
26
  __export(styled_exports, {
package/dist/cjs/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { kfrm, styled } from '@elliemae/ds-system';\nimport { DSSquareIndicatorT } from './react-desc-prop-types';\nimport { sizeToWeight } from './constants';\n\ninterface RectProps {\n size: Required<DSSquareIndicatorT.Props>['size'];\n}\n\nconst lineLeftAnimation = kfrm`\n 0% {\n y: 100%;\n height: 100%;\n }\n 12.5%, 50% {\n y: 0;\n height: 100%;\n }\n 62.5%, 100% {\n y: -100%;\n height: 100%;\n }\n`;\n\nconst lineTopAnimation = kfrm`\n 0% {\n x: -100%;\n width: 0%;\n }\n 25%, 50% {\n x: -100%;\n width: 200%;\n }\n 75%, 100% {\n x: 100%;\n width: 200%;\n }\n`;\n\nconst lineRightAnimation = kfrm`\n 0%, 12.5% {\n y: -100%;\n height: 0%;\n }\n 37.5%, 62.5% {\n y: -100%;\n height: 200%;\n }\n 87.5%, 100% {\n y: 100%;\n height: 200%;\n }\n`;\n\nconst lineBottomAnimation = kfrm`\n 0%, 25% {\n x: 200%;\n width: 200%;\n }\n 50%, 75% {\n x: 0%;\n width: 200%;\n }\n 100% {\n x: -200%;\n width: 200%;\n }\n`;\n\nexport const StyledLineLeft = styled.rect<RectProps>`\n x: 0;\n y: 0%;\n width: ${({ size }) => sizeToWeight[size]};\n height: 100%;\n animation: ${lineLeftAnimation} 2.5s linear 0s infinite;\n`;\n\nexport const StyledLineTop = styled.rect<RectProps>`\n x: -100%;\n y: 0;\n width: 200%;\n height: ${({ size }) => sizeToWeight[size]};\n animation: ${lineTopAnimation} 2.5s linear 0s infinite;\n`;\n\nexport const StyledLineRight = styled.rect<RectProps>`\n x: calc(100% - ${({ size }) => sizeToWeight[size]});\n y: -100%;\n width: ${({ size }) => sizeToWeight[size]};\n height: 200%;\n animation: ${lineRightAnimation} 2.5s linear 0s infinite;\n`;\n\nexport const StyledLineBottom = styled.rect<RectProps>`\n x: 0%;\n y: calc(100% - ${({ size }) => sizeToWeight[size]});\n width: 200%;\n height: ${({ size }) => sizeToWeight[size]};\n animation: ${lineBottomAnimation} 2.5s linear 0s infinite;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA6B;AAE7B,uBAA6B;AAM7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAezB,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAerB,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,WAG1B,CAAC,EAAE,WAAW,8BAAa;AAAA;AAAA,eAEvB;AAAA;AAGR,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,EAAE,WAAW,8BAAa;AAAA,eACxB;AAAA;AAGR,MAAM,kBAAkB,wBAAO;AAAA,mBACnB,CAAC,EAAE,WAAW,8BAAa;AAAA;AAAA,WAEnC,CAAC,EAAE,WAAW,8BAAa;AAAA;AAAA,eAEvB;AAAA;AAGR,MAAM,mBAAmB,wBAAO;AAAA;AAAA,mBAEpB,CAAC,EAAE,WAAW,8BAAa;AAAA;AAAA,YAElC,CAAC,EAAE,WAAW,8BAAa;AAAA,eACxB;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA6B;AAE7B,uBAA6B;AAM7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAezB,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAerB,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,WAG1B,CAAC,EAAE,KAAK,MAAM,8BAAa;AAAA;AAAA,eAEvB;AAAA;AAGR,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,EAAE,KAAK,MAAM,8BAAa;AAAA,eACxB;AAAA;AAGR,MAAM,kBAAkB,wBAAO;AAAA,mBACnB,CAAC,EAAE,KAAK,MAAM,8BAAa;AAAA;AAAA,WAEnC,CAAC,EAAE,KAAK,MAAM,8BAAa;AAAA;AAAA,eAEvB;AAAA;AAGR,MAAM,mBAAmB,wBAAO;AAAA;AAAA,mBAEpB,CAAC,EAAE,KAAK,MAAM,8BAAa;AAAA;AAAA,YAElC,CAAC,EAAE,KAAK,MAAM,8BAAa;AAAA,eACxB;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSSquareIndicator.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
- import React2, { useMemo } from "react";
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { useMemo } from "react";
3
4
  import { Grid } from "@elliemae/ds-grid";
4
5
  import { DSTooltipV3 } from "@elliemae/ds-tooltip";
5
6
  import { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
@@ -7,7 +8,9 @@ import { uid } from "uid";
7
8
  import { defaultProps, SquareIndicatorPropTypes } from "./react-desc-prop-types";
8
9
  import { StyledLineLeft, StyledLineTop, StyledLineRight, StyledLineBottom } from "./styled";
9
10
  import { colorToHex, sizeToPx, sizeToTextSize, sizeToWeight } from "./constants";
10
- const EmptyComp = (props) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, props.children);
11
+ const EmptyComp = (props) => /* @__PURE__ */ jsx(Fragment, {
12
+ children: props.children
13
+ });
11
14
  const DSSquareIndicator = (props) => {
12
15
  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
13
16
  const { height, width, cols, rows, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);
@@ -16,110 +19,152 @@ const DSSquareIndicator = (props) => {
16
19
  const uniqueId = useMemo(() => uid(16), []);
17
20
  const paddedCoordinate = useMemo(() => `calc(100% - ${sizeToWeight[size]})`, [size]);
18
21
  const hexColor = useMemo(() => colorToHex[color], [color]);
19
- return /* @__PURE__ */ React2.createElement(Grid, {
22
+ return /* @__PURE__ */ jsx(Grid, {
20
23
  gutter: "xs",
21
24
  justifyContent: "center",
22
25
  role: "status",
23
26
  "aria-label": text || "Loading...",
24
- ...globalAttributes
25
- }, /* @__PURE__ */ React2.createElement(Wrapper, {
26
- text,
27
- textAlign: "center",
28
- startPlacementPreference: tooltipStartPlacementPreference
29
- }, /* @__PURE__ */ React2.createElement("svg", {
30
- width: sizeToPx[size],
31
- height: sizeToPx[size],
32
- style: {
33
- display: "block",
34
- margin: "auto"
35
- }
36
- }, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("linearGradient", {
37
- id: `${uniqueId}-lg1`,
38
- x1: "0",
39
- y1: "0",
40
- x2: "0",
41
- y2: "100%"
42
- }, /* @__PURE__ */ React2.createElement("stop", {
43
- offset: "20%",
44
- stopColor: `${hexColor}FF`
45
- }), /* @__PURE__ */ React2.createElement("stop", {
46
- offset: "80%",
47
- stopColor: `${hexColor}00`
48
- })), /* @__PURE__ */ React2.createElement("linearGradient", {
49
- id: `${uniqueId}-lg2`,
50
- x1: "0",
51
- y1: "0",
52
- x2: "100%",
53
- y2: "0"
54
- }, /* @__PURE__ */ React2.createElement("stop", {
55
- offset: "10%",
56
- stopColor: `${hexColor}00`
57
- }), /* @__PURE__ */ React2.createElement("stop", {
58
- offset: "50%",
59
- stopColor: `${hexColor}FF`
60
- })), /* @__PURE__ */ React2.createElement("linearGradient", {
61
- id: `${uniqueId}-lg3`,
62
- x1: "0",
63
- y1: "0",
64
- x2: "0",
65
- y2: "100%"
66
- }, /* @__PURE__ */ React2.createElement("stop", {
67
- offset: "10%",
68
- stopColor: `${hexColor}00`
69
- }), /* @__PURE__ */ React2.createElement("stop", {
70
- offset: "50%",
71
- stopColor: `${hexColor}FF`
72
- })), /* @__PURE__ */ React2.createElement("linearGradient", {
73
- id: `${uniqueId}-lg4`,
74
- x1: "0",
75
- y1: "0",
76
- x2: "100%",
77
- y2: "0"
78
- }, /* @__PURE__ */ React2.createElement("stop", {
79
- offset: "50%",
80
- stopColor: `${hexColor}FF`
81
- }), /* @__PURE__ */ React2.createElement("stop", {
82
- offset: "90%",
83
- stopColor: `${hexColor}00`
84
- })), /* @__PURE__ */ React2.createElement("clipPath", {
85
- id: `${uniqueId}-lcp1`
86
- }, /* @__PURE__ */ React2.createElement("rect", {
87
- x: sizeToWeight[size],
88
- y: 0,
89
- width: "100%",
90
- height: sizeToWeight[size]
91
- })), /* @__PURE__ */ React2.createElement("clipPath", {
92
- id: `${uniqueId}-lcp2`
93
- }, /* @__PURE__ */ React2.createElement("rect", {
94
- x: paddedCoordinate,
95
- y: sizeToWeight[size],
96
- width: sizeToWeight[size],
97
- height: "100%"
98
- })), /* @__PURE__ */ React2.createElement("clipPath", {
99
- id: `${uniqueId}-lcp3`
100
- }, /* @__PURE__ */ React2.createElement("rect", {
101
- x: 0,
102
- y: paddedCoordinate,
103
- width: paddedCoordinate,
104
- height: sizeToWeight[size]
105
- }))), /* @__PURE__ */ React2.createElement(StyledLineLeft, {
106
- size,
107
- fill: `url(#${uniqueId}-lg1)`
108
- }), /* @__PURE__ */ React2.createElement(StyledLineTop, {
109
- size,
110
- fill: `url(#${uniqueId}-lg2)`,
111
- clipPath: `url(#${uniqueId}-lcp1)`
112
- }), /* @__PURE__ */ React2.createElement(StyledLineRight, {
113
- size,
114
- fill: `url(#${uniqueId}-lg3)`,
115
- clipPath: `url(#${uniqueId}-lcp2)`
116
- }), /* @__PURE__ */ React2.createElement(StyledLineBottom, {
117
- size,
118
- fill: `url(#${uniqueId}-lg4)`,
119
- clipPath: `url(#${uniqueId}-lcp3)`
120
- })), text !== "" && showText && /* @__PURE__ */ React2.createElement("span", {
121
- style: { color: colorToHex[color], fontSize: sizeToTextSize[size] }
122
- }, text)));
27
+ ...globalAttributes,
28
+ children: /* @__PURE__ */ jsxs(Wrapper, {
29
+ text,
30
+ textAlign: "center",
31
+ startPlacementPreference: tooltipStartPlacementPreference,
32
+ children: [
33
+ /* @__PURE__ */ jsxs("svg", {
34
+ width: sizeToPx[size],
35
+ height: sizeToPx[size],
36
+ style: {
37
+ display: "block",
38
+ margin: "auto"
39
+ },
40
+ children: [
41
+ /* @__PURE__ */ jsxs("defs", {
42
+ children: [
43
+ /* @__PURE__ */ jsxs("linearGradient", {
44
+ id: `${uniqueId}-lg1`,
45
+ x1: "0",
46
+ y1: "0",
47
+ x2: "0",
48
+ y2: "100%",
49
+ children: [
50
+ /* @__PURE__ */ jsx("stop", {
51
+ offset: "20%",
52
+ stopColor: `${hexColor}FF`
53
+ }),
54
+ /* @__PURE__ */ jsx("stop", {
55
+ offset: "80%",
56
+ stopColor: `${hexColor}00`
57
+ })
58
+ ]
59
+ }),
60
+ /* @__PURE__ */ jsxs("linearGradient", {
61
+ id: `${uniqueId}-lg2`,
62
+ x1: "0",
63
+ y1: "0",
64
+ x2: "100%",
65
+ y2: "0",
66
+ children: [
67
+ /* @__PURE__ */ jsx("stop", {
68
+ offset: "10%",
69
+ stopColor: `${hexColor}00`
70
+ }),
71
+ /* @__PURE__ */ jsx("stop", {
72
+ offset: "50%",
73
+ stopColor: `${hexColor}FF`
74
+ })
75
+ ]
76
+ }),
77
+ /* @__PURE__ */ jsxs("linearGradient", {
78
+ id: `${uniqueId}-lg3`,
79
+ x1: "0",
80
+ y1: "0",
81
+ x2: "0",
82
+ y2: "100%",
83
+ children: [
84
+ /* @__PURE__ */ jsx("stop", {
85
+ offset: "10%",
86
+ stopColor: `${hexColor}00`
87
+ }),
88
+ /* @__PURE__ */ jsx("stop", {
89
+ offset: "50%",
90
+ stopColor: `${hexColor}FF`
91
+ })
92
+ ]
93
+ }),
94
+ /* @__PURE__ */ jsxs("linearGradient", {
95
+ id: `${uniqueId}-lg4`,
96
+ x1: "0",
97
+ y1: "0",
98
+ x2: "100%",
99
+ y2: "0",
100
+ children: [
101
+ /* @__PURE__ */ jsx("stop", {
102
+ offset: "50%",
103
+ stopColor: `${hexColor}FF`
104
+ }),
105
+ /* @__PURE__ */ jsx("stop", {
106
+ offset: "90%",
107
+ stopColor: `${hexColor}00`
108
+ })
109
+ ]
110
+ }),
111
+ /* @__PURE__ */ jsx("clipPath", {
112
+ id: `${uniqueId}-lcp1`,
113
+ children: /* @__PURE__ */ jsx("rect", {
114
+ x: sizeToWeight[size],
115
+ y: 0,
116
+ width: "100%",
117
+ height: sizeToWeight[size]
118
+ })
119
+ }),
120
+ /* @__PURE__ */ jsx("clipPath", {
121
+ id: `${uniqueId}-lcp2`,
122
+ children: /* @__PURE__ */ jsx("rect", {
123
+ x: paddedCoordinate,
124
+ y: sizeToWeight[size],
125
+ width: sizeToWeight[size],
126
+ height: "100%"
127
+ })
128
+ }),
129
+ /* @__PURE__ */ jsx("clipPath", {
130
+ id: `${uniqueId}-lcp3`,
131
+ children: /* @__PURE__ */ jsx("rect", {
132
+ x: 0,
133
+ y: paddedCoordinate,
134
+ width: paddedCoordinate,
135
+ height: sizeToWeight[size]
136
+ })
137
+ })
138
+ ]
139
+ }),
140
+ /* @__PURE__ */ jsx(StyledLineLeft, {
141
+ size,
142
+ fill: `url(#${uniqueId}-lg1)`
143
+ }),
144
+ /* @__PURE__ */ jsx(StyledLineTop, {
145
+ size,
146
+ fill: `url(#${uniqueId}-lg2)`,
147
+ clipPath: `url(#${uniqueId}-lcp1)`
148
+ }),
149
+ /* @__PURE__ */ jsx(StyledLineRight, {
150
+ size,
151
+ fill: `url(#${uniqueId}-lg3)`,
152
+ clipPath: `url(#${uniqueId}-lcp2)`
153
+ }),
154
+ /* @__PURE__ */ jsx(StyledLineBottom, {
155
+ size,
156
+ fill: `url(#${uniqueId}-lg4)`,
157
+ clipPath: `url(#${uniqueId}-lcp3)`
158
+ })
159
+ ]
160
+ }),
161
+ text !== "" && showText && /* @__PURE__ */ jsx("span", {
162
+ style: { color: colorToHex[color], fontSize: sizeToTextSize[size] },
163
+ children: text
164
+ })
165
+ ]
166
+ })
167
+ });
123
168
  };
124
169
  DSSquareIndicator.propTypes = SquareIndicatorPropTypes;
125
170
  DSSquareIndicator.displayName = "DSSquareIndicator";
package/dist/esm/DSSquareIndicator.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSquareIndicator.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/naming-convention */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { defaultProps, DSSquareIndicatorT, SquareIndicatorPropTypes } from './react-desc-prop-types';\nimport { StyledLineLeft, StyledLineTop, StyledLineRight, StyledLineBottom } from './styled';\nimport { colorToHex, sizeToPx, sizeToTextSize, sizeToWeight } from './constants';\n\n// eslint-disable-next-line react/jsx-no-useless-fragment\nconst EmptyComp: typeof DSTooltipV3 = (props) => <>{props.children}</>;\n\nexport const DSSquareIndicator: React.ComponentType<DSSquareIndicatorT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<Required<DSSquareIndicatorT.Props>>(props, defaultProps);\n const { height, width, cols, rows, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);\n\n const { size, color, text, showText, withTooltip, tooltipStartPlacementPreference } = propsWithDefault;\n\n const Wrapper: typeof DSTooltipV3 = useMemo(() => (withTooltip ? DSTooltipV3 : EmptyComp), [withTooltip]);\n\n const uniqueId = useMemo(() => uid(16), []);\n const paddedCoordinate = useMemo(() => `calc(100% - ${sizeToWeight[size]})`, [size]);\n\n const hexColor = useMemo(() => colorToHex[color], [color]);\n\n return (\n <Grid gutter=\"xs\" justifyContent=\"center\" role=\"status\" aria-label={text || 'Loading...'} {...globalAttributes}>\n <Wrapper text={text} textAlign=\"center\" startPlacementPreference={tooltipStartPlacementPreference}>\n <svg\n width={sizeToPx[size]}\n height={sizeToPx[size]}\n style={{\n display: 'block',\n margin: 'auto',\n }}\n >\n <defs>\n <linearGradient id={`${uniqueId}-lg1`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"100%\">\n <stop offset=\"20%\" stopColor={`${hexColor}FF`} />\n <stop offset=\"80%\" stopColor={`${hexColor}00`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg2`} x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n <stop offset=\"10%\" stopColor={`${hexColor}00`} />\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg3`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"100%\">\n <stop offset=\"10%\" stopColor={`${hexColor}00`} />\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg4`} x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n <stop offset=\"90%\" stopColor={`${hexColor}00`} />\n </linearGradient>\n <clipPath id={`${uniqueId}-lcp1`}>\n <rect x={sizeToWeight[size]} y={0} width=\"100%\" height={sizeToWeight[size]} />\n </clipPath>\n <clipPath id={`${uniqueId}-lcp2`}>\n <rect x={paddedCoordinate} y={sizeToWeight[size]} width={sizeToWeight[size]} height=\"100%\" />\n </clipPath>\n <clipPath id={`${uniqueId}-lcp3`}>\n <rect x={0} y={paddedCoordinate} width={paddedCoordinate} height={sizeToWeight[size]} />\n </clipPath>\n </defs>\n <StyledLineLeft size={size} fill={`url(#${uniqueId}-lg1)`} />\n <StyledLineTop size={size} fill={`url(#${uniqueId}-lg2)`} clipPath={`url(#${uniqueId}-lcp1)`} />\n <StyledLineRight size={size} fill={`url(#${uniqueId}-lg3)`} clipPath={`url(#${uniqueId}-lcp2)`} />\n <StyledLineBottom size={size} fill={`url(#${uniqueId}-lg4)`} clipPath={`url(#${uniqueId}-lcp3)`} />\n </svg>\n {text !== '' && showText && (\n <span style={{ color: colorToHex[color], fontSize: sizeToTextSize[size] }}>{text}</span>\n )}\n </Wrapper>\n </Grid>\n );\n};\n\nDSSquareIndicator.propTypes = SquareIndicatorPropTypes;\nDSSquareIndicator.displayName = 'DSSquareIndicator';\nexport const DSSquareIndicatorWithSchema = describe(DSSquareIndicator);\nDSSquareIndicatorWithSchema.propTypes = SquareIndicatorPropTypes;\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/esm/constants.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/constants.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const sizeToPx = {\n xs: '16px',\n s: '24px',\n m: '32px',\n l: '48px',\n xl: '56px',\n xxl: '64px',\n};\n\nexport const sizeToWeight = {\n xs: '3px',\n s: '3px',\n m: '3px',\n l: '4px',\n xl: '5px',\n xxl: '6px',\n};\n\nexport const colorToHex = {\n light: '#FFFFFF',\n dark: '#0F364A',\n};\n\nexport const sizeToTextSize = {\n xs: '12px',\n s: '12px',\n m: '12px',\n l: '13px',\n xl: '14px',\n xxl: '16px',\n};\n"],
5
- "mappings": "AAAA;ACAO,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,eAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,MAAM;AACR;AAEO,MAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,eAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,MAAM;AACR;AAEO,MAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;",
6
6
  "names": []
7
7
  }
package/dist/esm/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSSquareIndicator, DSSquareIndicatorWithSchema } from './DSSquareIndicator';\n"],
5
- "mappings": "AAAA;ACAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB,mCAAmC;",
6
6
  "names": []
7
7
  }
package/dist/esm/react-desc-prop-types.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nexport declare namespace DSSquareIndicatorT {\n interface Props {\n size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n color?: 'light' | 'dark';\n text?: string;\n showText?: boolean;\n withTooltip: boolean;\n tooltipStartPlacementPreference?:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n }\n}\n\nexport const SquareIndicatorPropTypes = {\n ...globalAttributesPropTypes,\n size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl']).description('Size of the indicator').defaultValue('m'),\n color: PropTypes.oneOf(['light', 'dark']).description('Color mode for the indicator').defaultValue('dark'),\n text: PropTypes.string.description('Optional text to show under the indicator').defaultValue(''),\n showText: PropTypes.bool.description('Whether to show the optional text or not').defaultValue(true),\n withTooltip: PropTypes.bool\n .description('Whether to include a tooltip that shows the optional text on hover')\n .defaultValue(false),\n tooltipStartPlacementPreference: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preference for the tooltip')\n .defaultValue('center'),\n} as WeakValidationMap<unknown>;\n\nexport const defaultProps: DSSquareIndicatorT.Props = {\n size: 'm',\n color: 'dark',\n text: '',\n showText: true,\n withTooltip: false,\n tooltipStartPlacementPreference: 'bottom',\n};\n"],
5
- "mappings": "AAAA;ACCA;AA0BO,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,MAAM,UAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EAC/G,OAAO,UAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,8BAA8B,EAAE,aAAa,MAAM;AAAA,EACzG,MAAM,UAAU,OAAO,YAAY,2CAA2C,EAAE,aAAa,EAAE;AAAA,EAC/F,UAAU,UAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,IAAI;AAAA,EAClG,aAAa,UAAU,KACpB,YAAY,oEAAoE,EAChF,aAAa,KAAK;AAAA,EACrB,iCAAiC,UAAU,MAAM;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,4CAA4C,EACxD,aAAa,QAAQ;AAC1B;AAEO,MAAM,eAAyC;AAAA,EACpD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iCAAiC;AACnC;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,iCAAiC;AA0B9C,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,MAAM,UAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EAC/G,OAAO,UAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,8BAA8B,EAAE,aAAa,MAAM;AAAA,EACzG,MAAM,UAAU,OAAO,YAAY,2CAA2C,EAAE,aAAa,EAAE;AAAA,EAC/F,UAAU,UAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,IAAI;AAAA,EAClG,aAAa,UAAU,KACpB,YAAY,oEAAoE,EAChF,aAAa,KAAK;AAAA,EACrB,iCAAiC,UAAU,MAAM;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,4CAA4C,EACxD,aAAa,QAAQ;AAC1B;AAEO,MAAM,eAAyC;AAAA,EACpD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iCAAiC;AACnC;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { kfrm, styled } from '@elliemae/ds-system';\nimport { DSSquareIndicatorT } from './react-desc-prop-types';\nimport { sizeToWeight } from './constants';\n\ninterface RectProps {\n size: Required<DSSquareIndicatorT.Props>['size'];\n}\n\nconst lineLeftAnimation = kfrm`\n 0% {\n y: 100%;\n height: 100%;\n }\n 12.5%, 50% {\n y: 0;\n height: 100%;\n }\n 62.5%, 100% {\n y: -100%;\n height: 100%;\n }\n`;\n\nconst lineTopAnimation = kfrm`\n 0% {\n x: -100%;\n width: 0%;\n }\n 25%, 50% {\n x: -100%;\n width: 200%;\n }\n 75%, 100% {\n x: 100%;\n width: 200%;\n }\n`;\n\nconst lineRightAnimation = kfrm`\n 0%, 12.5% {\n y: -100%;\n height: 0%;\n }\n 37.5%, 62.5% {\n y: -100%;\n height: 200%;\n }\n 87.5%, 100% {\n y: 100%;\n height: 200%;\n }\n`;\n\nconst lineBottomAnimation = kfrm`\n 0%, 25% {\n x: 200%;\n width: 200%;\n }\n 50%, 75% {\n x: 0%;\n width: 200%;\n }\n 100% {\n x: -200%;\n width: 200%;\n }\n`;\n\nexport const StyledLineLeft = styled.rect<RectProps>`\n x: 0;\n y: 0%;\n width: ${({ size }) => sizeToWeight[size]};\n height: 100%;\n animation: ${lineLeftAnimation} 2.5s linear 0s infinite;\n`;\n\nexport const StyledLineTop = styled.rect<RectProps>`\n x: -100%;\n y: 0;\n width: 200%;\n height: ${({ size }) => sizeToWeight[size]};\n animation: ${lineTopAnimation} 2.5s linear 0s infinite;\n`;\n\nexport const StyledLineRight = styled.rect<RectProps>`\n x: calc(100% - ${({ size }) => sizeToWeight[size]});\n y: -100%;\n width: ${({ size }) => sizeToWeight[size]};\n height: 200%;\n animation: ${lineRightAnimation} 2.5s linear 0s infinite;\n`;\n\nexport const StyledLineBottom = styled.rect<RectProps>`\n x: 0%;\n y: calc(100% - ${({ size }) => sizeToWeight[size]});\n width: 200%;\n height: ${({ size }) => sizeToWeight[size]};\n animation: ${lineBottomAnimation} 2.5s linear 0s infinite;\n`;\n"],
5
- "mappings": "AAAA;ACAA;AAEA;AAMA,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAezB,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAerB,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,WAG1B,CAAC,EAAE,WAAW,aAAa;AAAA;AAAA,eAEvB;AAAA;AAGR,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,EAAE,WAAW,aAAa;AAAA,eACxB;AAAA;AAGR,MAAM,kBAAkB,OAAO;AAAA,mBACnB,CAAC,EAAE,WAAW,aAAa;AAAA;AAAA,WAEnC,CAAC,EAAE,WAAW,aAAa;AAAA;AAAA,eAEvB;AAAA;AAGR,MAAM,mBAAmB,OAAO;AAAA;AAAA,mBAEpB,CAAC,EAAE,WAAW,aAAa;AAAA;AAAA,YAElC,CAAC,EAAE,WAAW,aAAa;AAAA,eACxB;AAAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,MAAM,cAAc;AAE7B,SAAS,oBAAoB;AAM7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAezB,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAerB,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,WAG1B,CAAC,EAAE,KAAK,MAAM,aAAa;AAAA;AAAA,eAEvB;AAAA;AAGR,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,EAAE,KAAK,MAAM,aAAa;AAAA,eACxB;AAAA;AAGR,MAAM,kBAAkB,OAAO;AAAA,mBACnB,CAAC,EAAE,KAAK,MAAM,aAAa;AAAA;AAAA,WAEnC,CAAC,EAAE,KAAK,MAAM,aAAa;AAAA;AAAA,eAEvB;AAAA;AAGR,MAAM,mBAAmB,OAAO;AAAA;AAAA,mBAEpB,CAAC,EAAE,KAAK,MAAM,aAAa;AAAA;AAAA,YAElC,CAAC,EAAE,KAAK,MAAM,aAAa;AAAA,eACxB;AAAA;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-square-indicator",
3
- "version": "3.4.2",
3
+ "version": "3.4.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Indeterminate Progress Indicator",
6
6
  "files": [
@@ -43,10 +43,10 @@
43
43
  "indent": 4
44
44
  },
45
45
  "dependencies": {
46
- "@elliemae/ds-grid": "3.4.2",
47
- "@elliemae/ds-system": "3.4.2",
48
- "@elliemae/ds-tooltip": "3.4.2",
49
- "@elliemae/ds-utilities": "3.4.2",
46
+ "@elliemae/ds-grid": "3.4.3",
47
+ "@elliemae/ds-system": "3.4.3",
48
+ "@elliemae/ds-tooltip": "3.4.3",
49
+ "@elliemae/ds-utilities": "3.4.3",
50
50
  "styled-components": "^5.3.5",
51
51
  "uid": "^2.0.0"
52
52
  },