@sproutsocial/seeds-react-container 0.3.5 → 0.3.8

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 +9 -9
  2. package/CHANGELOG.md +25 -0
  3. package/dist/esm/index.js +2 -4
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/index.js +2 -4
  6. package/dist/index.js.map +1 -1
  7. package/package.json +4 -3
  8. package/src/styles.tsx +2 -4
package/.turbo/turbo-build.log CHANGED
@@ -3,19 +3,19 @@ $ tsup --dts
3
3
  CLI Building entry: src/index.ts
4
4
  CLI Using tsconfig: tsconfig.json
5
5
  CLI tsup v8.5.0
6
- CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-container/tsup.config.ts
6
+ CLI Using tsup config: /home/runner/_work/seeds/seeds/seeds-react/seeds-react-container/tsup.config.ts
7
7
  CLI Target: es2022
8
8
  CLI Cleaning output folder
9
9
  CJS Build start
10
10
  ESM Build start
11
- CJS dist/index.js 2.51 KB
12
- CJS dist/index.js.map 1.54 KB
13
- CJS ⚡️ Build success in 157ms
14
- ESM dist/esm/index.js 813.00 B
15
- ESM dist/esm/index.js.map 1.41 KB
16
- ESM ⚡️ Build success in 167ms
11
+ ESM dist/esm/index.js 659.00 B
12
+ ESM dist/esm/index.js.map 1.08 KB
13
+ ESM ⚡️ Build success in 102ms
14
+ CJS dist/index.js 2.40 KB
15
+ CJS dist/index.js.map 1.22 KB
16
+ CJS ⚡️ Build success in 102ms
17
17
  DTS Build start
18
- DTS ⚡️ Build success in 27417ms
18
+ DTS ⚡️ Build success in 4382ms
19
19
  DTS dist/index.d.ts 241.00 B
20
20
  DTS dist/index.d.mts 241.00 B
21
- Done in 32.71s.
21
+ Done in 6.33s.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,30 @@
1
1
  # @sproutsocial/seeds-react-container
2
2
 
3
+ ## 0.3.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [17d4f12]
8
+ - @sproutsocial/seeds-react-theme@3.6.0
9
+ - @sproutsocial/seeds-react-box@1.1.14
10
+ - @sproutsocial/seeds-react-mixins@4.3.1
11
+
12
+ ## 0.3.7
13
+
14
+ ### Patch Changes
15
+
16
+ - 5bb63e1: Add shared CSS mixins (container, divider, truncate) to seeds-react-mixins. Update Container to use the container mixin internally.
17
+ - Updated dependencies [5bb63e1]
18
+ - @sproutsocial/seeds-react-mixins@4.3.0
19
+
20
+ ## 0.3.6
21
+
22
+ ### Patch Changes
23
+
24
+ - Updated dependencies [118e300]
25
+ - @sproutsocial/seeds-react-theme@3.5.1
26
+ - @sproutsocial/seeds-react-box@1.1.13
27
+
3
28
  ## 0.3.5
4
29
 
5
30
  ### Patch Changes
package/dist/esm/index.js CHANGED
@@ -4,11 +4,9 @@ import * as React from "react";
4
4
  // src/styles.tsx
5
5
  import styled from "styled-components";
6
6
  import { Box } from "@sproutsocial/seeds-react-box";
7
+ import { container } from "@sproutsocial/seeds-react-mixins";
7
8
  var StyledContainer = styled(Box)`
8
- background: ${({ theme }) => theme.colors.container.background.base};
9
- border-radius: ${({ theme }) => theme.radii.outer};
10
- border: ${({ theme }) => theme.borders[500]}
11
- ${({ theme }) => theme.colors.container.border.base};
9
+ ${container}
12
10
  `;
13
11
  var styles_default = StyledContainer;
14
12
 
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Container.tsx","../../src/styles.tsx"],"sourcesContent":["import * as React from \"react\";\nimport StyledContainer from \"./styles\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nconst Container = React.forwardRef<HTMLDivElement, TypeBoxProps>(\n (props, ref) => {\n return <StyledContainer {...props} ref={ref} />;\n }\n);\n\nContainer.displayName = \"Container\";\n\nexport default Container;\n","import styled from \"styled-components\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nconst StyledContainer = styled(Box)<TypeBoxProps>`\n background: ${({ theme }) => theme.colors.container.background.base};\n border-radius: ${({ theme }) => theme.radii.outer};\n border: ${({ theme }) => theme.borders[500]}\n ${({ theme }) => theme.colors.container.border.base};\n`;\n\nexport default StyledContainer;\n"],"mappings":";AAAA,YAAY,WAAW;;;ACAvB,OAAO,YAAY;AACnB,SAAS,WAAW;AAGpB,IAAM,kBAAkB,OAAO,GAAG;AAAA,gBAClB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,UAAU,WAAW,IAAI;AAAA,mBAClD,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,KAAK;AAAA,YACvC,CAAC,EAAE,MAAM,MAAM,MAAM,QAAQ,GAAG,CAAC;AAAA,MACvC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,UAAU,OAAO,IAAI;AAAA;AAGvD,IAAO,iBAAQ;;;ADLJ;AAFX,IAAM,YAAkB;AAAA,EACtB,CAAC,OAAO,QAAQ;AACd,WAAO,oBAAC,kBAAiB,GAAG,OAAO,KAAU;AAAA,EAC/C;AACF;AAEA,UAAU,cAAc;AAExB,IAAO,oBAAQ;","names":[]}
1
+ {"version":3,"sources":["../../src/Container.tsx","../../src/styles.tsx"],"sourcesContent":["import * as React from \"react\";\nimport StyledContainer from \"./styles\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nconst Container = React.forwardRef<HTMLDivElement, TypeBoxProps>(\n (props, ref) => {\n return <StyledContainer {...props} ref={ref} />;\n }\n);\n\nContainer.displayName = \"Container\";\n\nexport default Container;\n","import styled from \"styled-components\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\nimport { container } from \"@sproutsocial/seeds-react-mixins\";\n\nconst StyledContainer = styled(Box)<TypeBoxProps>`\n ${container}\n`;\n\nexport default StyledContainer;\n"],"mappings":";AAAA,YAAY,WAAW;;;ACAvB,OAAO,YAAY;AACnB,SAAS,WAAW;AAEpB,SAAS,iBAAiB;AAE1B,IAAM,kBAAkB,OAAO,GAAG;AAAA,IAC9B,SAAS;AAAA;AAGb,IAAO,iBAAQ;;;ADHJ;AAFX,IAAM,YAAkB;AAAA,EACtB,CAAC,OAAO,QAAQ;AACd,WAAO,oBAAC,kBAAiB,GAAG,OAAO,KAAU;AAAA,EAC/C;AACF;AAEA,UAAU,cAAc;AAExB,IAAO,oBAAQ;","names":[]}
package/dist/index.js CHANGED
@@ -40,11 +40,9 @@ var React = __toESM(require("react"));
40
40
  // src/styles.tsx
41
41
  var import_styled_components = __toESM(require("styled-components"));
42
42
  var import_seeds_react_box = require("@sproutsocial/seeds-react-box");
43
+ var import_seeds_react_mixins = require("@sproutsocial/seeds-react-mixins");
43
44
  var StyledContainer = (0, import_styled_components.default)(import_seeds_react_box.Box)`
44
- background: ${({ theme }) => theme.colors.container.background.base};
45
- border-radius: ${({ theme }) => theme.radii.outer};
46
- border: ${({ theme }) => theme.borders[500]}
47
- ${({ theme }) => theme.colors.container.border.base};
45
+ ${import_seeds_react_mixins.container}
48
46
  `;
49
47
  var styles_default = StyledContainer;
50
48
 
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/Container.tsx","../src/styles.tsx"],"sourcesContent":["import Container from \"./Container\";\n\nexport { Container };\n","import * as React from \"react\";\nimport StyledContainer from \"./styles\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nconst Container = React.forwardRef<HTMLDivElement, TypeBoxProps>(\n (props, ref) => {\n return <StyledContainer {...props} ref={ref} />;\n }\n);\n\nContainer.displayName = \"Container\";\n\nexport default Container;\n","import styled from \"styled-components\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nconst StyledContainer = styled(Box)<TypeBoxProps>`\n background: ${({ theme }) => theme.colors.container.background.base};\n border-radius: ${({ theme }) => theme.radii.outer};\n border: ${({ theme }) => theme.borders[500]}\n ${({ theme }) => theme.colors.container.border.base};\n`;\n\nexport default StyledContainer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;;;ACAvB,+BAAmB;AACnB,6BAAoB;AAGpB,IAAM,sBAAkB,yBAAAA,SAAO,0BAAG;AAAA,gBAClB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,UAAU,WAAW,IAAI;AAAA,mBAClD,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,KAAK;AAAA,YACvC,CAAC,EAAE,MAAM,MAAM,MAAM,QAAQ,GAAG,CAAC;AAAA,MACvC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,UAAU,OAAO,IAAI;AAAA;AAGvD,IAAO,iBAAQ;;;ADLJ;AAFX,IAAM,YAAkB;AAAA,EACtB,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,kBAAiB,GAAG,OAAO,KAAU;AAAA,EAC/C;AACF;AAEA,UAAU,cAAc;AAExB,IAAO,oBAAQ;","names":["styled"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/Container.tsx","../src/styles.tsx"],"sourcesContent":["import Container from \"./Container\";\n\nexport { Container };\n","import * as React from \"react\";\nimport StyledContainer from \"./styles\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nconst Container = React.forwardRef<HTMLDivElement, TypeBoxProps>(\n (props, ref) => {\n return <StyledContainer {...props} ref={ref} />;\n }\n);\n\nContainer.displayName = \"Container\";\n\nexport default Container;\n","import styled from \"styled-components\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\nimport { container } from \"@sproutsocial/seeds-react-mixins\";\n\nconst StyledContainer = styled(Box)<TypeBoxProps>`\n ${container}\n`;\n\nexport default StyledContainer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;;;ACAvB,+BAAmB;AACnB,6BAAoB;AAEpB,gCAA0B;AAE1B,IAAM,sBAAkB,yBAAAA,SAAO,0BAAG;AAAA,IAC9B,mCAAS;AAAA;AAGb,IAAO,iBAAQ;;;ADHJ;AAFX,IAAM,YAAkB;AAAA,EACtB,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,kBAAiB,GAAG,OAAO,KAAU;AAAA,EAC/C;AACF;AAEA,UAAU,cAAc;AAExB,IAAO,oBAAQ;","names":["styled"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/seeds-react-container",
3
- "version": "0.3.5",
3
+ "version": "0.3.8",
4
4
  "description": "Seeds React Container",
5
5
  "author": "Sprout Social, Inc.",
6
6
  "license": "MIT",
@@ -18,8 +18,9 @@
18
18
  "test:watch": "jest --watch --coverage=false"
19
19
  },
20
20
  "dependencies": {
21
- "@sproutsocial/seeds-react-box": "^1.1.12",
22
- "@sproutsocial/seeds-react-theme": "^3.5.0",
21
+ "@sproutsocial/seeds-react-box": "^1.1.14",
22
+ "@sproutsocial/seeds-react-mixins": "^4.3.1",
23
+ "@sproutsocial/seeds-react-theme": "^3.6.0",
23
24
  "@sproutsocial/seeds-react-system-props": "^3.0.1"
24
25
  },
25
26
  "devDependencies": {
package/src/styles.tsx CHANGED
@@ -1,12 +1,10 @@
1
1
  import styled from "styled-components";
2
2
  import { Box } from "@sproutsocial/seeds-react-box";
3
3
  import type { TypeBoxProps } from "@sproutsocial/seeds-react-box";
4
+ import { container } from "@sproutsocial/seeds-react-mixins";
4
5
 
5
6
  const StyledContainer = styled(Box)<TypeBoxProps>`
6
- background: ${({ theme }) => theme.colors.container.background.base};
7
- border-radius: ${({ theme }) => theme.radii.outer};
8
- border: ${({ theme }) => theme.borders[500]}
9
- ${({ theme }) => theme.colors.container.border.base};
7
+ ${container}
10
8
  `;
11
9
 
12
10
  export default StyledContainer;