@utahdts/utah-design-system-header 5.0.2 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -770,6 +770,10 @@ variables and settings
770
770
  .utah-design-system .utds-icon-after-ai::after {
771
771
  content: "\e940";
772
772
  }
773
+ .utah-design-system .utds-icon-before-send::before,
774
+ .utah-design-system .utds-icon-after-send::after {
775
+ content: "\e941";
776
+ }
773
777
  /*
774
778
  ############ _media-size-vars.scss ############
775
779
  Media Sizes - SCSS Variables
@@ -2429,23 +2433,41 @@ component specific, BEM (Block, Element, Modifier)
2429
2433
  .utah-design-system .chatbot__wrapper {
2430
2434
  max-width: calc(100% - 2 * (1rem + var(--spacing-2xs)));
2431
2435
  }
2436
+ .utah-design-system .chatbot__wrapper .button--confirm {
2437
+ padding: 0 var(--spacing-xs);
2438
+ }
2439
+ .utah-design-system .chatbot__input-wrapper {
2440
+ background: var(--gray-light-color);
2441
+ border-radius: var(--radius-small);
2442
+ padding: var(--spacing-s) var(--spacing);
2443
+ }
2432
2444
  .utah-design-system .chatbot__input-wrapper label.text-area__label {
2445
+ /*
2433
2446
  display: flex;
2434
2447
  align-items: center;
2435
2448
  position: relative;
2449
+ margin-left: calc(1rem + var(--spacing-2xs));
2450
+
2451
+ &:before {
2452
+ content: '\e940';
2453
+ display: inline-block;
2454
+ font-family: "utah design system";
2455
+ font-style: normal;
2456
+ font-weight: normal;
2457
+ font-size: 1em;
2458
+ line-height: 1;
2459
+ -webkit-font-smoothing: antialiased;
2460
+ -moz-osx-font-smoothing: grayscale;
2461
+ position: absolute;
2462
+ left: calc(-1rem - var(--spacing-2xs));
2463
+ }
2464
+ */
2436
2465
  }
2437
- .utah-design-system .chatbot__input-wrapper label.text-area__label:before {
2438
- content: "\e940";
2439
- display: inline-block;
2440
- font-family: "utah design system";
2441
- font-style: normal;
2442
- font-weight: normal;
2443
- font-size: 1em;
2444
- line-height: 1;
2445
- -webkit-font-smoothing: antialiased;
2446
- -moz-osx-font-smoothing: grayscale;
2447
- position: absolute;
2448
- left: calc(-1rem - var(--spacing-2xs));
2466
+ .utah-design-system .chatbot__input-wrapper textarea {
2467
+ border: none;
2468
+ background: none;
2469
+ padding: var(--spacing-xs) 0;
2470
+ field-sizing: content;
2449
2471
  }
2450
2472
  .utah-design-system .chatbot__answer-wrapper {
2451
2473
  display: flex;
@@ -2474,6 +2496,7 @@ component specific, BEM (Block, Element, Modifier)
2474
2496
  }
2475
2497
  .utah-design-system .chatbot__answer-ai {
2476
2498
  position: relative;
2499
+ padding-left: calc(1rem + var(--spacing-2xs));
2477
2500
  }
2478
2501
  .utah-design-system .chatbot__answer-ai:before {
2479
2502
  content: "\e940";
@@ -2486,7 +2509,7 @@ component specific, BEM (Block, Element, Modifier)
2486
2509
  -webkit-font-smoothing: antialiased;
2487
2510
  -moz-osx-font-smoothing: grayscale;
2488
2511
  position: absolute;
2489
- left: calc(-1rem - var(--spacing-2xs));
2512
+ left: 0;
2490
2513
  }
2491
2514
  .utah-design-system .footer-agency-information {
2492
2515
  background: var(--gray-color);
@@ -5150,6 +5173,11 @@ BEM standard: Block, Element, Modifier
5150
5173
  box-shadow: inset 0 0 0 1000px var(--hover-gray-color);
5151
5174
  color: var(--primary-color);
5152
5175
  }
5176
+ @media screen and (max-width: 768px) {
5177
+ .utah-design-system .on-this-page__list .back-to-top {
5178
+ display: none;
5179
+ }
5180
+ }
5153
5181
  /* ---- Project Components ---- */
5154
5182
  /*
5155
5183
  ############ _popup.scss ############