Merge branch 'main' into spr/main/cf35ff23

frontend/app-development/features/appPublish/components/ConfirmUndeployDialog/ConfirmUndeployDialog.tsx

@@ -62,7 +62,6 @@ export const ConfirmUndeployDialog = ({
           {t('app_deployment.undeploy_confirmation_dialog_description')}
         </StudioParagraph>
         <StudioTextfield
-          size='sm'
           label={t('app_deployment.undeploy_confirmation_input_label')}
           description={t('app_deployment.undeploy_confirmation_input_description', {
             appName,

frontend/app-development/features/simpleMerge/RemoveChangesPopoverContent/RemoveChangesPopoverContent.tsx

@@ -67,7 +67,6 @@ export const RemoveChangesPopoverContent = ({
         onChange={handleChange}
         autoFocus
         onKeyUp={handleOnKeypressEnter}
-        size='small'
       />
       {repoResetMutation.isPending && (
         <StudioSpinner showSpinnerTitle={false} spinnerTitle={t('overview.reset_repo_loading')} />

frontend/libs/studio-components/src/components/StudioExpression/SimplifiedEditor/LogicalExpressionEditor/SubExpression/SubExpressionValueSelector/SubExpressionValueContentInput/NumberInput.tsx

@@ -13,7 +13,6 @@ export const NumberInput = ({ value, onChange }: Props<SimpleSubexpressionValueT
     <StudioDecimalInput
       label={texts.value}
       onChange={handleChange}
-      size='small'
       validationErrorMessage={texts.numberValidationError}
       value={value.value}
     />

frontend/libs/studio-components/src/components/StudioIconTextfield/StudioIconTextfield.tsx

@@ -28,7 +28,6 @@ export const StudioIconTextfield = forwardRef<HTMLDivElement, StudioIconTextfiel
         <StudioTextfield
           disabled={readOnly}
           id={textFieldId}
-          size='sm'
           className={classes.textfield}
           {...rest}
         />

frontend/libs/studio-components/src/components/StudioInputTable/Cell/CellNumberfield.tsx

@@ -36,7 +36,7 @@ export class CellNumberfield extends BaseInputCell<HTMLInputElement, CellNumberf
 
     return (
       <StudioTable.Cell className={className}>
-        <StudioDecimalInput hideLabel ref={ref} size='small' {...rest} {...eventProps} />
+        <StudioDecimalInput hideLabel ref={ref} {...rest} {...eventProps} />
       </StudioTable.Cell>
     );
   }

frontend/libs/studio-components/src/components/StudioInputTable/Cell/CellTextarea.tsx

@@ -32,7 +32,7 @@ export class CellTextarea extends BaseInputCell<HTMLTextAreaElement, CellTextare
     const className = cn(classes.textareaCell, givenClass);
     return (
       <StudioTable.Cell className={className}>
-        <StudioTextarea hideLabel ref={ref} size='small' {...rest} {...eventProps} />
+        <StudioTextarea hideLabel ref={ref} {...rest} {...eventProps} />
       </StudioTable.Cell>
     );
   }

frontend/libs/studio-components/src/components/StudioInputTable/Cell/CellTextfield.tsx

@@ -34,7 +34,7 @@ export class CellTextfield extends BaseInputCell<HTMLInputElement, CellTextfield
 
     return (
       <StudioTable.Cell className={className}>
-        <StudioTextfield hideLabel ref={ref} size='small' {...rest} {...eventProps} />
+        <StudioTextfield hideLabel ref={ref} {...rest} {...eventProps} />
       </StudioTable.Cell>
     );
   }

frontend/libs/studio-components/src/components/StudioPaginatedContent/StudioPaginatedContent.stories.tsx

@@ -15,7 +15,6 @@ const Children1 = ({ onChange, value }: ChildrenProps) => {
     <div>
       <StudioParagraph>Children 1</StudioParagraph>
       <StudioTextfield
-        size='sm'
         label='Please enter the value "3" to proceed to the next page.'
         onChange={onChange}
         value={value}

frontend/libs/studio-components/src/components/StudioRecommendedNextAction/StudioRecommendedNextAction.stories.tsx

@@ -56,7 +56,6 @@ export const ExampleUseCase: ExampleUseCase = (args): React.ReactElement => {
           error={name !== 'Bernard' ? 'Navnet må være Bernard' : ''}
           onChange={(e) => setName(e.target.value)}
           icon={<KeyVerticalIcon />}
-          size='sm'
           label='Nytt navn'
         />
       </StudioRecommendedNextAction>

frontend/libs/studio-components/src/components/StudioTextResourceInput/StudioTextResourceInput.tsx

@@ -154,7 +154,6 @@ const ValueField = forwardRef<HTMLInputElement, ValueFieldProps>(
   ({ textResource, onChangeTextResource, ...rest }, ref): ReactElement => {
     const generalProps: StudioTextfieldProps = {
       hideLabel: true,
-      size: 'sm',
       ...rest,
     };
 

frontend/libs/studio-components/src/components/StudioTextarea/StudioTextarea.stories.tsx

@@ -10,7 +10,7 @@ const meta: Meta = {
   argTypes: {
     size: {
       control: 'radio',
-      options: ['small', 'medium', 'large'],
+      options: ['sm', 'md', 'lg'],
     },
   },
 };
@@ -21,6 +21,6 @@ Preview.args = {
   placeholder: 'Type something here...',
   error: '',
   hideLabel: false,
-  size: 'medium',
+  size: 'sm',
 };
 export default meta;

frontend/libs/studio-components/src/components/StudioTextfield/StudioTextfield.stories.tsx

@@ -10,7 +10,7 @@ const meta: Meta = {
   argTypes: {
     size: {
       control: 'radio',
-      options: ['small', 'medium', 'large'],
+      options: ['sm', 'md', 'lg'],
     },
   },
 };
@@ -20,7 +20,7 @@ Preview.args = {
   label: 'Textfield',
   placeholder: '',
   error: '',
-  size: 'small',
+  size: 'sm',
 };
 
 export default meta;

frontend/libs/studio-components/src/hooks/useTextInputProps.tsx

@@ -16,6 +16,7 @@ export function useTextInputProps<E extends ElementType>(
     errorAfterBlur,
     label,
     withAsterisk,
+    size = 'sm',
     ...rest
   } = props;
 
@@ -53,5 +54,6 @@ export function useTextInputProps<E extends ElementType>(
     onBlur: handleBlur,
     error: errorComponent,
     label: labelComponent,
+    size,
   } as Omit<SharedTextInputProps<E>, keyof AdditionalProps>;
 }

frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CreateNewCodeListModal/CreateNewCodeListModal.tsx

@@ -127,7 +127,6 @@ function CreateNewCodeList({
       <StudioTextfield
         label={t('app_content_library.code_lists.create_new_code_list_name')}
         className={classes.codeListTitle}
-        size='small'
         onChange={(event) => handleCodeListTitleChange(event.target.value)}
         error={codeListTitleError}
       />

frontend/libs/studio-feedback-form/src/FeedbackForm/Question/TextQuestion.tsx

@@ -8,7 +8,6 @@ export function TextQuestion({ id, label, value, onChange }: QuestionsProps): Re
   const debouncedOnChange = (newValue: string) => debounce(() => onChange(id, newValue));
   return (
     <StudioTextarea
-      size='sm'
       id={id}
       label={label}
       value={value}

frontend/packages/policy-editor/src/components/PolicyCardRules/PolicyRule/PolicyAccessPackages/PolicyAccessPackages.tsx

@@ -99,7 +99,6 @@ export const PolicyAccessPackages = (): ReactElement => {
               }
               hideLabel
               placeholder={t('policy_editor.access_package_search')}
-              size='small'
               value={searchValue}
               onChange={handleSearch}
             />

frontend/packages/policy-editor/src/components/PolicyCardRules/PolicyRule/PolicyDescription/PolicyDescription.tsx

@@ -25,7 +25,6 @@ export const PolicyDescription = (): React.ReactElement => {
     <div className={classes.textAreaWrapper}>
       <StudioTextarea
         label={t('policy_editor.rule_card_description_title')}
-        size='small'
         value={policyRule.description}
         onChange={handleChangeDescription}
         rows={5}

frontend/packages/policy-editor/src/components/PolicyCardRules/PolicyRule/SubResources/ResourceNarrowingList/PolicyResourceFields/PolicyResourceFields.tsx

@@ -69,7 +69,6 @@ export const PolicyResourceFields = ({
           )}
           <StudioTextfield
             value={resource.type}
-            size='small'
             onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
               handleInputChange('type', event.target.value)
             }
@@ -86,7 +85,6 @@ export const PolicyResourceFields = ({
           )}
           <StudioTextfield
             value={resource.id}
-            size='small'
             onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
               handleInputChange('id', event.target.value)
             }

frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditActions/ActionsEditor/CustomActions/CustomActions.tsx

@@ -40,7 +40,6 @@ export const CustomActions = ({ actionElement }: CustomActionsProps): React.Reac
     <>
       <StudioTextfield
         onChange={onCustomActionChange}
-        size='small'
         label={t('process_editor.configuration_panel_actions_action_card_custom_label')}
         className={classes.customActionTextfield}
         value={isCustomAction ? actionElement.action : ''}

frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditLayoutSetNameRecommendedAction/RecommendedActionChangeName.tsx

@@ -46,7 +46,6 @@ export const RecommendedActionChangeName = (): React.ReactElement => {
       <StudioIconTextfield
         error={newNameError}
         icon={<KeyVerticalIcon />}
-        size='sm'
         label={t('process_editor.recommended_action.new_name_label')}
         onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
           setNewName(event.target.value);

frontend/packages/process-editor/src/components/ConfigPanel/ConfigEndEvent/CustomReceiptContent/CreateCustomReceiptForm/CreateCustomReceiptForm.tsx

@@ -87,7 +87,6 @@ export const CreateCustomReceiptForm = ({
         name='customReceiptLayoutSetId'
         label={t('process_editor.configuration_panel_custom_receipt_textfield_label')}
         value={existingCustomReceiptLayoutSetId}
-        size='small'
         error={layoutSetError}
         onChange={handleValidateLayoutSetId}
       />

frontend/packages/schema-editor/src/components/SchemaInspector/CustomProperties.tsx

@@ -110,20 +110,12 @@ export interface InputProps<T> {
 
 export const StringInput = ({ id, value, onChange }: InputProps<string>) => {
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value);
-  return <StudioTextfield size='sm' id={id} value={value} onChange={handleChange} />;
+  return <StudioTextfield id={id} value={value} onChange={handleChange} />;
 };
 
 export const NumberInput = ({ id, value, onChange }: InputProps<number>) => {
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => onChange(Number(e.target.value));
-  return (
-    <StudioTextfield
-      size='sm'
-      id={id}
-      type='number'
-      value={value.toString()}
-      onChange={handleChange}
-    />
-  );
+  return <StudioTextfield id={id} type='number' value={value.toString()} onChange={handleChange} />;
 };
 
 export const BooleanInput = ({ id, value, onChange }: InputProps<boolean>) => {

frontend/packages/schema-editor/src/components/SchemaInspector/ItemDataComponent.tsx

@@ -126,7 +126,6 @@ export function ItemDataComponent({ schemaNode }: IItemDataComponentProps) {
               label={t('schema_editor.name')}
               handleSave={handleChangeNodeName}
               schemaPointer={schemaPointer}
-              size='small'
             />
           )}
           {isReference(schemaNode) && (
@@ -183,7 +182,6 @@ export function ItemDataComponent({ schemaNode }: IItemDataComponentProps) {
             label={t('schema_editor.title')}
             aria-label={t('schema_editor.title')}
             onBlur={onChangeTitle}
-            size='small'
             onChange={(e: ChangeEvent<HTMLInputElement>) => setItemItemTitle(e.target.value)}
             value={itemTitle}
           />
@@ -197,7 +195,6 @@ export function ItemDataComponent({ schemaNode }: IItemDataComponentProps) {
             onChange={(event: ChangeEvent<HTMLTextAreaElement>) =>
               setItemItemDescription(event.target.value)
             }
-            size='small'
             value={itemDescription}
           />
         </div>

frontend/packages/schema-editor/src/components/SchemaInspector/ItemFieldsTab/ItemFieldsTable/ItemFieldsTableRow.tsx

@@ -70,7 +70,6 @@ export const ItemFieldsTableRow = ({
           hideLabel
           onKeyDown={onKeyDown}
           schemaPointer={fullPath}
-          size='small'
           aria-label={t('schema_editor.field_name')}
         />
       </td>

frontend/packages/schema-editor/src/components/SchemaInspector/ItemRestrictions/ArrayRestrictions/ArrayRestrictions.tsx

@@ -28,7 +28,6 @@ export function ArrayRestrictions({
             }
             value={restrictions[ArrRestrictionKey.minItems]}
             type='number'
-            size='sm'
           />
         </div>
         <div className={classes.item}>
@@ -43,7 +42,6 @@ export function ArrayRestrictions({
             }
             value={restrictions[ArrRestrictionKey.maxItems]}
             type='number'
-            size='sm'
           />
         </div>
       </div>

frontend/packages/schema-editor/src/components/SchemaInspector/ItemRestrictions/NumberRestrictions/NumberRestrictions.tsx

@@ -93,7 +93,6 @@ export function NumberRestrictions({
               onChange={onChangeMinNumber}
               value={formatState.min === undefined ? '' : formatState.min.toString()}
               type='number'
-              size='sm'
             />
             <div className={classes.minNumberErrorMassage}>
               <ErrorMessage>{minMaxErrorMessage}</ErrorMessage>
@@ -119,7 +118,6 @@ export function NumberRestrictions({
               onChange={onChangeMaxNumber}
               value={formatState.max === undefined ? '' : formatState.max.toString()}
               type='number'
-              size='sm'
             />
             <div className={classes.minNumberErrorMassage}>
               <ErrorMessage>{minMaxErrorMessage}</ErrorMessage>
@@ -143,7 +141,6 @@ export function NumberRestrictions({
           <StudioTextfield
             id='schema_editor.multipleOf'
             type='number'
-            size='sm'
             onChange={(e: ChangeEvent<HTMLInputElement>) =>
               dispatchAction(NumberRestrictionsReducerActionType.setMultipleOf, e.target.value)
             }

frontend/packages/schema-editor/src/components/SchemaInspector/ItemRestrictions/StringRestrictions/StringRestrictions.tsx

@@ -139,7 +139,6 @@ export function StringRestrictions({
       <div className={classes.lengthFields}>
         <div className={classes.lengthField}>
           <StudioTextfield
-            size='sm'
             type='number'
             label={t(StrRestrictionKey.minLength)}
             onChange={(e: ChangeEvent<HTMLInputElement>) =>
@@ -150,7 +149,6 @@ export function StringRestrictions({
         </div>
         <div className={classes.lengthField}>
           <StudioTextfield
-            size='sm'
             type='number'
             label={t(StrRestrictionKey.maxLength)}
             onChange={(e: ChangeEvent<HTMLInputElement>) =>
@@ -192,7 +190,6 @@ export function StringRestrictions({
               ))}
             </div>
             <StudioTextfield
-              size='sm'
               id={fieldId}
               onChange={(event: ChangeEvent<HTMLInputElement>) =>
                 handleValueChange(event.target.value)

frontend/packages/shared/src/components/GiteaHeader/ThreeDotsMenu/ClonePopoverContent/ClonePopoverContent.tsx

@@ -58,7 +58,7 @@ export const ClonePopoverContent = ({ onClose }: ClonePopoverContentProps) => {
           </Paragraph>
         </>
       )}
-      <StudioTextfield readOnly value={gitUrl} label={t('sync_header.clone_https')} size='small' />
+      <StudioTextfield readOnly value={gitUrl} label={t('sync_header.clone_https')} />
       {canCopy && (
         <div className={classes.buttonWrapper}>
           <StudioButton fullWidth onClick={copyGitUrl} className={classes.button}>

frontend/packages/shared/src/components/GiteaHeader/VersionControlButtons/components/ShareChangesPopover/CommitAndPushContent/FileChangesInfoModal/FileChangesInfoModal.module.css

@@ -15,3 +15,7 @@
   vertical-align: top;
   width: 1%;
 }
+
+.openDialogButton {
+  margin-bottom: var(--fds-spacing-4);
+}

frontend/packages/shared/src/components/GiteaHeader/VersionControlButtons/components/ShareChangesPopover/CommitAndPushContent/FileChangesInfoModal/FileChangesInfoModal.tsx

@@ -34,7 +34,11 @@ export const FileChangesInfoModal = ({
 
   return (
     <StudioModal.Root>
-      <StudioModal.Trigger icon={<ClockDashedIcon />} variant='tertiary'>
+      <StudioModal.Trigger
+        icon={<ClockDashedIcon />}
+        variant='tertiary'
+        className={classes.openDialogButton}
+      >
         {t('sync_header.review_file_changes')}
       </StudioModal.Trigger>
       <StudioModal.Dialog

frontend/packages/ux-editor/src/components/Properties/PropertiesHeader/EditLayoutSetForSubform/EditLayoutSet/CreateNewSubformSection/CreateNewSubformSection.tsx

@@ -110,7 +110,6 @@ export const CreateNewSubformSection = ({
           <StudioTextfield
             name='subform'
             label={t('ux_editor.component_properties.subform.created_layout_set_name')}
-            size='sm'
             disabled={isPendingNewSubformMutation}
             onChange={(e) => handleSubformName(e.target.value)}
             error={newSubformNameError}

frontend/packages/ux-editor/src/components/Properties/PropertiesHeader/EditLayoutSetForSubform/EditLayoutSet/CreateNewSubformSection/SubformDataModel.tsx

@@ -60,7 +60,6 @@ export const SubformDataModel = ({
         <StudioTextfield
           name='newSubformDataModel'
           label={t('ux_editor.component_properties.subform.create_new_data_model_label')}
-          size='sm'
           onChange={(e) => handleNewDataModel(e.target.value)}
           error={dataModelNameError}
         />

frontend/packages/ux-editor/src/components/config/componentSpecificContent/Map/MapComponent.tsx

@@ -110,7 +110,6 @@ const AddMapLayer = ({ component, handleComponentChange }: AddMapLayerProps): JS
                     id={component.id}
                     label={t('ux_editor.url_label')}
                     value={fieldProps.value}
-                    size='sm'
                     onChange={(e) => fieldProps.onChange(e.target.value, e)}
                     name='url'
                   />
@@ -130,7 +129,6 @@ const AddMapLayer = ({ component, handleComponentChange }: AddMapLayerProps): JS
                     id={component.id}
                     label={t('ux_editor.attribution_label')}
                     value={fieldProps.value}
-                    size='sm'
                     name='attribution'
                     onChange={(e) => fieldProps.onChange(e.target.value, e)}
                   />

frontend/packages/ux-editor/src/components/config/componentSpecificContent/Summary2/Override/OverrideFields/EmptyTextField.tsx

@@ -28,7 +28,6 @@ export const EmptyTextField = ({ onChange, override }: EmptyTextFieldProps) => {
     <StudioTextfield
       label={t('ux_editor.component_properties.summary.override.empty_field_text')}
       autoFocus={true}
-      size='sm'
       onBlur={() => setOpen(false)}
       onKeyDown={({ key }) => key === 'Enter' && setOpen(false)}
       value={override.emptyFieldText}