@sproutsocial/seeds-react-indicator 1.0.32 → 1.0.40

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 (8) hide show
  1. package/.turbo/turbo-build.log +8 -8
  2. package/CHANGELOG.md +65 -0
  3. package/dist/esm/index.js +3 -1
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/index.js +3 -1
  6. package/dist/index.js.map +1 -1
  7. package/package.json +5 -5
  8. package/src/styles.ts +3 -1
package/.turbo/turbo-build.log CHANGED
@@ -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 79ms
14
+ ESM dist/esm/index.js 1.39 KB
15
+ ESM dist/esm/index.js.map 2.57 KB
16
+ ESM ⚡️ Build success in 79ms
17
17
  DTS Build start
18
- DTS ⚡️ Build success in 7415ms
18
+ DTS ⚡️ Build success in 5326ms
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 7.32s.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,70 @@
1
1
  # @sproutsocial/seeds-react-indicator
2
2
 
3
+ ## 1.0.40
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [69c9d02]
8
+ - @sproutsocial/seeds-react-icon@2.4.0
9
+
10
+ ## 1.0.39
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies [5892f44]
15
+ - @sproutsocial/seeds-react-system-props@3.1.1
16
+ - @sproutsocial/seeds-react-icon@2.3.13
17
+
18
+ ## 1.0.38
19
+
20
+ ### Patch Changes
21
+
22
+ - Updated dependencies [5114a32]
23
+ - @sproutsocial/seeds-react-theme@4.1.0
24
+ - @sproutsocial/seeds-react-icon@2.3.12
25
+ - @sproutsocial/seeds-react-mixins@4.3.7
26
+
27
+ ## 1.0.37
28
+
29
+ ### Patch Changes
30
+
31
+ - 524c887: adjust indicator icon position in container to be vertically and horizontally centered
32
+
33
+ ## 1.0.36
34
+
35
+ ### Patch Changes
36
+
37
+ - Updated dependencies [132ef9d]
38
+ - Updated dependencies [132ef9d]
39
+ - @sproutsocial/seeds-react-theme@4.0.0
40
+ - @sproutsocial/seeds-react-system-props@3.1.0
41
+ - @sproutsocial/seeds-react-icon@2.3.11
42
+ - @sproutsocial/seeds-react-mixins@4.3.6
43
+
44
+ ## 1.0.35
45
+
46
+ ### Patch Changes
47
+
48
+ - @sproutsocial/seeds-react-icon@2.3.10
49
+
50
+ ## 1.0.34
51
+
52
+ ### Patch Changes
53
+
54
+ - Updated dependencies [47c62b3]
55
+ - @sproutsocial/seeds-react-theme@3.7.1
56
+ - @sproutsocial/seeds-react-icon@2.3.9
57
+ - @sproutsocial/seeds-react-mixins@4.3.5
58
+
59
+ ## 1.0.33
60
+
61
+ ### Patch Changes
62
+
63
+ - Updated dependencies [06da9c2]
64
+ - @sproutsocial/seeds-react-theme@3.7.0
65
+ - @sproutsocial/seeds-react-icon@2.3.8
66
+ - @sproutsocial/seeds-react-mixins@4.3.4
67
+
3
68
  ## 1.0.32
4
69
 
5
70
  ### 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;
package/dist/esm/index.js.map CHANGED
@@ -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.40",
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.0",
22
+ "@sproutsocial/seeds-react-system-props": "^3.1.1",
23
+ "@sproutsocial/seeds-react-icon": "^2.4.0",
24
+ "@sproutsocial/seeds-react-mixins": "^4.3.7"
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;