lightning-base-components 1.18.8-ssr → 1.19.2-alpha

package/src/lightning/modalBody/modal-body.slds.css

@@ -1,61 +0,0 @@
-
-/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-  Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
-
-@supports (--styling-hooks: '') {
-  :host([data-render-mode="shadow"]) .slds-modal__content_headless {
-    border-start-end-radius: var(--slds-c-modalbody-radius-border, var(--sds-g-radius-border-2, 0.25rem));
-    border-start-start-radius: var(--slds-c-modalbody-radius-border, var(--sds-g-radius-border-2, 0.25rem));
-  }
-
-  :host([data-render-mode="shadow"]) .slds-modal__content {
-    /**
-     * Remap to SLDS blueprint hooks for parity
-     * https://www.lightningdesignsystem.com/components/modals/#Styling-Hooks-Overview
-     */
-    --slds-c-modal-content-color-background: var(--slds-c-modalbody-color-background);
-    --slds-c-modal-content-text-color: var(--slds-c-modalbody-text-color);
-
-    background-color: var(--slds-c-modalbody-color-background, var(--slds-g-color-neutral-base-100, var(--sds-g-color-neutral-base-100, #ffffff)));
-    color: var(--slds-c-modalbody-text-color);
-    overflow: hidden;
-    overflow-y: auto;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-modal__content_footless {
-    border-bottom-right-radius: var(--slds-c-modalbody-radius-border, var(--sds-g-radius-border-2, 0.25rem));
-    border-bottom-left-radius: var(--slds-c-modalbody-radius-border, var(--sds-g-radius-border-2, 0.25rem));
-    box-shadow: var(--slds-c-modalbody-shadow, 0 2px 3px 0 rgba(0, 0, 0, 0.16));
-  }
-
-  /* Sizes: Full */
-
-  /* Original SLDS implementation was desktop-first. This is now mobile-first for <=767px  */
-  @media (max-width: 47.9375em) {
-    :host([data-render-mode="shadow"][data-size='full']) [part='modal-body'] {
-      grid-area: content;
-    }
-
-    :host([data-render-mode="shadow"][data-size='full'][data-variant-footless]) [part='modal-body'] {
-      border-end-end-radius: 0;
-      border-end-start-radius: 0;
-      box-shadow: none;
-    }
-
-    /**
-     * INTERNAL USE ONLY - SUBJECT TO CHANGE AND REMOVAL
-     *
-     * SLDS Blueprint <> LBC Parity Patch
-     *
-     * SLDS blueprints and LBC implementation are not 1:1. This patch is needed to
-     * account for the differences introduced in the LBC implementation. Location
-     * of this code would ideally live within the LBC component CSS module but
-     * synthetic shadow and how LBC deconstructs the modal into individual components
-     * makes this not feasible. Not ideal, but this is the best solution for now.
-     * Selectors are scoped to lightning-* to avoid any potential outside conflicts.
-     */
-    :host([data-render-mode="shadow"][data-size='full']) {
-      display: contents;
-    }
-  }
-}

package/src/lightning/modalBody/modalBody.css

@@ -1,3 +0,0 @@
-@import 'lightning/sldsCommon';
-@import './modal-body.slds.css';
-@import 'lightning/sldsUtilsPadding';

package/src/lightning/modalFooter/modal-footer.slds.css

@@ -1,68 +0,0 @@
-
-/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-  Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
-
-@supports (--styling-hooks: '') {
-  :host([data-render-mode="shadow"]) .slds-modal__footer {
-    /**
-     * Remap to SLDS blueprint hooks for parity
-     * https://www.lightningdesignsystem.com/components/modals/#Styling-Hooks-Overview
-     */
-    --slds-c-modal-footer-color-background: var(--slds-c-modalfooter-color-background);
-    --slds-c-modal-footer-text-color: var(--slds-c-modalfooter-text-color);
-    --slds-c-modal-footer-spacing-block-start: var(--slds-c-modalfooter-spacing-block-start);
-    --slds-c-modal-footer-spacing-inline-end: var(--slds-c-modalfooter-spacing-inline-end);
-    --slds-c-modal-footer-spacing-block-end: var(--slds-c-modalfooter-spacing-block-end);
-    --slds-c-modal-footer-spacing-inline-start: var(--slds-c-modalfooter-spacing-inline-start);
-
-    border-end-end-radius: var(--slds-c-modalfooter-radius-border, var(--sds-g-radius-border-2, 0.25rem));
-    border-end-start-radius: var(--slds-c-modalfooter-radius-border, var(--sds-g-radius-border-2, 0.25rem));
-    border-block-start-width: var(--slds-c-modalfooter-sizing-border, var(--sds-g-sizing-border-2, 2px));
-    border-block-start-style: solid;
-    border-block-start-color: var(--slds-c-modalfooter-color-border, var(--slds-g-color-neutral-base-90, var(--sds-g-color-neutral-base-90, #e5e5e5)));
-    background-color: var(--slds-c-modalfooter-color-background, var(--slds-g-color-neutral-base-95, var(--sds-g-color-neutral-base-95, #f3f3f3)));
-    color: var(--slds-c-modalfooter-text-color);
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    padding-block-start: var(--slds-c-modalfooter-spacing-block-start, var(--sds-g-spacing-3, 0.75rem));
-    padding-inline-end: var(--slds-c-modalfooter-spacing-inline-end, var(--sds-g-spacing-4, 1rem));
-    padding-block-end: var(--slds-c-modalfooter-spacing-block-end, var(--sds-g-spacing-3, 0.75rem));
-    padding-inline-start: var(--slds-c-modalfooter-spacing-inline-start, var(--sds-g-spacing-4, 1rem));
-    text-align: right;
-    box-shadow: var(--slds-c-modalfooter-shadow, 0 2px 3px 0 rgba(0, 0, 0, 0.16));
-  }
-
-  /* TODO W-12674349: Replace with visibility utility classes when available */
-  :host([data-render-mode="shadow"]) .slds-hide {
-    display: none !important;
-  }
-
-  /* Sizes: Full */
-
-  /* Original SLDS implementation was desktop-first. This is now mobile-first for <=767px  */
-  @media (max-width: 47.9375em) {
-    :host([data-render-mode="shadow"][data-size='full']) [part='modal-footer'] {
-      grid-area: footer;
-      border-start-end-radius: 0;
-      border-end-start-radius: 0;
-      -webkit-box-shadow: none;
-      box-shadow: none;
-    }
-
-    /**
-     * INTERNAL USE ONLY - SUBJECT TO CHANGE AND REMOVAL
-     *
-     * SLDS Blueprint <> LBC Parity Patch
-     *
-     * SLDS blueprints and LBC implementation are not 1:1. This patch is needed to
-     * account for the differences introduced in the LBC implementation. Location
-     * of this code would ideally live within the LBC component CSS module but
-     * synthetic shadow and how LBC deconstructs the modal into individual components
-     * makes this not feasible. Not ideal, but this is the best solution for now.
-     * Selectors are scoped to lightning-* to avoid any potential outside conflicts.
-     */
-    :host([data-render-mode="shadow"][data-size='full']) {
-      display: contents;
-    }
-  }
-}

package/src/lightning/modalFooter/modalFooter.css

@@ -1,2 +0,0 @@
-@import 'lightning/sldsCommon';
-@import './modal-footer.slds.css';

package/src/lightning/modalHeader/modal-header.slds.css

@@ -1,70 +0,0 @@
-
-/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-  Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
-
-@supports (--styling-hooks: '') {
-  :host([data-render-mode="shadow"]) .slds-modal__header {
-    /**
-     * Remap to SLDS blueprint hooks for parity
-     * https://www.lightningdesignsystem.com/components/modals/#Styling-Hooks-Overview
-     */
-    --slds-c-modal-header-color-background: var(--slds-c-modalheader-color-background);
-    --slds-c-modal-header-text-color: var(--slds-c-modalheader-text-color);
-    --slds-c-modal-header-spacing-block-start: var(--slds-c-modalheader-spacing-block-start);
-    --slds-c-modal-header-spacing-inline-end: var(--slds-c-modalheader-spacing-inline-end);
-    --slds-c-modal-header-spacing-block-end: var(--slds-c-modalheader-spacing-block-end);
-    --slds-c-modal-header-spacing-inline-start: var(--slds-c-modalheader-spacing-inline-start);
-
-    --slds-c-modal-heading-font-size: var(--slds-c-modalheader-heading-font-size);
-    --slds-c-modal-heading-font-weight: var(--slds-c-modalheader-heading-font-weight);
-    --slds-c-modal-heading-font-lineheight: var(--slds-c-modalheader-heading-font-lineheight);
-
-    position: relative;
-    border-start-end-radius: var(--slds-c-modalheader-radius-border, var(--sds-g-radius-border-2, 0.25rem));
-    border-start-start-radius: var(--slds-c-modalheader-radius-border, var(--sds-g-radius-border-2, 0.25rem));
-    border-block-end-width: var(--slds-c-modalheader-sizing-border, var(--sds-g-sizing-border-2, 2px));
-    border-block-end-style: solid;
-    border-block-end-color: var(--slds-c-modalheader-color-border, var(--slds-g-color-neutral-base-90, var(--sds-g-color-neutral-base-90, #e5e5e5)));
-    background-color: var(--slds-c-modalheader-color-background, var(--slds-g-color-neutral-base-100, var(--sds-g-color-neutral-base-100, #ffffff)));
-    color: var(--slds-c-modalheader-text-color);
-    flex-shrink: 0;
-    padding-block-start: var(--slds-c-modalheader-spacing-block-start, var(--sds-g-spacing-4, 1rem));
-    padding-inline-end: var(--slds-c-modalheader-spacing-inline-end, var(--sds-g-spacing-4, 1rem));
-    padding-block-end: var(--slds-c-modalheader-spacing-block-end, var(--sds-g-spacing-4, 1rem));
-    padding-inline-start: var(--slds-c-modalheader-spacing-inline-start, var(--sds-g-spacing-4, 1rem));
-    text-align: center;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-modal__title {
-    font-weight: var(--slds-c-modalheader-heading-font-weight);
-    font-size: var(--slds-c-modalheader-heading-font-size, 1.25rem);
-    line-height: var(--slds-c-modalheader-heading-font-lineheight, var(--sds-g-font-lineheight-2, 1.25));
-  }
-
-  /* Sizes: Full */
-
-  /* Original SLDS implementation was desktop-first. This is now mobile-first for <=767px  */
-  @media (max-width: 47.9375em) {
-    :host([data-render-mode="shadow"][data-size='full']) [part='modal-header'] {
-      grid-area: header;
-      border-start-start-radius: 0;
-      border-start-end-radius: 0;
-    }
-
-    /**
-     * INTERNAL USE ONLY - SUBJECT TO CHANGE AND REMOVAL
-     *
-     * SLDS Blueprint <> LBC Parity Patch
-     *
-     * SLDS blueprints and LBC implementation are not 1:1. This patch is needed to
-     * account for the differences introduced in the LBC implementation. Location
-     * of this code would ideally live within the LBC component CSS module but
-     * synthetic shadow and how LBC deconstructs the modal into individual components
-     * makes this not feasible. Not ideal, but this is the best solution for now.
-     * Selectors are scoped to lightning-* to avoid any potential outside conflicts.
-     */
-    :host([data-render-mode="shadow"][data-size='full']) {
-      display: contents;
-    }
-  }
-}

package/src/lightning/modalHeader/modalHeader.css

@@ -1,3 +0,0 @@
-@import 'lightning/sldsCommon';
-@import './modal-header.slds.css';
-@import 'lightning/sldsUtilsHyphenation';

package/src/lightning/progressBar/progress-bar.slds.css

@@ -1,66 +0,0 @@
-
-/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-  Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
-
-@supports (--styling-hooks: '') {
-  :host([data-render-mode="shadow"]) [part="progress-bar"] {
-    /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-    --_slds-c-progressbar-height: var(--sds-g-sizing-3, 0.5rem); /* 0.5rem */
-  }
-
-  :host([data-render-mode="shadow"]) .slds-progress-bar {  
-    appearance: none;
-    display: block;
-    width: 100%;
-    height: var(--_slds-c-progressbar-height);
-    background: var(--slds-g-color-neutral-base-80, var(--sds-g-color-neutral-base-80, #c9c9c9));
-    border: 0;
-    position: relative;
-}
-
-:host([data-render-mode="shadow"]) .slds-progress-bar__value {
-  /* TODO: Need to update this var to `--slds-g-color-brand-base-50` once v2.22 is out */
-  background: var(--slds-g-color-brand-base-60, #1ab9ff);
-  display: block;
-  height: 100%;
-}
-
-
-:host([data-render-mode="shadow"]) .slds-progress-bar_x-small {
-  height: calc(var(--_slds-c-progressbar-height) * 0.25); /* 0.125rem */
-}
-
-:host([data-render-mode="shadow"]) .slds-progress-bar_small {
-  height: calc(var(--_slds-c-progressbar-height) * 0.5); /* 0.25rem */
-}
-
-:host([data-render-mode="shadow"]) .slds-progress-bar_medium {
-  height: var(--_slds-c-progressbar-height); /* 0.5rem */
-}
-
-:host([data-render-mode="shadow"]) .slds-progress-bar_large {
-  height: calc(var(--_slds-c-progressbar-height) * 1.5); /* 0.75rem */
-}
-
-:host([data-render-mode="shadow"]) .slds-progress-bar_circular {
-  border-radius: var(--sds-g-radius-border-3, 0.5rem);
-}
-
-:host([data-render-mode="shadow"]) .slds-progress-bar_circular .slds-progress-bar__value {
-  border-radius: var(--sds-g-radius-border-3, 0.5rem);
-}
-
-  /* TODO W-12674349: remove after name-value-list utils are added */
-  :host([data-render-mode="shadow"]) .slds-assistive-text {
-    position: absolute !important;
-    margin: -1px !important;
-    border: 0 !important;
-    padding: 0 !important;
-    width: 1px !important;
-    height: 1px !important;
-    overflow: hidden !important;
-    clip: rect(0 0 0 0) !important;
-    text-transform: none !important;
-    white-space: nowrap !important;
-  }
-}

package/src/lightning/progressBar/progressBar.css

@@ -1,2 +0,0 @@
-@import 'lightning/sldsCommon';
-@import './progress-bar.slds.css';

package/src/lightning/progressRing/progress-ring.slds.css

@@ -1,140 +0,0 @@
-
-@supports (--styling-hooks: '') {
-    /* progress-ring */
-    :host([data-render-mode="shadow"]) .slds-progress-ring {
-        position: relative;
-        display: inline-block;
-        height: 1.5rem;
-        width: 1.5rem;
-        border-radius: 1.5rem;
-        background: var(--slds-g-color-border-base-1, var(--sds-g-color-neutral-base-90, #e5e5e5));
-    }
-
-    :host([data-render-mode="shadow"]) .slds-progress-ring .slds-icon_container {
-        line-height: 0;
-    }
-
-    /* progress-ring_progress */
-    :host([data-render-mode="shadow"]) .slds-progress-ring__progress {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 100%;
-        width: 100%;
-        -webkit-transform: scale(-1, 1) rotate(-90deg);
-        transform: scale(-1, 1) rotate(-90deg);
-    }
-
-    :host([data-render-mode="shadow"]) .slds-progress-ring__progress svg {
-        width: 100%;
-    }
-
-    /* progress-ring_path */
-    :host([data-render-mode="shadow"]) .slds-progress-ring__path {
-        fill: var(--slds-g-color-success-base-50, var(--sds-g-color-success-base-50, #2e844a));
-    }
-
-    /* progress-ring_progress-head */
-    :host([data-render-mode="shadow"]) .slds-progress-ring__progress-head {
-        position: absolute;
-        height: calc(100% + 0.375rem);
-        width: calc(100% + 0.375rem);
-        top: -0.1875rem;
-        left: -0.1875rem;
-        -webkit-transform: scale(-1, 1) rotate(-90deg);
-        transform: scale(-1, 1) rotate(-90deg);
-    }
-
-    /* progress-ring_content */
-    :host([data-render-mode="shadow"]) .slds-progress-ring__content {
-        position: absolute;
-        top: 0.1875rem;
-        right: 0.1875rem;
-        bottom: 0.1875rem;
-        left: 0.1875rem;
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        border-radius: 1.5rem;
-        background: var(--slds-g-color-neutral-base-100, var(--sds-g-color-neutral-base-100, #ffffff));
-    }
-
-    :host([data-render-mode="shadow"]) .slds-progress-ring__content .slds-icon {
-        width: 0.75rem;
-    }
-
-    /* variant = warning */
-    :host([data-render-mode="shadow"]) .slds-progress-ring_warning .slds-progress-ring__content {
-        background: var(--slds-g-color-neutral-base-100, var(--sds-g-color-neutral-base-100, #ffffff));
-    }
-
-    :host([data-render-mode="shadow"]) .slds-progress-ring_warning .slds-icon,:host([data-render-mode="shadow"]) 
-    .slds-progress-ring_warning .slds-icon svg,:host([data-render-mode="shadow"]) 
-    .slds-progress-ring_warning .slds-progress-ring__path {
-        fill: var(--slds-g-color-warning-base-60, var(--sds-g-color-warning-base-70, #fe9339));
-    }
-
-    /* variant = expired */
-    :host([data-render-mode="shadow"]) .slds-progress-ring_expired .slds-progress-ring__content {
-        background: var(--slds-g-color-neutral-base-100, var(--sds-g-color-neutral-base-100, #ffffff));
-    }
-
-    :host([data-render-mode="shadow"]) .slds-progress-ring_expired .slds-icon,:host([data-render-mode="shadow"]) 
-    .slds-progress-ring_expired .slds-icon svg,:host([data-render-mode="shadow"]) 
-    .slds-progress-ring_expired .slds-progress-ring__path {
-        fill: var(--slds-g-color-error-base-40, var(--sds-g-color-error-base-60, #fe5c4c));
-    }
-
-
-    /* variant = complete */
-    :host([data-render-mode="shadow"]) .slds-progress-ring_complete .slds-icon,:host([data-render-mode="shadow"]) 
-    .slds-progress-ring_complete .slds-icon svg {
-        fill: var(--slds-g-color-neutral-base-100, var(--sds-g-color-neutral-base-100, #ffffff));
-    }
-
-    :host([data-render-mode="shadow"]) .slds-progress-ring_complete .slds-progress-ring__path {
-        fill: var(--slds-g-color-success-base-50, var(--sds-g-color-success-base-50, #2e844a));
-    }
-
-    :host([data-render-mode="shadow"]) .slds-progress-ring_complete .slds-progress-ring__content {
-        background: var(--slds-g-color-success-base-50, var(--sds-g-color-success-base-50, #2e844a));
-    }
-
-    /* size = large */
-    :host([data-render-mode="shadow"]) .slds-progress-ring_large {
-        height: 2rem;
-        width: 2rem;
-    }
-
-    :host([data-render-mode="shadow"]) .slds-progress-ring_large .slds-icon {
-        width: 1rem;
-    }
-
-    /* variant = active-step */
-    :host([data-render-mode="shadow"]) .slds-progress-ring_active-step .slds-progress-ring__path {
-        fill: var(--slds-g-color-brand-base-60, var(--sds-g-color-brand-base-60, #1b96ff));
-    }
-
-    /* additional classes */
-
-    /* TODO W-12674349: remove after name-value-list utils are added */
-    :host([data-render-mode="shadow"]) .slds-assistive-text {
-        position: absolute !important;
-        margin: -1px !important;
-        border: 0 !important;
-        padding: 0 !important;
-        width: 1px !important;
-        height: 1px !important;
-        overflow: hidden !important;
-        clip: rect(0 0 0 0) !important;
-        text-transform: none !important;
-        white-space: nowrap !important;
-    }
-
-}

package/src/lightning/progressRing/progressRing.css

@@ -1,2 +0,0 @@
-@import 'lightning/sldsCommon';
-@import './progress-ring.slds.css';

package/src/lightning/tabset/tabset.slds.css

@@ -1,9 +0,0 @@
-
-@supports (--styling-hooks: '') {
-  :host([data-render-mode="shadow"]) .slds-vertical-tabs {
-      display: flex;
-      overflow: hidden;
-      border: var(--sds-g-sizing-border-1, 1px) solid var(--slds-g-color-border-base-1, --sds-g-color-neutral-base-90, #e5e5e5);
-      border-radius: var(--sds-g-spacing-1, 0.25rem);
-  }
-}