@iress-oss/ids-components 6.0.0-alpha.16 → 6.0.0-alpha.17

package/dist/patterns/Shadow/Shadow.js

@@ -391,6 +391,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     --breakpoints-xxl: 1500px;
 }
 
+  @keyframes chatty {
+    0%,60%,100% {
+      transform: translateY(0);
+      opacity: 0.7;
+}
+
+    30% {
+      transform: translateY(50%);
+      opacity: 1;
+}
+}
+
   @keyframes fieldFooter {
     0% {
       display: none;
@@ -2464,6 +2476,14 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background: var(--colors-transparent);
 }
 
+  .bg_colour\\.neutral\\.50 {
+    background: var(--colors-colour\\.neutral\\.50);
+}
+
+  .anim_chatty_1\\.4s_infinite_ease-in-out {
+    animation: chatty 1.4s infinite ease-in-out;
+}
+
   .p_spacing\\.6 {
     padding: var(--spacing-spacing\\.6);
 }
@@ -2668,10 +2688,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     background: var(--colors-colour\\.primary\\.on-fill);
 }
 
-  .bg_colour\\.neutral\\.50 {
-    background: var(--colors-colour\\.neutral\\.50);
-}
-
   .bg_colour\\.neutral\\.60 {
     background: var(--colors-colour\\.neutral\\.60);
 }
@@ -4311,6 +4327,42 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     text-align: right;
 }
 
+  .resize_none {
+    resize: none;
+}
+
+  .scrollable_y {
+    overflow-y: auto;
+}
+
+  .scrollable_y::-webkit-scrollbar {
+    width: var(--iress-typography-base-size, .875rem);
+    height: var(--iress-typography-base-size, .875rem);
+}
+
+  .scrollable_y::-webkit-scrollbar-track {
+    background: var(--iress-colour-neutral-20, #F5F6F8);
+    border-radius: var(--iress-radius-100, 1rem);
+}
+
+  .scrollable_y::-webkit-scrollbar-thumb {
+    background-color: var(--iress-colour-neutral-60, #828F9D);
+    border-radius: var(--iress-radius-025, calc(0.25 * var(--iress-radius-100, 1rem)));
+}
+
+  .scrollable_y::-webkit-scrollbar-thumb:hover {
+    background-color: var(--iress-colour-primary-fill, #1D1F4B);
+}
+
+  .scrollable_y::-webkit-scrollbar-corner {
+    background: rgba(0, 0, 0, 0);
+}
+
+  .scrollable_y {
+    scrollbar-width: thin;
+    scrollbar-color: var(--iress-colour-neutral-60, #828F9D) var(--iress-colour-neutral-20, #F5F6F8);
+}
+
   .ai_baseline {
     align-items: baseline;
 }
@@ -4375,38 +4427,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     position: static !important;
 }
 
-  .scrollable_y {
-    overflow-y: auto;
-}
-
-  .scrollable_y::-webkit-scrollbar {
-    width: var(--iress-typography-base-size, .875rem);
-    height: var(--iress-typography-base-size, .875rem);
-}
-
-  .scrollable_y::-webkit-scrollbar-track {
-    background: var(--iress-colour-neutral-20, #F5F6F8);
-    border-radius: var(--iress-radius-100, 1rem);
-}
-
-  .scrollable_y::-webkit-scrollbar-thumb {
-    background-color: var(--iress-colour-neutral-60, #828F9D);
-    border-radius: var(--iress-radius-025, calc(0.25 * var(--iress-radius-100, 1rem)));
-}
-
-  .scrollable_y::-webkit-scrollbar-thumb:hover {
-    background-color: var(--iress-colour-primary-fill, #1D1F4B);
-}
-
-  .scrollable_y::-webkit-scrollbar-corner {
-    background: rgba(0, 0, 0, 0);
-}
-
-  .scrollable_y {
-    scrollbar-width: thin;
-    scrollbar-color: var(--iress-colour-neutral-60, #828F9D) var(--iress-colour-neutral-20, #F5F6F8);
-}
-
   .gutter_spacing\\.4 {
     --col-gap: var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)));
     margin-inline: calc(-1 * var(--col-gap) / 2);
@@ -5759,6 +5779,14 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     width: 0;
 }
 
+  .w_\\[0\\.5em\\] {
+    width: 0.5em;
+}
+
+  .h_\\[0\\.5em\\] {
+    height: 0.5em;
+}
+
   .h_50 {
     height: 50px;
 }
@@ -7171,8 +7199,8 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     border-width: 2px;
 }
 
-  .after\\:bdr_radius\\.system\\.form::after {
-    border-radius: var(--radii-radius\\.system\\.form);
+  .after\\:bdr_radius\\.system\\.layout::after {
+    border-radius: var(--radii-radius\\.system\\.layout);
 }
 
   .\\[\\&_a\\]\\:td_underline a {
@@ -7211,6 +7239,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     flex: 1 1 0%;
 }
 
+  .progressValue\\:bg-p_center::-webkit-progress-value,.progressValue\\:bg-p_center::-webkit-meter-optimum-value,.progressValue\\:bg-p_center::-webkit-meter-suboptimum-value {
+    background-position: center;
+}
+
   .progressValue\\:bdr_var\\(--iress-border-radius\\)::-webkit-progress-value,.progressValue\\:bdr_var\\(--iress-border-radius\\)::-webkit-meter-optimum-value,.progressValue\\:bdr_var\\(--iress-border-radius\\)::-webkit-meter-suboptimum-value {
     border-radius: var(--iress-border-radius);
 }
@@ -7221,6 +7253,10 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     transition-duration: var(--transition-duration, 150ms);
 }
 
+  .mozProgressValue\\:bg-p_center::-moz-progress-bar,.mozProgressValue\\:bg-p_center::-moz-meter-bar {
+    background-position: center;
+}
+
   .mozProgressValue\\:bdr_var\\(--iress-border-radius\\)::-moz-progress-bar,.mozProgressValue\\:bdr_var\\(--iress-border-radius\\)::-moz-meter-bar {
     border-radius: var(--iress-border-radius);
 }
@@ -7435,11 +7471,27 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     -webkit-appearance: none;
 }
 
+  .progressValue\\:bg-i_var\\(--iress-background-image\\)::-webkit-progress-value,.progressValue\\:bg-i_var\\(--iress-background-image\\)::-webkit-meter-optimum-value,.progressValue\\:bg-i_var\\(--iress-background-image\\)::-webkit-meter-suboptimum-value {
+    background-image: var(--iress-background-image);
+}
+
+  .progressValue\\:bg-s_cover::-webkit-progress-value,.progressValue\\:bg-s_cover::-webkit-meter-optimum-value,.progressValue\\:bg-s_cover::-webkit-meter-suboptimum-value {
+    background-size: cover;
+}
+
   .mozProgressValue\\:ap_none::-moz-progress-bar,.mozProgressValue\\:ap_none::-moz-meter-bar {
     appearance: none;
     -webkit-appearance: none;
 }
 
+  .mozProgressValue\\:bg-i_var\\(--iress-background-image\\)::-moz-progress-bar,.mozProgressValue\\:bg-i_var\\(--iress-background-image\\)::-moz-meter-bar {
+    background-image: var(--iress-background-image);
+}
+
+  .mozProgressValue\\:bg-s_cover::-moz-progress-bar,.mozProgressValue\\:bg-s_cover::-moz-meter-bar {
+    background-size: cover;
+}
+
   .\\[\\&_circle\\]\\:fill_\\[currentColor\\] circle {
     fill: currentColor;
 }
@@ -7526,6 +7578,18 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     transform: translate(-50%, 0);
 }
 
+  .\\[\\&\\:nth-child\\(1\\)\\]\\:anim-dly_0s:nth-child(1) {
+    animation-delay: 0s;
+}
+
+  .\\[\\&\\:nth-child\\(2\\)\\]\\:anim-dly_0\\.2s:nth-child(2) {
+    animation-delay: 0.2s;
+}
+
+  .\\[\\&\\:nth-child\\(3\\)\\]\\:anim-dly_0\\.4s:nth-child(3) {
+    animation-delay: 0.4s;
+}
+
   .\\[\\&\\&\\]\\:ta_end.\\[\\&\\&\\]\\:ta_end {
     text-align: end;
 }