@sproutsocial/seeds-react-indicator 1.0.32 → 1.0.41

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.
@@ -8,14 +8,14 @@ $ tsup --dts
8
8
  CLI Cleaning output folder
9
9
  CJS Build start
10
10
  ESM Build start
11
- CJS dist/index.js 3.23 KB
12
- CJS dist/index.js.map 2.58 KB
13
- CJS ⚡️ Build success in 19ms
14
- ESM dist/esm/index.js 1.34 KB
15
- ESM dist/esm/index.js.map 2.50 KB
16
- ESM ⚡️ Build success in 19ms
11
+ CJS dist/index.js 3.29 KB
12
+ CJS dist/index.js.map 2.64 KB
13
+ CJS ⚡️ Build success in 86ms
14
+ ESM dist/esm/index.js 1.39 KB
15
+ ESM dist/esm/index.js.map 2.57 KB
16
+ ESM ⚡️ Build success in 87ms
17
17
  DTS Build start
18
- DTS ⚡️ Build success in 7415ms
18
+ DTS ⚡️ Build success in 6915ms
19
19
  DTS dist/index.d.ts 548.00 B
20
20
  DTS dist/index.d.mts 548.00 B
21
- Done in 9.21s.
21
+ Done in 8.77s.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,79 @@
1
1
  # @sproutsocial/seeds-react-indicator
2
2
 
3
+ ## 1.0.41
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [a13a571]
8
+ - @sproutsocial/seeds-react-theme@4.1.1
9
+ - @sproutsocial/seeds-react-icon@2.4.1
10
+ - @sproutsocial/seeds-react-mixins@4.3.8
11
+
12
+ ## 1.0.40
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies [69c9d02]
17
+ - @sproutsocial/seeds-react-icon@2.4.0
18
+
19
+ ## 1.0.39
20
+
21
+ ### Patch Changes
22
+
23
+ - Updated dependencies [5892f44]
24
+ - @sproutsocial/seeds-react-system-props@3.1.1
25
+ - @sproutsocial/seeds-react-icon@2.3.13
26
+
27
+ ## 1.0.38
28
+
29
+ ### Patch Changes
30
+
31
+ - Updated dependencies [5114a32]
32
+ - @sproutsocial/seeds-react-theme@4.1.0
33
+ - @sproutsocial/seeds-react-icon@2.3.12
34
+ - @sproutsocial/seeds-react-mixins@4.3.7
35
+
36
+ ## 1.0.37
37
+
38
+ ### Patch Changes
39
+
40
+ - 524c887: adjust indicator icon position in container to be vertically and horizontally centered
41
+
42
+ ## 1.0.36
43
+
44
+ ### Patch Changes
45
+
46
+ - Updated dependencies [132ef9d]
47
+ - Updated dependencies [132ef9d]
48
+ - @sproutsocial/seeds-react-theme@4.0.0
49
+ - @sproutsocial/seeds-react-system-props@3.1.0
50
+ - @sproutsocial/seeds-react-icon@2.3.11
51
+ - @sproutsocial/seeds-react-mixins@4.3.6
52
+
53
+ ## 1.0.35
54
+
55
+ ### Patch Changes
56
+
57
+ - @sproutsocial/seeds-react-icon@2.3.10
58
+
59
+ ## 1.0.34
60
+
61
+ ### Patch Changes
62
+
63
+ - Updated dependencies [47c62b3]
64
+ - @sproutsocial/seeds-react-theme@3.7.1
65
+ - @sproutsocial/seeds-react-icon@2.3.9
66
+ - @sproutsocial/seeds-react-mixins@4.3.5
67
+
68
+ ## 1.0.33
69
+
70
+ ### Patch Changes
71
+
72
+ - Updated dependencies [06da9c2]
73
+ - @sproutsocial/seeds-react-theme@3.7.0
74
+ - @sproutsocial/seeds-react-icon@2.3.8
75
+ - @sproutsocial/seeds-react-mixins@4.3.4
76
+
3
77
  ## 1.0.32
4
78
 
5
79
  ### Patch Changes
package/dist/esm/index.js CHANGED
@@ -10,7 +10,9 @@ var Container = styled.span.attrs({
10
10
  className: "Indicator"
11
11
  })`
12
12
  position: relative;
13
- display: block;
13
+ display: inline-flex;
14
+ justify-content: center;
15
+ align-items: center;
14
16
  width: ${(props) => props.theme.space[400]};
15
17
  height: ${(props) => props.theme.space[400]};
16
18
  font-size: 10px;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Indicator.tsx","../../src/styles.ts","../../src/IndicatorTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Icon from \"@sproutsocial/seeds-react-icon\";\nimport Container from \"./styles\";\nimport type { TypeIndicatorProps } from \"./IndicatorTypes\";\n\nexport const Indicator = ({ tooltip = \"\", ...rest }: TypeIndicatorProps) => {\n return (\n <Container\n data-tip={tooltip}\n data-qa-indicator=\"\"\n aria-label={tooltip}\n tabIndex={0}\n {...rest}\n >\n {tooltip && <div>{tooltip}</div>}\n <Icon name=\"circle-fill-solid\" size=\"mini\" aria-hidden />\n </Container>\n );\n};\n","import styled from \"styled-components\";\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\nimport { visuallyHidden } from \"@sproutsocial/seeds-react-mixins\";\n\nconst Container = styled.span.attrs({\n className: \"Indicator\",\n})`\n position: relative;\n display: block;\n width: ${(props) => props.theme.space[400]};\n height: ${(props) => props.theme.space[400]};\n font-size: 10px;\n line-height: 0;\n color: ${(props) => props.color ?? props.theme.colors.icon.info};\n text-align: center;\n\n > div {\n ${visuallyHidden}\n }\n\n ${COMMON}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type {\n TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeIndicatorProps\n extends TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n tooltip?: string;\n}\n","import { Indicator } from \"./Indicator\";\n\nexport default Indicator;\nexport { Indicator };\nexport * from \"./IndicatorTypes\";\n"],"mappings":";AAAA,OAAuB;AACvB,OAAO,UAAU;;;ACDjB,OAAO,YAAY;AACnB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,IAAM,YAAY,OAAO,KAAK,MAAM;AAAA,EAClC,WAAW;AACb,CAAC;AAAA;AAAA;AAAA,WAGU,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,YAChC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,WAGlC,CAAC,UAAU,MAAM,SAAS,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,MAI3D,cAAc;AAAA;AAAA;AAAA,IAGhB,MAAM;AAAA;AAGV,IAAO,iBAAQ;;;ADhBX,SAOc,KAPd;AAFG,IAAM,YAAY,CAAC,EAAE,UAAU,IAAI,GAAG,KAAK,MAA0B;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAU;AAAA,MACV,qBAAkB;AAAA,MAClB,cAAY;AAAA,MACZ,UAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,mBAAW,oBAAC,SAAK,mBAAQ;AAAA,QAC1B,oBAAC,QAAK,MAAK,qBAAoB,MAAK,QAAO,eAAW,MAAC;AAAA;AAAA;AAAA,EACzD;AAEJ;;;AElBA,OAAuB;;;ACEvB,IAAO,gBAAQ;","names":[]}
1
+ {"version":3,"sources":["../../src/Indicator.tsx","../../src/styles.ts","../../src/IndicatorTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Icon from \"@sproutsocial/seeds-react-icon\";\nimport Container from \"./styles\";\nimport type { TypeIndicatorProps } from \"./IndicatorTypes\";\n\nexport const Indicator = ({ tooltip = \"\", ...rest }: TypeIndicatorProps) => {\n return (\n <Container\n data-tip={tooltip}\n data-qa-indicator=\"\"\n aria-label={tooltip}\n tabIndex={0}\n {...rest}\n >\n {tooltip && <div>{tooltip}</div>}\n <Icon name=\"circle-fill-solid\" size=\"mini\" aria-hidden />\n </Container>\n );\n};\n","import styled from \"styled-components\";\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\nimport { visuallyHidden } from \"@sproutsocial/seeds-react-mixins\";\n\nconst Container = styled.span.attrs({\n className: \"Indicator\",\n})`\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ${(props) => props.theme.space[400]};\n height: ${(props) => props.theme.space[400]};\n font-size: 10px;\n line-height: 0;\n color: ${(props) => props.color ?? props.theme.colors.icon.info};\n text-align: center;\n\n > div {\n ${visuallyHidden}\n }\n\n ${COMMON}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type {\n TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeIndicatorProps\n extends TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n tooltip?: string;\n}\n","import { Indicator } from \"./Indicator\";\n\nexport default Indicator;\nexport { Indicator };\nexport * from \"./IndicatorTypes\";\n"],"mappings":";AAAA,OAAuB;AACvB,OAAO,UAAU;;;ACDjB,OAAO,YAAY;AACnB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,IAAM,YAAY,OAAO,KAAK,MAAM;AAAA,EAClC,WAAW;AACb,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKU,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,YAChC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,WAGlC,CAAC,UAAU,MAAM,SAAS,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,MAI3D,cAAc;AAAA;AAAA;AAAA,IAGhB,MAAM;AAAA;AAGV,IAAO,iBAAQ;;;ADlBX,SAOc,KAPd;AAFG,IAAM,YAAY,CAAC,EAAE,UAAU,IAAI,GAAG,KAAK,MAA0B;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAU;AAAA,MACV,qBAAkB;AAAA,MAClB,cAAY;AAAA,MACZ,UAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,mBAAW,oBAAC,SAAK,mBAAQ;AAAA,QAC1B,oBAAC,QAAK,MAAK,qBAAoB,MAAK,QAAO,eAAW,MAAC;AAAA;AAAA;AAAA,EACzD;AAEJ;;;AElBA,OAAuB;;;ACEvB,IAAO,gBAAQ;","names":[]}
package/dist/index.js CHANGED
@@ -47,7 +47,9 @@ var Container = import_styled_components.default.span.attrs({
47
47
  className: "Indicator"
48
48
  })`
49
49
  position: relative;
50
- display: block;
50
+ display: inline-flex;
51
+ justify-content: center;
52
+ align-items: center;
51
53
  width: ${(props) => props.theme.space[400]};
52
54
  height: ${(props) => props.theme.space[400]};
53
55
  font-size: 10px;
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/Indicator.tsx","../src/styles.ts","../src/IndicatorTypes.ts"],"sourcesContent":["import { Indicator } from \"./Indicator\";\n\nexport default Indicator;\nexport { Indicator };\nexport * from \"./IndicatorTypes\";\n","import * as React from \"react\";\nimport Icon from \"@sproutsocial/seeds-react-icon\";\nimport Container from \"./styles\";\nimport type { TypeIndicatorProps } from \"./IndicatorTypes\";\n\nexport const Indicator = ({ tooltip = \"\", ...rest }: TypeIndicatorProps) => {\n return (\n <Container\n data-tip={tooltip}\n data-qa-indicator=\"\"\n aria-label={tooltip}\n tabIndex={0}\n {...rest}\n >\n {tooltip && <div>{tooltip}</div>}\n <Icon name=\"circle-fill-solid\" size=\"mini\" aria-hidden />\n </Container>\n );\n};\n","import styled from \"styled-components\";\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\nimport { visuallyHidden } from \"@sproutsocial/seeds-react-mixins\";\n\nconst Container = styled.span.attrs({\n className: \"Indicator\",\n})`\n position: relative;\n display: block;\n width: ${(props) => props.theme.space[400]};\n height: ${(props) => props.theme.space[400]};\n font-size: 10px;\n line-height: 0;\n color: ${(props) => props.color ?? props.theme.colors.icon.info};\n text-align: center;\n\n > div {\n ${visuallyHidden}\n }\n\n ${COMMON}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type {\n TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeIndicatorProps\n extends TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n tooltip?: string;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,8BAAiB;;;ACDjB,+BAAmB;AACnB,sCAAuB;AACvB,gCAA+B;AAE/B,IAAM,YAAY,yBAAAA,QAAO,KAAK,MAAM;AAAA,EAClC,WAAW;AACb,CAAC;AAAA;AAAA;AAAA,WAGU,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,YAChC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,WAGlC,CAAC,UAAU,MAAM,SAAS,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,MAI3D,wCAAc;AAAA;AAAA;AAAA,IAGhB,sCAAM;AAAA;AAGV,IAAO,iBAAQ;;;ADhBX;AAFG,IAAM,YAAY,CAAC,EAAE,UAAU,IAAI,GAAG,KAAK,MAA0B;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAU;AAAA,MACV,qBAAkB;AAAA,MAClB,cAAY;AAAA,MACZ,UAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,mBAAW,4CAAC,SAAK,mBAAQ;AAAA,QAC1B,4CAAC,wBAAAC,SAAA,EAAK,MAAK,qBAAoB,MAAK,QAAO,eAAW,MAAC;AAAA;AAAA;AAAA,EACzD;AAEJ;;;AElBA,IAAAC,SAAuB;;;AHEvB,IAAO,gBAAQ;","names":["styled","Icon","React"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/Indicator.tsx","../src/styles.ts","../src/IndicatorTypes.ts"],"sourcesContent":["import { Indicator } from \"./Indicator\";\n\nexport default Indicator;\nexport { Indicator };\nexport * from \"./IndicatorTypes\";\n","import * as React from \"react\";\nimport Icon from \"@sproutsocial/seeds-react-icon\";\nimport Container from \"./styles\";\nimport type { TypeIndicatorProps } from \"./IndicatorTypes\";\n\nexport const Indicator = ({ tooltip = \"\", ...rest }: TypeIndicatorProps) => {\n return (\n <Container\n data-tip={tooltip}\n data-qa-indicator=\"\"\n aria-label={tooltip}\n tabIndex={0}\n {...rest}\n >\n {tooltip && <div>{tooltip}</div>}\n <Icon name=\"circle-fill-solid\" size=\"mini\" aria-hidden />\n </Container>\n );\n};\n","import styled from \"styled-components\";\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\nimport { visuallyHidden } from \"@sproutsocial/seeds-react-mixins\";\n\nconst Container = styled.span.attrs({\n className: \"Indicator\",\n})`\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ${(props) => props.theme.space[400]};\n height: ${(props) => props.theme.space[400]};\n font-size: 10px;\n line-height: 0;\n color: ${(props) => props.color ?? props.theme.colors.icon.info};\n text-align: center;\n\n > div {\n ${visuallyHidden}\n }\n\n ${COMMON}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type {\n TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeIndicatorProps\n extends TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n tooltip?: string;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,8BAAiB;;;ACDjB,+BAAmB;AACnB,sCAAuB;AACvB,gCAA+B;AAE/B,IAAM,YAAY,yBAAAA,QAAO,KAAK,MAAM;AAAA,EAClC,WAAW;AACb,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKU,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,YAChC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,WAGlC,CAAC,UAAU,MAAM,SAAS,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,MAI3D,wCAAc;AAAA;AAAA;AAAA,IAGhB,sCAAM;AAAA;AAGV,IAAO,iBAAQ;;;ADlBX;AAFG,IAAM,YAAY,CAAC,EAAE,UAAU,IAAI,GAAG,KAAK,MAA0B;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAU;AAAA,MACV,qBAAkB;AAAA,MAClB,cAAY;AAAA,MACZ,UAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,mBAAW,4CAAC,SAAK,mBAAQ;AAAA,QAC1B,4CAAC,wBAAAC,SAAA,EAAK,MAAK,qBAAoB,MAAK,QAAO,eAAW,MAAC;AAAA;AAAA;AAAA,EACzD;AAEJ;;;AElBA,IAAAC,SAAuB;;;AHEvB,IAAO,gBAAQ;","names":["styled","Icon","React"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/seeds-react-indicator",
3
- "version": "1.0.32",
3
+ "version": "1.0.41",
4
4
  "description": "Seeds React Indicator",
5
5
  "author": "Sprout Social, Inc.",
6
6
  "license": "MIT",
@@ -18,10 +18,10 @@
18
18
  "test:watch": "jest --watch --coverage=false"
19
19
  },
20
20
  "dependencies": {
21
- "@sproutsocial/seeds-react-theme": "^3.6.2",
22
- "@sproutsocial/seeds-react-system-props": "^3.0.1",
23
- "@sproutsocial/seeds-react-icon": "^2.3.7",
24
- "@sproutsocial/seeds-react-mixins": "^4.3.3"
21
+ "@sproutsocial/seeds-react-theme": "^4.1.1",
22
+ "@sproutsocial/seeds-react-system-props": "^3.1.1",
23
+ "@sproutsocial/seeds-react-icon": "^2.4.1",
24
+ "@sproutsocial/seeds-react-mixins": "^4.3.8"
25
25
  },
26
26
  "devDependencies": {
27
27
  "@types/react": "^18.0.0",
package/src/styles.ts CHANGED
@@ -6,7 +6,9 @@ const Container = styled.span.attrs({
6
6
  className: "Indicator",
7
7
  })`
8
8
  position: relative;
9
- display: block;
9
+ display: inline-flex;
10
+ justify-content: center;
11
+ align-items: center;
10
12
  width: ${(props) => props.theme.space[400]};
11
13
  height: ${(props) => props.theme.space[400]};
12
14
  font-size: 10px;