rk-designsystem/dist/rk-designsystem.css

A React component library built on top of Digdir Design System

._calendarContainer_mtooc_5{display:inline-flex;padding:var(--ds-size-8, 32px);flex-direction:column;align-items:flex-start;gap:var(--ds-size-3, 12px);border:1px solid var(--ds-color-neutral-border-subtle, #ccc);border-radius:var(--ds-border-radius-md, 4px);background-color:var(--ds-color-neutral-background-default, #fff);font-family:var(--ds-font-family, sans-serif);color:var(--ds-color-neutral-text-default)}._calendarHeader_mtooc_33{display:flex;justify-content:space-between;align-items:center;align-self:stretch}._monthYear_mtooc_47{color:var(--ds-color-neutral-text-default, #2b2b2b);font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-heading-sm-font-size, 1.5rem);font-style:normal;font-weight:var(--ds-heading-sm-font-weight, 500);line-height:var(--ds-heading-sm-line-height, 1.3);letter-spacing:var(--ds-heading-sm-letter-spacing, 0%);margin:0}._navigationButtons_mtooc_71{display:flex;gap:var(--ds-size-1, 4px)}._navigationButtons_mtooc_71>button:disabled svg{opacity:var(--ds-opacity-disabled, .3)}._grid_mtooc_89{display:grid;grid-template-columns:repeat(7,1fr);width:100%;text-align:center}._dayNameCell_mtooc_105{display:flex;padding:var(--ds-size-2, 8px);flex-direction:column;justify-content:center;align-items:center;color:var(--ds-color-neutral-text-default, #2b2b2b);text-align:center;font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-font-weight-semibold, 600);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);box-sizing:border-box}._dateCell_mtooc_143{display:flex;padding:var(--ds-size-5, 22px);flex-direction:column;justify-content:center;align-items:center;border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-subtle, #bcbcbc);box-sizing:border-box;margin:-.5px;font-family:var(--ds-font-family, "Myriad VF", sans-serif);color:var(--ds-color-neutral-text-default, #2b2b2b);text-align:center;font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-body-xs-font-weight, 400);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);font-feature-settings:"tnum" 1;-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;-webkit-user-select:none;user-select:none}._dateNumberContainer_mtooc_213{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;transition:color .15s ease-in-out,font-weight .15s ease-in-out;line-height:1;box-sizing:border-box;background-color:transparent}._dateCell_mtooc_143:hover:not(._otherMonth_mtooc_249):not(._disabled_mtooc_249){background-color:var(--ds-color-neutral-surface-hover, #eee);position:relative;z-index:1}._dateCell_mtooc_143:hover:not(._otherMonth_mtooc_249):not(._disabled_mtooc_249) ._dateNumberContainer_mtooc_213{background-color:transparent}._otherMonth_mtooc_249{color:var(--ds-color-neutral-text-subtle, #aaa);cursor:default;pointer-events:none;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-subtle, #bcbcbc);margin:-.5px}._otherMonth_mtooc_249 ._dateNumberContainer_mtooc_213{color:var(--ds-color-neutral-text-subtle, #aaa);background-color:transparent;box-shadow:none}._selectedDate_mtooc_313{background-color:var(--ds-color-primary-brand-base-active, #8e1d14);border-color:var(--ds-color-primary-brand-base-active, #8e1d14);color:var(--ds-color-primary-brand-base-contrast-default, #fff);position:relative;z-index:1}._selectedDate_mtooc_313 ._dateNumberContainer_mtooc_213{color:var(--ds-color-primary-brand-base-contrast-default, #fff);font-weight:var(--ds-font-weight-semibold, 600);background-color:transparent;box-shadow:none}._fieldset_s5r8s_7{margin-bottom:var(--ds-spacing-4, 16px)}._fieldset_s5r8s_7 label{display:block;margin-bottom:var(--ds-spacing-1, 4px);font-weight:var(--ds-font-weight-medium, 500);color:var(--ds-color-neutral-text-default, #2b2b2b)}._description_s5r8s_29{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-neutral-text-subtle, #5d5d5d);margin-top:var(--ds-spacing-1, 4px);margin-bottom:var(--ds-spacing-2, 8px)}._error_s5r8s_43{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-danger-text-default, #c30000);margin-top:var(--ds-spacing-1, 4px)}._inputWrapper_s5r8s_59{display:flex;align-items:stretch;width:100%;position:relative;border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-default, #797979);border-radius:var(--ds-border-radius-md, 4px);overflow:hidden;transition:border-color .1s ease-out,outline .1s ease-out}._inputWrapperError_s5r8s_83{border-color:var(--ds-color-danger-border-default, #c30000)}._inputWrapper_s5r8s_59:focus-within{outline:var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);outline-offset:var(--ds-focus-outline-offset, 2px)}._inputWrapper_s5r8s_59 input{box-sizing:border-box;flex-grow:1;width:auto;min-width:0;background-color:var(--ds-color-neutral-background-default, #fff);color:var(--ds-color-neutral-text-default, #2b2b2b);border:none;border-radius:0;outline:none;padding:var(--ds-size-2, 8px) var(--ds-size-3, 12px);font-family:inherit;font-size:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}._inputWrapper_s5r8s_59 input:disabled{opacity:var(--ds-opacity-disabled, .5);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-subtle, #f0f0f0);color:var(--ds-color-neutral-text-subtle, #5d5d5d)}._suffixButton_s5r8s_199{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 var(--ds-size-3, 12px);margin:0;border:none;border-radius:0;border-left:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-default, #797979);background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);color:var(--ds-color-neutral-text-subtle, #5d5d5d);font-size:1.25rem;box-sizing:border-box;cursor:default;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;position:relative;z-index:0}._suffixButtonInteractive_s5r8s_239{cursor:pointer}._suffixButtonInteractive_s5r8s_239:hover:not(:disabled){color:var(--ds-color-neutral-text-default, #2b2b2b);background-color:var(--ds-color-neutral-surface-hover, #dadada)}._suffixButton_s5r8s_199:disabled{opacity:var(--ds-opacity-disabled, .3);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border-left-color:var(--ds-color-neutral-border-default, #797979)}