fix: Missing padding in search box (#232)

* Fix spacing in search modal * `yarn graphql:codegen`
pluralsh · Jul 28, 2023 · e3b589c · e3b589c
1 parent 90a9f7d
commit e3b589c
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 44 deletions.
diff --git a/package.json b/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@apollo/client": "3.7.15",
-    "@docsearch/react": "3.5.0",
+    "@docsearch/react": "3.5.1",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "@graphql-codegen/add": "5.0.0",

diff --git a/src/components/DocSearchStyles.tsx b/src/components/DocSearchStyles.tsx
@@ -4,33 +4,29 @@ const GlobalStyles = createGlobalStyle(({ theme }) => ({
   ':root': {
     '--docsearch-primary-color': theme.colors['action-primary'],
     '--docsearch-text-color': 'rgb(28, 30, 33)',
-    '--docsearch-spacing': theme.spacing.medium,
+    '--docsearch-spacing': `${theme.spacing.medium}px`,
     '--docsearch-icon-stroke-width': '1.4',
     '--docsearch-highlight-color': theme.colors['action-primary'],
     '--docsearch-muted-color': 'rgb(150, 159, 175)',
     '--docsearch-container-background': 'rgba(101, 108, 133, 0.8)',
     '--docsearch-logo-color': theme.colors['action-primary'],
-
     /* modal */
     '--docsearch-modal-width': '620px',
     '--docsearch-modal-height': '600px',
     '--docsearch-modal-background': 'rgb(245, 246, 247)',
     '--docsearch-modal-shadow': `inset 1px 1px 0 0 rgba(255, 255, 255, 0.5),
       0 3px 8px 0 rgba(85, 90, 100, 1);`,
-
     /* searchbox */
     '--docsearch-searchbox-height': '48px',
     '--docsearch-searchbox-background': 'rgb(235, 237, 240)',
     '--docsearch-searchbox-focus-background': '#fff',
     '--docsearch-searchbox-shadow': `inset 0 0 0 1px ${theme.colors.border}`,
-
     /* hit */
-    '--docsearch-hit-height': theme.spacing.xxxlarge,
+    '--docsearch-hit-height': `${theme.spacing.xxxlarge}px`,
     '--docsearch-hit-color': 'rgb(68, 73, 80)',
     '--docsearch-hit-active-color': '#fff',
     '--docsearch-hit-background': '#fff',
     '--docsearch-hit-shadow': '0 1px 3px 0 rgb(212, 217, 225)',
-
     /* key */
     '--docsearch-key-gradient': `linear-gradient(
       -225deg,
@@ -39,16 +35,13 @@ const GlobalStyles = createGlobalStyle(({ theme }) => ({
     )`,
     '--docsearch-key-shadow': `inset 0 -2px 0 0 rgb(205, 205, 230),
       inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, 0.4)`,
-
     /* footer */
     '--docsearch-footer-height': '44px',
     '--docsearch-footer-background': '#fff',
     '--docsearch-footer-shadow': `0 -1px 0 0 rgb(224, 227, 232),
       0 -3px 6px 0 rgba(69, 98, 155, 0.12)`,
   },
-
   /* Darkmode */
-
   'html[data-theme="dark"]': {
     '--docsearch-text-color': theme.colors.text,
     '--docsearch-container-background': 'rgba(23, 26, 33, 0.6)',
@@ -66,7 +59,6 @@ const GlobalStyles = createGlobalStyle(({ theme }) => ({
     '--docsearch-logo-color': theme.colors['text-xlight'],
     '--docsearch-muted-color': theme.colors['text-xlight'],
   },
-
   /* Overrides */
   '.DocSearch': {
     ...theme.partials.marketingText.body2,
@@ -75,7 +67,6 @@ const GlobalStyles = createGlobalStyle(({ theme }) => ({
     {
       display: 'none',
     },
-
   '.DocSearch-Form:focus-within': {
     boxShadow: theme.boxShadows.focused,
   },

diff --git a/src/generated/graphql.ts b/src/generated/graphql.ts
@@ -1380,6 +1380,8 @@ export type InviteAttributes = {
   admin?: InputMaybe<Scalars['Boolean']['input']>;
   email?: InputMaybe<Scalars['String']['input']>;
   inviteGroups?: InputMaybe<Array<InputMaybe<BindingAttributes>>>;
+  oidcProviderId?: InputMaybe<Scalars['ID']['input']>;
+  serviceAccountId?: InputMaybe<Scalars['ID']['input']>;
 };
 
 export type InviteConnection = {
@@ -1731,6 +1733,7 @@ export type OidcProvider = {
   consent?: Maybe<ConsentRequest>;
   id: Scalars['ID']['output'];
   insertedAt?: Maybe<Scalars['DateTime']['output']>;
+  invites?: Maybe<Array<Maybe<Invite>>>;
   redirectUris?: Maybe<Array<Maybe<Scalars['String']['output']>>>;
   updatedAt?: Maybe<Scalars['DateTime']['output']>;
 };
@@ -3621,6 +3624,7 @@ export type RootQueryType = {
   tokens?: Maybe<PersistedTokenConnection>;
   upgradeQueue?: Maybe<UpgradeQueue>;
   upgradeQueues?: Maybe<Array<Maybe<UpgradeQueue>>>;
+  user?: Maybe<User>;
   users?: Maybe<UserConnection>;
   versions?: Maybe<VersionConnection>;
   webhooks?: Maybe<WebhookConnection>;
@@ -4157,6 +4161,11 @@ export type RootQueryTypeUpgradeQueueArgs = {
 };
 
 
+export type RootQueryTypeUserArgs = {
+  id: Scalars['ID']['input'];
+};
+
+
 export type RootQueryTypeUsersArgs = {
   after?: InputMaybe<Scalars['String']['input']>;
   all?: InputMaybe<Scalars['Boolean']['input']>;
@@ -4738,6 +4747,7 @@ export type User = {
   address?: Maybe<Address>;
   avatar?: Maybe<Scalars['String']['output']>;
   backgroundColor?: Maybe<Scalars['String']['output']>;
+  /** the roles attached to this user, only fetch this when querying an individual user */
   boundRoles?: Maybe<Array<Maybe<Role>>>;
   cards?: Maybe<CardConnection>;
   defaultQueueId?: Maybe<Scalars['ID']['output']>;
@@ -4747,11 +4757,14 @@ export type User = {
   email: Scalars['String']['output'];
   emailConfirmBy?: Maybe<Scalars['DateTime']['output']>;
   emailConfirmed?: Maybe<Scalars['Boolean']['output']>;
+  /** the groups attached to this user, only fetch this when querying an individual user */
+  groups?: Maybe<Array<Maybe<Group>>>;
   hasInstallations?: Maybe<Scalars['Boolean']['output']>;
   hasShell?: Maybe<Scalars['Boolean']['output']>;
   id: Scalars['ID']['output'];
   impersonationPolicy?: Maybe<ImpersonationPolicy>;
   insertedAt?: Maybe<Scalars['DateTime']['output']>;
+  invites?: Maybe<Array<Maybe<Invite>>>;
   jwt?: Maybe<Scalars['String']['output']>;
   loginMethod?: Maybe<LoginMethod>;
   name: Scalars['String']['output'];
@@ -4777,6 +4790,7 @@ export type UserAttributes = {
   avatar?: InputMaybe<Scalars['UploadOrUrl']['input']>;
   confirm?: InputMaybe<Scalars['String']['input']>;
   email?: InputMaybe<Scalars['String']['input']>;
+  groupIds?: InputMaybe<Array<Scalars['ID']['input']>>;
   loginMethod?: InputMaybe<LoginMethod>;
   name?: InputMaybe<Scalars['String']['input']>;
   onboarding?: InputMaybe<OnboardingState>;

diff --git a/yarn.lock b/yarn.lock
@@ -5,46 +5,46 @@ __metadata:
   version: 6
   cacheKey: 8
 
-"@algolia/autocomplete-core@npm:1.9.2":
-  version: 1.9.2
-  resolution: "@algolia/autocomplete-core@npm:1.9.2"
+"@algolia/autocomplete-core@npm:1.9.3":
+  version: 1.9.3
+  resolution: "@algolia/autocomplete-core@npm:1.9.3"
   dependencies:
-    "@algolia/autocomplete-plugin-algolia-insights": 1.9.2
-    "@algolia/autocomplete-shared": 1.9.2
-  checksum: aa0b9db9f31731d8c6afd644c6fbc5a9b99967caaeb6b2ceb7660d524a95c08a59644a4d235c07dc387aa954739d63844e78da56fe441f75bad337da1f46e815
+    "@algolia/autocomplete-plugin-algolia-insights": 1.9.3
+    "@algolia/autocomplete-shared": 1.9.3
+  checksum: ce78048568660184a4fa3c6548f344a7f5ce0ba45d4cfc233f9756b6d4f360afd5ae3a18efefcd27a626d3a0d6cf22d9cba3e21b217afae62b8e9d11bc4960da
   languageName: node
   linkType: hard
 
-"@algolia/autocomplete-plugin-algolia-insights@npm:1.9.2":
-  version: 1.9.2
-  resolution: "@algolia/autocomplete-plugin-algolia-insights@npm:1.9.2"
+"@algolia/autocomplete-plugin-algolia-insights@npm:1.9.3":
+  version: 1.9.3
+  resolution: "@algolia/autocomplete-plugin-algolia-insights@npm:1.9.3"
   dependencies:
-    "@algolia/autocomplete-shared": 1.9.2
+    "@algolia/autocomplete-shared": 1.9.3
   peerDependencies:
     search-insights: ">= 1 < 3"
-  checksum: e67370d44abc92ebd30e6caf8b32a8f8e93c952ab30d5c5dda31ac2e1b9bd97a49e02cdc4a9c0ad48e09f89fa58aa452ce1fbfb6880d5aaf737477864ccf1cda
+  checksum: 030695bf692021c27f52a3d4931efed23032796e326d4ae7957ae91b51c36a10dc2d885fb043909e853f961c994b8e9ff087f50bb918cfa075370562251a199f
   languageName: node
   linkType: hard
 
-"@algolia/autocomplete-preset-algolia@npm:1.9.2":
-  version: 1.9.2
-  resolution: "@algolia/autocomplete-preset-algolia@npm:1.9.2"
+"@algolia/autocomplete-preset-algolia@npm:1.9.3":
+  version: 1.9.3
+  resolution: "@algolia/autocomplete-preset-algolia@npm:1.9.3"
   dependencies:
-    "@algolia/autocomplete-shared": 1.9.2
+    "@algolia/autocomplete-shared": 1.9.3
   peerDependencies:
     "@algolia/client-search": ">= 4.9.1 < 6"
     algoliasearch: ">= 4.9.1 < 6"
-  checksum: 0dac7d4d2877cb945a16516f5e8ae66ad128a6d5ff2571fbbc1e450bbebe9c3bb015c84a982dcfd90f126b4967e8a5ea239aaadceffcc71e0f9218d0851390b6
+  checksum: 1ab3273d3054b348eed286ad1a54b21807846326485507b872477b827dc688006d4f14233cebd0bf49b2932ec8e29eca6d76e48a3c9e9e963b25153b987549c0
   languageName: node
   linkType: hard
 
-"@algolia/autocomplete-shared@npm:1.9.2":
-  version: 1.9.2
-  resolution: "@algolia/autocomplete-shared@npm:1.9.2"
+"@algolia/autocomplete-shared@npm:1.9.3":
+  version: 1.9.3
+  resolution: "@algolia/autocomplete-shared@npm:1.9.3"
   peerDependencies:
     "@algolia/client-search": ">= 4.9.1 < 6"
     algoliasearch: ">= 4.9.1 < 6"
-  checksum: 663ba554d62bfecacd81bce751ef954bdae95d9e36c9825187f22117d877ecb5b835a36b5cc55b0acd3dec5d6e8e9b440607ac53df82ec809976b71155e0e851
+  checksum: 06014c8b08d30c452de079f48c0235d8fa09904bf511da8dc1b7e491819940fd4ff36b9bf65340242b2e157a26799a3b9aea01feee9c5bf67be3c48d7dff43d7
   languageName: node
   linkType: hard
 
@@ -1650,20 +1650,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@docsearch/css@npm:3.5.0":
-  version: 3.5.0
-  resolution: "@docsearch/css@npm:3.5.0"
-  checksum: 07e4b207f1c18905674012277f8dfaf0984e385b918b2e62b1d4b2a38e631f7161aef83eae6e9be0cf7ce400a608bbdd52bbaacbfb500dcaf5c1d1f98087db44
+"@docsearch/css@npm:3.5.1":
+  version: 3.5.1
+  resolution: "@docsearch/css@npm:3.5.1"
+  checksum: ce84aaf2b7ab653a0512869e7398ea92cd20976d63499c5200afdfe8dec2205371c77ee6d529bbad25767594f5cf89854907372560d506154947ff21ef901434
   languageName: node
   linkType: hard
 
-"@docsearch/react@npm:3.5.0":
-  version: 3.5.0
-  resolution: "@docsearch/react@npm:3.5.0"
+"@docsearch/react@npm:3.5.1":
+  version: 3.5.1
+  resolution: "@docsearch/react@npm:3.5.1"
   dependencies:
-    "@algolia/autocomplete-core": 1.9.2
-    "@algolia/autocomplete-preset-algolia": 1.9.2
-    "@docsearch/css": 3.5.0
+    "@algolia/autocomplete-core": 1.9.3
+    "@algolia/autocomplete-preset-algolia": 1.9.3
+    "@docsearch/css": 3.5.1
     algoliasearch: ^4.0.0
   peerDependencies:
     "@types/react": ">= 16.8.0 < 19.0.0"
@@ -1676,7 +1676,7 @@ __metadata:
       optional: true
     react-dom:
       optional: true
-  checksum: 33cb27c2b574123ba366419ce8ce010ce0f420f0310a230ef39059c2a7a7a84c569859aee9211db0cdd406172d335eec04cdf02e6a1bed04f9a791a72ab18316
+  checksum: 560ff968861820586c84f28df76c3caf5c137b60cb1434c54af87b7fda04b32c38bcc0211f88f0c153e650c8857d5a9d8373556be0bbb3accaf4e3f3b51a22a1
   languageName: node
   linkType: hard
 
@@ -11913,7 +11913,7 @@ __metadata:
   resolution: "root-workspace-0b6124@workspace:."
   dependencies:
     "@apollo/client": 3.7.15
-    "@docsearch/react": 3.5.0
+    "@docsearch/react": 3.5.1
     "@emotion/react": 11.11.1
     "@emotion/styled": 11.11.0
     "@graphql-codegen/add": 5.0.0