@sproutsocial/seeds-react-keyboard-key 1.0.0 → 1.0.2

package/.turbo/turbo-build.log

@@ -1,21 +1,21 @@
 yarn run v1.22.22
 $ tsup --dts
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.0.2
-CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-keyboard-key/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-ESM dist/esm/index.js     1.18 KB
-ESM dist/esm/index.js.map 2.34 KB
-ESM ⚡️ Build success in 218ms
-CJS dist/index.js     3.04 KB
-CJS dist/index.js.map 2.43 KB
-CJS ⚡️ Build success in 218ms
-DTS Build start
-DTS ⚡️ Build success in 30158ms
-DTS dist/index.d.ts  601.00 B
-DTS dist/index.d.mts 601.00 B
-Done in 38.13s.
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-keyboard-key/tsup.config.ts
+CLI Target: es2022
+CLI Cleaning output folder
+CJS Build start
+ESM Build start
+CJS dist/index.js     3.05 KB
+CJS dist/index.js.map 2.43 KB
+CJS ⚡️ Build success in 180ms
+ESM dist/esm/index.js     1.18 KB
+ESM dist/esm/index.js.map 2.34 KB
+ESM ⚡️ Build success in 169ms
+DTS Build start
+DTS ⚡️ Build success in 38055ms
+DTS dist/index.d.ts  601.00 B
+DTS dist/index.d.mts 601.00 B
+Done in 46.67s.

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @sproutsocial/seeds-react-keyboard-key
 
+## 1.0.2
+
+### Patch Changes
+
+- Updated dependencies [22e1111]
+  - @sproutsocial/seeds-react-text@1.3.2
+  - @sproutsocial/seeds-react-theme@3.0.1
+
+## 1.0.1
+
+### Patch Changes
+
+- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
+- Updated dependencies [9fd8bac]
+  - @sproutsocial/seeds-react-system-props@3.0.2
+  - @sproutsocial/seeds-react-theme@2.2.1
+  - @sproutsocial/seeds-react-text@1.3.1
+
 ## 1.0.0
 
 ### Major Changes

package/dist/esm/index.js

@@ -30,9 +30,9 @@ var KeyboardKey = ({ children, ...rest }) => {
 import "react";
 
 // src/index.ts
-var src_default = KeyboardKey;
+var index_default = KeyboardKey;
 export {
   KeyboardKey,
-  src_default as default
+  index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/KeyboardKey.tsx","../../src/styles.ts","../../src/KeyboardKeyTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport Container from \"./styles\";\nimport type { TypeKeyboardKeyProps } from \"./KeyboardKeyTypes\";\n\nexport const KeyboardKey = ({ children, ...rest }: TypeKeyboardKeyProps) => {\n  return (\n    <Container {...rest}>\n      <kbd data-qa-keyboardkey={children}>\n        <Text>{children}</Text>\n      </kbd>\n    </Container>\n  );\n};\n","import styled from \"styled-components\";\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\n\nconst Container = styled.div`\n  display: inline-flex;\n  color: ${(props) => props.theme.colors.text.body};\n  background-color: ${(props) => props.theme.colors.container.background.base};\n  border: 1px solid ${(props) => props.theme.colors.container.border.base};\n  border-radius: ${(props) => props.theme.radii[500]};\n  box-shadow: ${(props) => props.theme.shadows.low};\n  padding: 0 ${(props) => props.theme.space[200]};\n  min-width: 20px;\n  justify-content: center;\n\n  ${COMMON}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type {\n  TypeSystemCommonProps,\n  TypeStyledComponentsCommonProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeKeyboardKeyProps\n  extends TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\"> {\n  /** Text to display inside of key */\n  children: string;\n}\n","import { KeyboardKey } from \"./KeyboardKey\";\n\nexport default KeyboardKey;\nexport { KeyboardKey };\nexport * from \"./KeyboardKeyTypes\";\n"],"mappings":";AAAA,OAAuB;AACvB,OAAO,UAAU;;;ACDjB,OAAO,YAAY;AACnB,SAAS,cAAc;AAEvB,IAAM,YAAY,OAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA,sBAC5B,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,WAAW,IAAI;AAAA,sBACvD,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,OAAO,IAAI;AAAA,mBACtD,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,gBACpC,CAAC,UAAU,MAAM,MAAM,QAAQ,GAAG;AAAA,eACnC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,IAI5C,MAAM;AAAA;AAGV,IAAO,iBAAQ;;;ADRP;AAJD,IAAM,cAAc,CAAC,EAAE,UAAU,GAAG,KAAK,MAA4B;AAC1E,SACE,oBAAC,kBAAW,GAAG,MACb,8BAAC,SAAI,uBAAqB,UACxB,8BAAC,QAAM,UAAS,GAClB,GACF;AAEJ;;;AEbA,OAAuB;;;ACEvB,IAAO,cAAQ;","names":[]}
+{"version":3,"sources":["../../src/KeyboardKey.tsx","../../src/styles.ts","../../src/KeyboardKeyTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport Container from \"./styles\";\nimport type { TypeKeyboardKeyProps } from \"./KeyboardKeyTypes\";\n\nexport const KeyboardKey = ({ children, ...rest }: TypeKeyboardKeyProps) => {\n  return (\n    <Container {...rest}>\n      <kbd data-qa-keyboardkey={children}>\n        <Text>{children}</Text>\n      </kbd>\n    </Container>\n  );\n};\n","import styled from \"styled-components\";\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\n\nconst Container = styled.div`\n  display: inline-flex;\n  color: ${(props) => props.theme.colors.text.body};\n  background-color: ${(props) => props.theme.colors.container.background.base};\n  border: 1px solid ${(props) => props.theme.colors.container.border.base};\n  border-radius: ${(props) => props.theme.radii[500]};\n  box-shadow: ${(props) => props.theme.shadows.low};\n  padding: 0 ${(props) => props.theme.space[200]};\n  min-width: 20px;\n  justify-content: center;\n\n  ${COMMON}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type {\n  TypeSystemCommonProps,\n  TypeStyledComponentsCommonProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeKeyboardKeyProps\n  extends TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\"> {\n  /** Text to display inside of key */\n  children: string;\n}\n","import { KeyboardKey } from \"./KeyboardKey\";\n\nexport default KeyboardKey;\nexport { KeyboardKey };\nexport * from \"./KeyboardKeyTypes\";\n"],"mappings":";AAAA,OAAuB;AACvB,OAAO,UAAU;;;ACDjB,OAAO,YAAY;AACnB,SAAS,cAAc;AAEvB,IAAM,YAAY,OAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA,sBAC5B,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,WAAW,IAAI;AAAA,sBACvD,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,OAAO,IAAI;AAAA,mBACtD,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,gBACpC,CAAC,UAAU,MAAM,MAAM,QAAQ,GAAG;AAAA,eACnC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,IAI5C,MAAM;AAAA;AAGV,IAAO,iBAAQ;;;ADRP;AAJD,IAAM,cAAc,CAAC,EAAE,UAAU,GAAG,KAAK,MAA4B;AAC1E,SACE,oBAAC,kBAAW,GAAG,MACb,8BAAC,SAAI,uBAAqB,UACxB,8BAAC,QAAM,UAAS,GAClB,GACF;AAEJ;;;AEbA,OAAuB;;;ACEvB,IAAO,gBAAQ;","names":[]}

package/dist/index.js

@@ -28,12 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   KeyboardKey: () => KeyboardKey,
-  default: () => src_default
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/KeyboardKey.tsx
 var React = require("react");
@@ -67,7 +67,7 @@ var KeyboardKey = ({ children, ...rest }) => {
 var React2 = require("react");
 
 // src/index.ts
-var src_default = KeyboardKey;
+var index_default = KeyboardKey;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   KeyboardKey

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/KeyboardKey.tsx","../src/styles.ts","../src/KeyboardKeyTypes.ts"],"sourcesContent":["import { KeyboardKey } from \"./KeyboardKey\";\n\nexport default KeyboardKey;\nexport { KeyboardKey };\nexport * from \"./KeyboardKeyTypes\";\n","import * as React from \"react\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport Container from \"./styles\";\nimport type { TypeKeyboardKeyProps } from \"./KeyboardKeyTypes\";\n\nexport const KeyboardKey = ({ children, ...rest }: TypeKeyboardKeyProps) => {\n  return (\n    <Container {...rest}>\n      <kbd data-qa-keyboardkey={children}>\n        <Text>{children}</Text>\n      </kbd>\n    </Container>\n  );\n};\n","import styled from \"styled-components\";\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\n\nconst Container = styled.div`\n  display: inline-flex;\n  color: ${(props) => props.theme.colors.text.body};\n  background-color: ${(props) => props.theme.colors.container.background.base};\n  border: 1px solid ${(props) => props.theme.colors.container.border.base};\n  border-radius: ${(props) => props.theme.radii[500]};\n  box-shadow: ${(props) => props.theme.shadows.low};\n  padding: 0 ${(props) => props.theme.space[200]};\n  min-width: 20px;\n  justify-content: center;\n\n  ${COMMON}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type {\n  TypeSystemCommonProps,\n  TypeStyledComponentsCommonProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeKeyboardKeyProps\n  extends TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\"> {\n  /** Text to display inside of key */\n  children: string;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,8BAAiB;;;ACDjB,+BAAmB;AACnB,sCAAuB;AAEvB,IAAM,YAAY,yBAAAA,QAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA,sBAC5B,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,WAAW,IAAI;AAAA,sBACvD,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,OAAO,IAAI;AAAA,mBACtD,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,gBACpC,CAAC,UAAU,MAAM,MAAM,QAAQ,GAAG;AAAA,eACnC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,IAI5C,sCAAM;AAAA;AAGV,IAAO,iBAAQ;;;ADRP;AAJD,IAAM,cAAc,CAAC,EAAE,UAAU,GAAG,KAAK,MAA4B;AAC1E,SACE,4CAAC,kBAAW,GAAG,MACb,sDAAC,SAAI,uBAAqB,UACxB,sDAAC,wBAAAC,SAAA,EAAM,UAAS,GAClB,GACF;AAEJ;;;AEbA,IAAAC,SAAuB;;;AHEvB,IAAO,cAAQ;","names":["styled","Text","React"]}
+{"version":3,"sources":["../src/index.ts","../src/KeyboardKey.tsx","../src/styles.ts","../src/KeyboardKeyTypes.ts"],"sourcesContent":["import { KeyboardKey } from \"./KeyboardKey\";\n\nexport default KeyboardKey;\nexport { KeyboardKey };\nexport * from \"./KeyboardKeyTypes\";\n","import * as React from \"react\";\nimport Text from \"@sproutsocial/seeds-react-text\";\nimport Container from \"./styles\";\nimport type { TypeKeyboardKeyProps } from \"./KeyboardKeyTypes\";\n\nexport const KeyboardKey = ({ children, ...rest }: TypeKeyboardKeyProps) => {\n  return (\n    <Container {...rest}>\n      <kbd data-qa-keyboardkey={children}>\n        <Text>{children}</Text>\n      </kbd>\n    </Container>\n  );\n};\n","import styled from \"styled-components\";\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\n\nconst Container = styled.div`\n  display: inline-flex;\n  color: ${(props) => props.theme.colors.text.body};\n  background-color: ${(props) => props.theme.colors.container.background.base};\n  border: 1px solid ${(props) => props.theme.colors.container.border.base};\n  border-radius: ${(props) => props.theme.radii[500]};\n  box-shadow: ${(props) => props.theme.shadows.low};\n  padding: 0 ${(props) => props.theme.space[200]};\n  min-width: 20px;\n  justify-content: center;\n\n  ${COMMON}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type {\n  TypeSystemCommonProps,\n  TypeStyledComponentsCommonProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypeKeyboardKeyProps\n  extends TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\"> {\n  /** Text to display inside of key */\n  children: string;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,8BAAiB;;;ACDjB,+BAAmB;AACnB,sCAAuB;AAEvB,IAAM,YAAY,yBAAAA,QAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA,sBAC5B,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,WAAW,IAAI;AAAA,sBACvD,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,OAAO,IAAI;AAAA,mBACtD,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,gBACpC,CAAC,UAAU,MAAM,MAAM,QAAQ,GAAG;AAAA,eACnC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,IAI5C,sCAAM;AAAA;AAGV,IAAO,iBAAQ;;;ADRP;AAJD,IAAM,cAAc,CAAC,EAAE,UAAU,GAAG,KAAK,MAA4B;AAC1E,SACE,4CAAC,kBAAW,GAAG,MACb,sDAAC,SAAI,uBAAqB,UACxB,sDAAC,wBAAAC,SAAA,EAAM,UAAS,GAClB,GACF;AAEJ;;;AEbA,IAAAC,SAAuB;;;AHEvB,IAAO,gBAAQ;","names":["styled","Text","React"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-keyboard-key",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Seeds React KeyboardKey",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -18,9 +18,9 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "^*",
-    "@sproutsocial/seeds-react-system-props": "^*",
-    "@sproutsocial/seeds-react-text": "*"
+    "@sproutsocial/seeds-react-theme": "^3.0.1",
+    "@sproutsocial/seeds-react-system-props": "^3.0.1",
+    "@sproutsocial/seeds-react-text": "^1.3.2"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
@@ -28,7 +28,7 @@
     "@sproutsocial/eslint-config-seeds": "*",
     "react": "^18.0.0",
     "styled-components": "^5.2.3",
-    "tsup": "^8.0.2",
+    "tsup": "^8.3.4",
     "typescript": "^5.6.2",
     "@sproutsocial/seeds-tsconfig": "*",
     "@sproutsocial/seeds-testing": "*",

package/src/KeyboardKey.stories.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { KeyboardKey } from "./";
+import type { Meta, StoryObj } from "@storybook/react";
+
+const meta: Meta<typeof KeyboardKey> = {
+  title: "Components/KeyboardKey",
+  component: KeyboardKey,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof KeyboardKey>;
+
+export const SingleKey: Story = {
+  render: () => <KeyboardKey children="ctrl" />,
+  name: "Single key",
+};
+
+export const KeyCombination: Story = {
+  render: () => (
+    <>
+      <KeyboardKey children="ctrl" />
+      <KeyboardKey children="]" />
+    </>
+  ),
+  name: "Key combination",
+};

package/tsconfig.json

@@ -5,5 +5,11 @@
     "module": "esnext"
   },
   "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist", "coverage"]
+  "exclude": [
+    "node_modules",
+    "dist",
+    "coverage",
+    "**/*.stories.tsx",
+    "**/*.stories.ts"
+  ]
 }

package/src/index.stories.tsx

@@ -1,24 +0,0 @@
-import React from "react";
-import { KeyboardKey } from "./";
-
-export default {
-  title: "Components/KeyboardKey",
-  component: KeyboardKey,
-};
-
-export const singleKey = () => <KeyboardKey children="ctrl" />;
-
-singleKey.story = {
-  name: "Single key",
-};
-
-export const keyCombination = () => (
-  <>
-    <KeyboardKey children="ctrl" />
-    <KeyboardKey children="]" />
-  </>
-);
-
-keyCombination.story = {
-  name: "Key combination",
-};