@salesforce-ux/design-system 2.264.0-beta.3 → 2.264.0

package/assets/styles/salesforce-lightning-design-system-offline.css

@@ -1,4 +1,4 @@
-/*! Lightning Design System 2.264.0-beta.3 */
+/*! Lightning Design System 2.264.0 */
 @charset "UTF-8";
 :root{
   --slds-g-color-neutral-base-100:#ffffff;
@@ -9130,6 +9130,13 @@ a.slds-button--inverse:focus{
 .slds-input-has-icon .slds-input__icon:not(button){
   pointer-events:none;
 }
+.slds-input-has-icon .slds-button.slds-input__icon{
+  min-width:1.5rem;
+  min-height:1.5rem;
+  margin-top:0;
+  -webkit-transform:translateY(-50%);
+          transform:translateY(-50%);
+}
 .slds-input-has-icon_left .slds-input__icon,
 .slds-input-has-icon--left .slds-input__icon{
   left:0.75rem;
@@ -12581,6 +12588,380 @@ a.slds-button--inverse:focus{
 .slds-nubbin_right-bottom-corner:before, .slds-nubbin_right-bottom-corner:after{
   bottom:0.25rem;
 }
+.slds-nubbin_top-start:before{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  inset-inline-start:50%;
+  top:-0.5rem;
+  -webkit-margin-start:-0.5rem;
+          margin-inline-start:-0.5rem;
+}
+.slds-nubbin_top-start:after{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  inset-inline-start:50%;
+  top:-0.5rem;
+  -webkit-margin-start:-0.5rem;
+          margin-inline-start:-0.5rem;
+}
+.slds-nubbin_top-start:after{
+  -webkit-box-shadow:-1px -1px 0 0 rgba(0, 0, 0, 0.16);
+          box-shadow:-1px -1px 0 0 rgba(0, 0, 0, 0.16);
+  z-index:-1;
+}
+.slds-nubbin_top-start:before, .slds-nubbin_top-start:after{
+  inset-inline-start:1.5rem;
+  top:-0.5rem;
+  -webkit-margin-start:0;
+          margin-inline-start:0;
+}
+.slds-nubbin_top-end:before{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  inset-inline-start:50%;
+  top:-0.5rem;
+  -webkit-margin-start:-0.5rem;
+          margin-inline-start:-0.5rem;
+}
+.slds-nubbin_top-end:after{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  inset-inline-start:50%;
+  top:-0.5rem;
+  -webkit-margin-start:-0.5rem;
+          margin-inline-start:-0.5rem;
+}
+.slds-nubbin_top-end:after{
+  -webkit-box-shadow:-1px -1px 0 0 rgba(0, 0, 0, 0.16);
+          box-shadow:-1px -1px 0 0 rgba(0, 0, 0, 0.16);
+  z-index:-1;
+}
+.slds-nubbin_top-end:before, .slds-nubbin_top-end:after{
+  inset-inline-start:auto;
+  inset-inline-end:1.5rem;
+  top:-0.5rem;
+  -webkit-margin-start:0;
+          margin-inline-start:0;
+  -webkit-margin-end:-0.5rem;
+          margin-inline-end:-0.5rem;
+}
+.slds-nubbin_bottom-start:before{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  inset-inline-start:50%;
+  bottom:-0.5rem;
+  -webkit-margin-start:-0.5rem;
+          margin-inline-start:-0.5rem;
+}
+.slds-nubbin_bottom-start:after{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  inset-inline-start:50%;
+  bottom:-0.5rem;
+  -webkit-margin-start:-0.5rem;
+          margin-inline-start:-0.5rem;
+}
+.slds-nubbin_bottom-start:after{
+  -webkit-box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.16);
+  z-index:-1;
+}
+.slds-nubbin_bottom-start:before, .slds-nubbin_bottom-start:after{
+  inset-inline-start:1.5rem;
+  top:100%;
+  margin-top:-0.5rem;
+  -webkit-margin-start:0;
+          margin-inline-start:0;
+}
+.slds-nubbin_bottom-end:before{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  inset-inline-start:50%;
+  bottom:-0.5rem;
+  -webkit-margin-start:-0.5rem;
+          margin-inline-start:-0.5rem;
+}
+.slds-nubbin_bottom-end:after{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  inset-inline-start:50%;
+  bottom:-0.5rem;
+  -webkit-margin-start:-0.5rem;
+          margin-inline-start:-0.5rem;
+}
+.slds-nubbin_bottom-end:after{
+  -webkit-box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.16);
+  z-index:-1;
+}
+.slds-nubbin_bottom-end:before, .slds-nubbin_bottom-end:after{
+  inset-inline-start:auto;
+  inset-inline-end:1.5rem;
+  top:100%;
+  margin-top:-0.5rem;
+  -webkit-margin-start:0;
+          margin-inline-start:0;
+  -webkit-margin-end:-0.5rem;
+          margin-inline-end:-0.5rem;
+}
+.slds-nubbin_start:before{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-start:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_start:after{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-start:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_start:after{
+  -webkit-box-shadow:-1px 1px 2px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:-1px 1px 2px 0 rgba(0, 0, 0, 0.16);
+  z-index:-1;
+}
+[dir=rtl] .slds-nubbin_start:after{
+  -webkit-box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.16);
+}
+.slds-nubbin_start-top:before{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-start:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_start-top:after{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-start:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_start-top:after{
+  -webkit-box-shadow:-1px 1px 2px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:-1px 1px 2px 0 rgba(0, 0, 0, 0.16);
+  z-index:-1;
+}
+[dir=rtl] .slds-nubbin_start-top:after{
+  -webkit-box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.16);
+}
+.slds-nubbin_start-top:before, .slds-nubbin_start-top:after{
+  top:1.5rem;
+}
+.slds-nubbin_start-bottom:before{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-start:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_start-bottom:after{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-start:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_start-bottom:before{
+  margin-bottom:-1px;
+}
+.slds-nubbin_start-bottom:after{
+  -webkit-box-shadow:-1px 2px 3px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:-1px 2px 3px 0 rgba(0, 0, 0, 0.16);
+  z-index:-1;
+}
+[dir=rtl] .slds-nubbin_start-bottom:after{
+  -webkit-box-shadow:2px -1px 3px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:2px -1px 3px 0 rgba(0, 0, 0, 0.16);
+}
+.slds-nubbin_start-bottom:before, .slds-nubbin_start-bottom:after{
+  top:auto;
+  bottom:1rem;
+}
+.slds-nubbin_end:before{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-end:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_end:after{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-end:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_end:after{
+  -webkit-box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.16);
+  z-index:-1;
+}
+[dir=rtl] .slds-nubbin_end:after{
+  -webkit-box-shadow:-1px 1px 2px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:-1px 1px 2px 0 rgba(0, 0, 0, 0.16);
+}
+.slds-nubbin_end-top:before{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-end:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_end-top:after{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-end:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_end-top:after{
+  -webkit-box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.16);
+  z-index:-1;
+}
+[dir=rtl] .slds-nubbin_end-top:after{
+  -webkit-box-shadow:-1px 1px 2px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:-1px 1px 2px 0 rgba(0, 0, 0, 0.16);
+}
+.slds-nubbin_end-top:before, .slds-nubbin_end-top:after{
+  top:1.5rem;
+}
+.slds-nubbin_end-bottom:before{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-end:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_end-bottom:after{
+  width:1rem;
+  height:1rem;
+  position:absolute;
+  -webkit-transform:rotate(45deg);
+          transform:rotate(45deg);
+  content:"";
+  background-color:inherit;
+  top:50%;
+  inset-inline-end:-0.5rem;
+  margin-top:-0.5rem;
+}
+.slds-nubbin_end-bottom:before{
+  margin-bottom:-1px;
+}
+.slds-nubbin_end-bottom:after{
+  -webkit-box-shadow:2px -1px 3px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:2px -1px 3px 0 rgba(0, 0, 0, 0.16);
+  z-index:-1;
+}
+[dir=rtl] .slds-nubbin_end-bottom:after{
+  -webkit-box-shadow:-1px 2px 3px 0 rgba(0, 0, 0, 0.16);
+          box-shadow:-1px 2px 3px 0 rgba(0, 0, 0, 0.16);
+}
+.slds-nubbin_end-bottom:before, .slds-nubbin_end-bottom:after{
+  top:auto;
+  bottom:1rem;
+}
 .slds-popover_walkthrough,
 .slds-popover--walkthrough{
   border-color:var(--slds-g-color-brand-base-10, rgb(0, 22, 57));
@@ -17454,6 +17835,12 @@ input[readonly][role=combobox][disabled]{
 .slds-pill__icon_container ~ .slds-pill__action{
   padding-left:calc(1.25rem + 0.25rem + 2px);
 }
+.slds-pill__icon .slds-icon_container,
+.slds-pill__icon_container .slds-icon_container{
+  display:-webkit-inline-box;
+  display:-ms-inline-flexbox;
+  display:inline-flex;
+}
 .slds-pill__remove{
   width:1rem;
   height:1rem;