{"version":3,"sources":["../../../../src/nhsuk/components/tables/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n@use \"../../core/helpers\" as *;\n@use \"../scroll\" as *;\n\n////\n/// Table component\n///\n/// @group components/table\n////\n\n@include nhsuk-exports(\"nhsuk/components/table\") {\n  .nhsuk-table,\n  // Deprecated, to be removed in v11.0\n  .nhsuk-table-responsive {\n    box-sizing: border-box;\n    width: calc(100% + $nhsuk-border-table-header-width * 2);\n    border-spacing: 0;\n    border-collapse: collapse;\n\n    @include nhsuk-font($size: 19);\n    @include nhsuk-responsive-margin(7, \"bottom\");\n  }\n\n  .nhsuk-table--compact {\n    .nhsuk-table__header,\n    .nhsuk-table__cell {\n      padding-top: nhsuk-spacing(1);\n      padding-bottom: nhsuk-spacing(1);\n\n      @media #{nhsuk-from-breakpoint(tablet)} {\n        padding-top: nhsuk-spacing(2);\n        padding-bottom: nhsuk-spacing(2);\n      }\n    }\n\n    .nhsuk-table__header:not(:last-child),\n    .nhsuk-table__cell:not(:last-child) {\n      padding-right: nhsuk-spacing(3);\n    }\n  }\n\n  .nhsuk-table--striped {\n    .nhsuk-table__row:nth-child(odd) {\n      background-color: rgba($nhsuk-target-hover-colour, 0.5);\n    }\n\n    .nhsuk-table__head .nhsuk-table__row {\n      background-color: transparent;\n    }\n  }\n\n  .nhsuk-table--reverse,\n  // Deprecated, to be removed in v11.0\n  .nhsuk-table-responsive--reverse {\n    color: $nhsuk-reverse-text-colour;\n\n    .nhsuk-table__header,\n    .nhsuk-table__cell {\n      border-color: $nhsuk-reverse-border-colour;\n    }\n\n    &.nhsuk-table--striped {\n      .nhsuk-table__body .nhsuk-table__row:nth-child(odd) {\n        background-color: rgba($nhsuk-reverse-target-hover-colour, 0.5);\n      }\n    }\n  }\n\n  .nhsuk-table__caption {\n    display: table-caption;\n    margin-bottom: nhsuk-spacing(3) - nhsuk-spacing(2);\n    @include nhsuk-font($size: 22, $weight: bold);\n\n    @media #{nhsuk-from-breakpoint(tablet)} {\n      margin-bottom: nhsuk-spacing(4) - nhsuk-spacing(3);\n    }\n  }\n\n  // Prevent caption moving with scrolling container\n  .nhsuk-scroll .nhsuk-table__caption {\n    position: sticky;\n    left: -$nhsuk-border-table-header-width;\n\n    // Wrap at viewport width\n    max-width: calc(100vw - (($nhsuk-gutter-half * 2) + $nhsuk-border-table-header-width));\n    padding-right: 0;\n\n    // Wrap at container query width\n    @supports (container-type: inline-size) {\n      max-width: calc(100cqw - (($nhsuk-gutter-half * 2) + $nhsuk-border-table-header-width));\n    }\n\n    // Adjust for scroll offset removed from desktop\n    @media #{nhsuk-from-breakpoint(desktop)} {\n      max-width: 100vw;\n\n      @supports (container-type: inline-size) {\n        max-width: 100cqw;\n      }\n    }\n\n    // Adjust for scroll offset removed by inner scrolling content, but only\n    // when container scroll-state queries are supported in the browser\n    @supports (container-type: inline-size scroll-state) {\n      @container scroll-content {\n        max-width: 100cqw;\n      }\n    }\n  }\n\n  .nhsuk-table__caption--xl {\n    margin-bottom: nhsuk-spacing(6) - nhsuk-spacing(2);\n    @include nhsuk-font-size(48);\n\n    @media #{nhsuk-from-breakpoint(tablet)} {\n      margin-bottom: nhsuk-spacing(7) - nhsuk-spacing(3);\n    }\n  }\n\n  .nhsuk-table__caption--l {\n    @include nhsuk-font-size(36);\n  }\n\n  .nhsuk-table__caption--m {\n    @include nhsuk-font-size(26);\n  }\n\n  .nhsuk-table__caption--s {\n    @include nhsuk-font-size(22);\n  }\n\n  // Table panel with tab heading\n  //\n  // 1. Margin is removed so there isn't double spacing.\n\n  // Deprecated, to be removed in v11.0\n  .nhsuk-table__panel-with-heading-tab {\n    @include nhsuk-card(\n      $card-background-colour: $nhsuk-card-background-colour,\n      $card-text-colour: $nhsuk-text-colour,\n      $card-border-colour: $nhsuk-card-border-colour,\n      $variant: \"feature\"\n    );\n\n    .nhsuk-table,\n    // Deprecated, to be removed in v11.0\n    .nhsuk-table-container,\n    .nhsuk-table-responsive {\n      margin: 0; // [1]\n    }\n  }\n\n  // Deprecated, to be removed in v11.0\n  .nhsuk-table__heading-tab {\n    @include nhsuk-heading-label(\n      $heading-background-colour: $nhsuk-brand-colour,\n      $heading-text-colour: $nhsuk-reverse-text-colour,\n      $silence-warning: true\n    );\n  }\n\n  // Responsive table\n  //\n  // 1. Hide the thead until desktop\n  // 2. Removing default screen reader behaviour\n  // 3. Assigning role of table-row on desktop to give default screen reader behaviour\n  // 4. Using justify content to space out elements in the row on mobile\n  // 5. Assigning a minimum width in case of black cell\n  // 6. Aligning content to the right on mobile\n  // 7. Aligning mobile header to left to split it from the data\n  // 8. Hiding mobile specific header from desktop view\n  // 9. Adding a display block value due to IE 11 not having full flex support\n\n  .nhsuk-table--responsive,\n  // Deprecated, to be removed in v11.0\n  .nhsuk-table-responsive {\n    .nhsuk-table__head {\n      @media #{nhsuk-until-breakpoint(desktop)} {\n        @include nhsuk-visually-hidden; // [1]\n      }\n    }\n\n    .nhsuk-table__body {\n      .nhsuk-table__row {\n        display: block; // [2]\n        margin-bottom: nhsuk-spacing(3) - $nhsuk-border-width;\n      }\n\n      .nhsuk-table__row:last-child {\n        margin-bottom: 0;\n      }\n\n      .nhsuk-table__header,\n      .nhsuk-table__cell {\n        display: block; // For browsers that don't support flexbox\n        display: flex;\n        justify-content: space-between; // [4]\n        // stylelint-disable-next-line declaration-no-important\n        width: auto !important;\n        min-width: 1px; // [5]\n      }\n\n      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n        .nhsuk-table__header,\n        .nhsuk-table__cell {\n          display: block; // [9]\n        }\n      }\n\n      @media #{nhsuk-until-breakpoint(desktop)} {\n        .nhsuk-table__header {\n          @include nhsuk-font-weight-normal;\n        }\n\n        .nhsuk-table__header,\n        .nhsuk-table__cell {\n          padding-right: $nhsuk-border-table-header-width;\n          text-align: right; // [6]\n        }\n\n        .nhsuk-table__header:last-child,\n        .nhsuk-table__cell:last-child {\n          border-bottom-width: $nhsuk-border-width;\n        }\n      }\n\n      @media #{nhsuk-from-breakpoint(desktop)} {\n        .nhsuk-table__row {\n          display: table-row; // [3]\n        }\n\n        .nhsuk-table__header {\n          text-align: left;\n        }\n\n        .nhsuk-table__header,\n        .nhsuk-table__cell {\n          display: table-cell;\n        }\n      }\n    }\n\n    .nhsuk-table__heading,\n    // Deprecated, to be removed in v11.0\n    .nhsuk-table-responsive__heading {\n      @include nhsuk-font-weight-bold;\n      padding-right: nhsuk-spacing(3);\n      text-align: left; // [7]\n\n      @media #{nhsuk-from-breakpoint(desktop)} {\n        display: none; // [8]\n      }\n    }\n\n    &.nhsuk-table--striped {\n      @media #{nhsuk-until-breakpoint(desktop)} {\n        .nhsuk-table__body .nhsuk-table__row:nth-child(odd) {\n          background-color: transparent;\n        }\n      }\n    }\n\n    &.nhsuk-table--no-last-row-border {\n      @media #{nhsuk-until-breakpoint(desktop)} {\n        .nhsuk-table__body .nhsuk-table__row:last-child .nhsuk-table__header:not(:last-child),\n        .nhsuk-table__body .nhsuk-table__row:last-child .nhsuk-table__cell:not(:last-child) {\n          border-color: $nhsuk-border-colour;\n        }\n      }\n    }\n  }\n\n  // Numeric tables\n  //\n  // Right aligns table cells for numeric tables.\n\n  .nhsuk-table__header--numeric,\n  .nhsuk-table__cell--numeric {\n    text-align: right;\n  }\n\n  // Sortable tables\n\n  .nhsuk-table__header[data-sort] {\n    position: relative;\n  }\n\n  // Add icon for sortable tables. These can can be buttons\n  // (client-side sorting) or links (server-side sorting).\n  .nhsuk-table__header[data-sort] .nhsuk-link::after {\n    content: \"\";\n\n    flex-shrink: 0;\n\n    width: nhsuk-px-to-rem($nhsuk-icon-size);\n    height: nhsuk-px-to-rem($nhsuk-icon-size);\n    margin-bottom: nhsuk-px-to-rem(2px);\n    margin-left: nhsuk-px-to-rem(6px);\n\n    background: nhsuk-image-url(\"nhsuk-icon-arrow-up-down.svg\") no-repeat;\n    background-size: nhsuk-px-to-rem($nhsuk-icon-size) nhsuk-px-to-rem($nhsuk-icon-size);\n\n    // Where possible use the cross as a mask instead. This lets us use\n    // currentcolor, increasing the contrast of the image and matching the\n    // user's prefered foreground colour in e.g. forced colors mode.\n    // We test for `mask-position` rather than `mask-image` because of a false\n    // positive in Edge 17.\n    @supports (mask-position: initial) {\n      background-color: currentcolor;\n      // stylelint-disable-next-line declaration-no-important\n      background-image: none !important;\n      mask-image: nhsuk-image-url(\"nhsuk-icon-arrow-up-down.svg\");\n      mask-size: nhsuk-px-to-rem($nhsuk-icon-size) nhsuk-px-to-rem($nhsuk-icon-size);\n\n      // currentcolor doesn't seem to be computed correctly in forced colors\n      // mode so force the background color to match the system link color\n      // (matching the text in the link)\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        background-color: ButtonText;\n      }\n    }\n\n    @media #{nhsuk-until-breakpoint(tablet)} {\n      width: nhsuk-px-to-rem($nhsuk-icon-size-small);\n      height: nhsuk-px-to-rem($nhsuk-icon-size-small);\n      margin-left: nhsuk-px-to-rem(5px);\n      background-size: nhsuk-px-to-rem($nhsuk-icon-size-small) nhsuk-px-to-rem($nhsuk-icon-size-small);\n\n      @supports (mask-position: initial) {\n        mask-size: nhsuk-px-to-rem($nhsuk-icon-size-small) nhsuk-px-to-rem($nhsuk-icon-size-small);\n      }\n    }\n  }\n\n  .nhsuk-table__header[aria-sort=\"ascending\"] .nhsuk-link::after {\n    background-image: nhsuk-image-url(\"nhsuk-icon-arrow-up.svg\");\n\n    @supports (mask-position: initial) {\n      mask-image: nhsuk-image-url(\"nhsuk-icon-arrow-up.svg\");\n    }\n  }\n\n  .nhsuk-table__header[aria-sort=\"descending\"] .nhsuk-link::after {\n    background-image: nhsuk-image-url(\"nhsuk-icon-arrow-down.svg\");\n\n    @supports (mask-position: initial) {\n      mask-image: nhsuk-image-url(\"nhsuk-icon-arrow-down.svg\");\n    }\n  }\n\n  // This expands the button or link to fill the whole\n  // table header element, for a bigger click area\n  .nhsuk-table__header[data-sort] .nhsuk-link::before {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: -$nhsuk-border-table-header-width; // to expand the click area to cover the border-bottom\n    left: 0;\n\n    border: solid transparent;\n    border-width: 0 0 $nhsuk-border-width-form-element;\n  }\n\n  // Add a blue bottom border to the header cell currently sorted\n  .nhsuk-table__header[aria-sort] .nhsuk-link::before {\n    border-color: $nhsuk-link-colour;\n  }\n\n  // Add a darker grey bottom border to the header cell on hover\n  .nhsuk-table__header[data-sort]:hover .nhsuk-link::before {\n    border-color: nhsuk-colour(\"grey-3\");\n\n    // Prevent emulated hover state on touch devices (e.g. iOS Safari)\n    @media (hover: none), (pointer: coarse) {\n      border-color: $nhsuk-link-colour;\n    }\n  }\n\n  // Add a grey background colour to the header cell on hover\n  .nhsuk-table__header[data-sort]:hover {\n    &:has(.nhsuk-link) {\n      background-color: $nhsuk-target-hover-colour;\n    }\n\n    @include nhsuk-frontend-supported {\n      background-color: $nhsuk-target-hover-colour;\n\n      // Prevent emulated hover state on touch devices (e.g. iOS Safari)\n      @media (hover: none), (pointer: coarse) {\n        // stylelint-disable-next-line declaration-no-important\n        background-color: transparent !important;\n      }\n    }\n  }\n\n  .nhsuk-table__header[data-sort] .nhsuk-link {\n    display: inline-flex;\n    flex-wrap: nowrap;\n    align-items: flex-end;\n\n    @include nhsuk-link-style-no-visited-state;\n  }\n\n  .nhsuk-table__header[data-sort]:not(:last-child) .nhsuk-link {\n    margin-right: nhsuk-px-to-rem(-6px);\n\n    @media #{nhsuk-until-breakpoint(tablet)} {\n      margin-right: nhsuk-px-to-rem(-5px);\n    }\n  }\n\n  .nhsuk-table--reverse {\n    .nhsuk-link,\n    .nhsuk-table__header[data-sort] .nhsuk-link,\n    /* stylelint-disable-next-line selector-no-qualifying-type */\n    a:not(.nhsuk-button) {\n      @include nhsuk-link-style-reverse;\n    }\n\n    .nhsuk-u-secondary-text-colour {\n      // stylelint-disable-next-line declaration-no-important\n      color: $nhsuk-reverse-secondary-text-colour !important;\n    }\n\n    // Add a white bottom border to the header cell currently sorted\n    .nhsuk-table__header[aria-sort] .nhsuk-link::before {\n      border-color: $nhsuk-reverse-text-colour;\n    }\n\n    // Add a lighter blue bottom border to the header cell on hover\n    .nhsuk-table__header[data-sort]:hover .nhsuk-link::before {\n      border-color: nhsuk-tint($nhsuk-brand-colour, 40%);\n\n      // Prevent emulated hover state on touch devices (e.g. iOS Safari)\n      @media (hover: none), (pointer: coarse) {\n        border-color: $nhsuk-reverse-text-colour;\n      }\n    }\n\n    // Add a darker blue background colour to the header cell on hover\n    .nhsuk-table__header[data-sort]:hover {\n      &:has(.nhsuk-link) {\n        background-color: $nhsuk-reverse-target-hover-colour;\n      }\n\n      @include nhsuk-frontend-supported {\n        background-color: $nhsuk-reverse-target-hover-colour;\n      }\n\n      // Prevent emulated hover state on touch devices (e.g. iOS Safari)\n      @media (hover: none), (pointer: coarse) {\n        // stylelint-disable-next-line declaration-no-important\n        background-color: transparent !important;\n      }\n    }\n  }\n\n  // No border on table body rows\n  .nhsuk-table--no-border {\n    .nhsuk-table__body .nhsuk-table__header,\n    .nhsuk-table__body .nhsuk-table__cell {\n      border-color: transparent;\n    }\n  }\n\n  // No border on last table body row\n  .nhsuk-table--no-last-row-border {\n    .nhsuk-table__body .nhsuk-table__row:last-child .nhsuk-table__header,\n    .nhsuk-table__body .nhsuk-table__row:last-child .nhsuk-table__cell {\n      border-color: transparent;\n    }\n  }\n\n  .nhsuk-card__content .nhsuk-scroll__content {\n    .nhsuk-table {\n      width: 100%;\n      margin-right: 0;\n      margin-left: 0;\n    }\n\n    // Adjust caption for card padding\n    .nhsuk-table__caption {\n      left: 0;\n      @include nhsuk-responsive-padding(5, (\"left\", \"right\"));\n    }\n\n    // Extend table row borders from card left\n    .nhsuk-table__header:first-child,\n    .nhsuk-table__cell:first-child {\n      @include nhsuk-responsive-padding(5, \"left\");\n    }\n\n    // Extend table row borders from card right\n    .nhsuk-table__header:last-child,\n    .nhsuk-table__cell:last-child {\n      @include nhsuk-responsive-padding(5, \"right\");\n    }\n\n    .nhsuk-table--responsive .nhsuk-table__header,\n    .nhsuk-table--responsive .nhsuk-table__cell {\n      @media #{nhsuk-until-breakpoint(desktop)} {\n        @include nhsuk-responsive-padding(5, (\"left\", \"right\"));\n      }\n    }\n  }\n}\n"]}