@hmcts/ccd-case-ui-toolkit 5.0.2-angular11-upgrade → 5.0.6-angular11-upgrade

package/storybook/assets/sass/patterns/_task-list.scss

@@ -1,72 +0,0 @@
-// Task list pattern
-
-// Override column width for tablet and up
-.app-column-minimum {
-  @include govuk-media-query($from: tablet) {
-    min-width: 600px;
-  }
-}
-
-// Spacing to the left of the task list
-$task-list-indent: 35px;
-
-.app-task-list {
-  list-style: none;
-  padding: 0;
-  margin-top: $govuk-gutter;
-  @include govuk-media-query($from: tablet) {
-    margin-top: ($govuk-gutter * 2);
-  }
-}
-
-.app-task-list__section {
-  display: table;
-
-  @include govuk-font(24, $weight: bold);
-  margin: 0;
-  padding-bottom: ($govuk-gutter / 6);
-}
-
-.app-task-list__section-number {
-  display: table-cell;
-  padding-right: ($govuk-gutter / 6);
-
-  @include govuk-media-query($from: tablet) {
-    min-width: $task-list-indent;
-    padding-right: 0;
-  }
-}
-
-
-.app-task-list__items {
-  list-style: none;
-  padding: 0;
-  margin-bottom: $govuk-gutter;
-  @include govuk-media-query($from: tablet) {
-    margin-bottom: ($govuk-gutter * 2);
-  }
-
-  @include govuk-media-query($from: tablet) {
-    padding-left: $task-list-indent;
-  }
-}
-
-.app-task-list__item {
-  border-bottom: 1px solid $govuk-border-colour;
-  padding-top: govuk-spacing(2);
-  padding-bottom: govuk-spacing(2);
-  @include govuk-clearfix
-}
-
-.app-task-list__item:first-child {
-  border-top: 1px solid $govuk-border-colour;
-}
-
-.app-task-list__task-name {
-  width: 33.3%;
-  float: left;
-}
-
-.app-task-list__task-completed {
-  float: right;
-}

package/storybook/assets/sass/unbranded.scss

@@ -1,12 +0,0 @@
-@import "node_modules/govuk-frontend/settings/all";
-
-// Override the govuk-frontend font stack
-$govuk-font-family: "HelveticaNeue", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
-
-// Remove canvas background colour, as is used with the GOV.UK Footer.
-$govuk-canvas-background-colour: $govuk-body-background-colour;
-
-@import "node_modules/govuk-frontend/all";
-
-// If you need to create a page as part of your journey, but without GOV.UK branding
-// See localhost:3000/docs/examples/blank-unbranded

package/storybook/storybook.component.ts

@@ -1,11 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-
-@Component({
-  selector: 'storybook-wrapper',
-  template: `<ng-content></ng-content>`,
-  styleUrls: [
-    './storybook.styles.scss'
-  ],
-  encapsulation: ViewEncapsulation.None
-})
-export class StorybookComponent {}

package/storybook/storybook.styles.scss

@@ -1,17 +0,0 @@
-@import './style/app.scss';
-
-
-$hmcts-page-width: 1220px;
-$govuk-global-styles: true;
-
-@import "~govuk-frontend/govuk/all";
-// @import "~@hmcts/frontend/all";
-
-// @import "govuk_frontend_toolkit";
-
-// @import 'node_modules/govuk_frontend_toolkit/stylesheets/_grid_layout';
-// @import 'node_modules/govuk-elements-sass/public/sass/_elements.scss';
-// @import 'node_modules/govuk_frontend_toolkit/stylesheets/_shims';
-// @import 'node_modules/govuk_frontend_toolkit/stylesheets/_conditionals';
-// @import 'node_modules/govuk_frontend_toolkit/stylesheets/_measurements';
-// @import 'node_modules/govuk_frontend_toolkit/stylesheets/_typography';

package/storybook/style/_buttons.scss

@@ -1,19 +0,0 @@
-// TODO - needs to be clarified wehre the css is coming form
-
-/*
-Buttons
-*/
-
-$module: "button";
-
-.#{$module} {
-
-  &-secondary {
-    @include button($grey-3);
-  }
-
-  &-tertiary {
-    @include button($grey-4);
-  }
-
-}

package/storybook/style/_forms.scss

@@ -1,19 +0,0 @@
-// TODO - needs to be clarified wehre the css is coming form
-/*
-Forms
-*/
-
-$module: "form";
-
-.#{$module} {
-
-  &-money {
-
-    .#{$module}-currency {
-      font-weight: 600;
-      margin-right: em(10);
-    }
-
-  }
-
-}

package/storybook/style/_markdown.scss

@@ -1,48 +0,0 @@
-// TODO - needs to be clarified wehre the css is coming form
-// @import 'node_modules/@hmcts/ccd-case-ui-toolkit/dist/cut-styles/components/typography';
-@import 'node_modules/govuk_frontend_toolkit/stylesheets/_shims';
-@import 'node_modules/govuk_frontend_toolkit/stylesheets/_conditionals';
-@import 'node_modules/govuk_frontend_toolkit/stylesheets/_measurements';
-
-.markdown {
-    h1 {
-        @include bold-18pt();
-        margin-top: 30px;
-        margin-bottom: 30px;
-    }
-    h2 {
-        @include bold-16pt();
-        margin-top: 45px;
-        margin-bottom: 15px;
-    }
-    h3 {
-        @include bold-14pt();
-        margin-top: 45px;
-        margin-bottom: 15px;
-    }
-    h4 {
-        @include bold-12pt();
-        margin-top: 20px;
-    }
-    p {
-        @include core-12pt();
-        margin-bottom: 15px;
-        strong {
-            @include bold-12pt();
-        }
-    }
-    ul {
-        padding: 0;
-        margin-top: 5px;
-        margin-bottom: 45px;
-        padding-left: 20px;
-        li {
-            @include core-12pt();
-            margin-bottom: 5px;
-            list-style-type: disc;
-        }
-    }
-    table {
-        margin-bottom: 30px;
-    }
-}

package/storybook/style/_material.scss

@@ -1,53 +0,0 @@
-$outlineColor: #bfc1c3;
-
-.mat-tab-header {
-    border-bottom: 0;
-}
-
-.mat-tab-body-wrapper {
-    border-top: 1px solid $outlineColor;
-    margin-top: -1px;
-}
-
-.mat-tab-label, .mat-tab-link {
-    font-family: "GDS Transport", Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    font-size: 16px;
-}
-
-.mat-tab-label {
-    min-width: 80px !important;
-    height: 42px !important;
-    margin: 0 4px 7px 4px;
-    border-top: 3px solid #fff;
-    background-color: govuk-colour('light-grey');
-    color: govuk-colour('black');
-    opacity: 1 !important;
-
-    &.cdk-focused {
-        border-top: 3px solid #ffdd00;
-        border-bottom: 4px solid #000;
-    }
-
-    &.mat-tab-label-active {    
-        height: 48px !important;   
-        border-top: 1px solid $outlineColor;  
-        border-bottom: 0; 
-        border-left: 1px solid $outlineColor;   
-        border-right: 1px solid $outlineColor;   
-        background: #fff;
-        margin: 1px 4px 0 4px;
-        &.cdk-focused {
-            border-top: 3px solid #ffdd00;
-            border-bottom: 4px solid #000;
-        }
-
-        .mat-tab-label-content {
-            opacity: 1;
-        }
-    }
-}
-
-.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar{
-    height: 0px;
-} 

package/storybook/style/_notifications.scss

@@ -1,23 +0,0 @@
-// TODO - needs to be clarified wehre the css is coming form
-.notification {
-  padding: 30px;
-  font-size: 24px;
-  font-weight: bold;
-  width: 100%;
-  color: $page-colour;
-  background: $turquoise;
-}
-
-.small_notification {
-  padding: 30px;
-  font-size: 30px;
-  font-weight: bold;
-  width: 60%;
-  text-align: center;
-  color: $page-colour;
-  background: $turquoise;
-}
-
-.alert-message-but {
-  background-color: #912b88;
-}

package/storybook/style/_palette.scss

@@ -1,77 +0,0 @@
-// Brand colours
-$govuk-blue: #005ea5;
-$mainstream-brand: $govuk-blue;
-
-// Standard palette, colours
-$purple: #2e358b;
-$purple-50: #9799c4;
-$purple-25: #d5d6e7;
-$mauve: #6f72af;
-$mauve-50: #b7b9d7;
-$mauve-25: #e2e2ef;
-$fuschia: #912b88;
-$fuschia-50: #c994c3;
-$fuschia-25: #e9d4e6;
-$pink: #d53880;
-$pink-50: #eb9bbe;
-$pink-25: #f6d7e5;
-$baby-pink: #f499be;
-$baby-pink-50: #faccdf;
-$baby-pink-25: #fdebf2;
-$red: #b10e1e;
-$red-50: #d9888c;
-$red-25: #efcfd1;
-$mellow-red: #df3034;
-$mellow-red-50: #ef9998;
-$mellow-red-25: #f9d6d6;
-$orange: #f47738;
-$orange-50: #fabb96;
-$orange-25: #fde4d4;
-$brown: #b58840;
-$brown-50: #dac39c;
-$brown-25: #f0e7d7;
-$yellow: #ffbf47;
-$yellow-50: #ffdf94;
-$yellow-25: #fff2d3;
-$grass-green: #85994b;
-$grass-green-50: #c2cca3;
-$grass-green-25: #e7ebda;
-$green: #006435;
-$green-50: #7fb299;
-$green-25: #cce0d6;
-$turquoise: #28a197;
-$turquoise-50: #95d0cb;
-$turquoise-25: #d5ecea;
-$light-blue: #2b8cc4;
-$light-blue-50: #96c6e2;
-$light-blue-25: #d5e8f3;
-
-// Standard palette, greys
-$black: #0b0c0c;
-$grey-1: #6f777b;
-$grey-2: #bfc1c3;
-$grey-3: #dee0e2;
-$grey-4: #f8f8f8;
-$white: #fff;
-
-// Semantic colour names
-$link-colour: $govuk-blue;
-$link-active-colour: $light-blue;
-$link-hover-colour: $light-blue;
-$link-visited-colour: #4c2c92;
-$button-colour: #00823b;
-$focus-colour: $yellow;
-$text-colour: $black;             // Standard text colour
-$secondary-text-colour: $grey-1;  // Section headers, help text etc.
-$border-colour: $grey-2;          // Borders, seperators, rules, keylines etc.
-$panel-colour: $grey-3;           // Related links panel, page footer etc.
-$canvas-colour: $grey-4;          // Page background
-$highlight-colour: $grey-4;       // Table stripes etc.
-$page-colour: $white;             // The page
-$discovery-colour: $govuk-blue;   // Discovery badges and banners
-$alpha-colour: $govuk-blue;       // Alpha badges and banners
-$beta-colour: $govuk-blue;        // Beta badges and banners
-$live-colour: $grass-green;       // Live badges and banners
-$banner-text-colour: #000;        // Text colour for Alpha & Beta banners
-$error-colour: $red;              // Error text and border colour
-$error-background: #fef7f7;       // Error background colour

package/storybook/style/_print.scss

@@ -1,19 +0,0 @@
-// TODO - needs to be clarified wehre the css is coming form
-@media print {
-  .phase-banner,
-  cut-header-bar,
-  cut-nav-bar {
-    display: none;
-  }
-
-  div.side-padding {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
-  .check-your-answers {
-    .check-your-answers__change {
-      display: none;
-    }
-  }
-}