@salesforcedevs/arch-components 1.20.17-alpha1 → 1.20.17-alpha10

package/src/modules/sa/expandableSection/expandableSection.stories.ts

@@ -1,37 +0,0 @@
-import { html } from 'lit-html';
-
-export default {
-    title: 'sa/sa-expandable-section',
-    parameters: {
-        modules: ['/modules/sa-expandable-section.js']
-    }
-};
-
-export const Base = () =>
-    html`
-        <sa-expandable-section>
-            <span slot="title">Section Title</span>
-            <p>
-                Aenean eu leo quam. Pellentesque ornare sem lacinia quam
-                venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo,
-                tortor mauris condimentum nibh, ut fermentum massa justo sit
-                amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing
-                elit. Nullam quis risus eget urna mollis ornare vel eu leo.
-                Nulla vitae elit libero, a pharetra augue.
-            </p>
-        </sa-expandable-section>
-    `;
-
-export const Open = () => html`
-    <sa-expandable-section is-open="false">
-        <span slot="title">Section Title</span>
-        <p>
-            Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis
-            vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-            condimentum nibh, ut fermentum massa justo sit amet risus. Lorem
-            ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus
-            eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a
-            pharetra augue.
-        </p>
-    </sa-expandable-section>
-`;

package/src/modules/sa/expandableSection/expandableSection.ts

@@ -1,24 +0,0 @@
-import { LightningElement, api } from 'lwc';
-
-export default class ExpandableSection extends LightningElement {
-    @api
-    get isOpen() {
-        return this._isOpen;
-    }
-    set isOpen(value) {
-        this._isOpen = value;
-    }
-    _isOpen = false;
-
-    handleExpandClick() {
-        this._isOpen = !this._isOpen;
-    }
-
-    get sectionClass() {
-        return `section ${this._isOpen ? 'is-open' : ''}`;
-    }
-
-    get isClosed() {
-        return !this._isOpen;
-    }
-}

package/src/modules/sa/explorer/explorer.css

@@ -1,303 +0,0 @@
-@import 'tds/reset';
-
-:host {
-    font-size: var(--tds-font-size-md);
-}
-
-.filter-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.filter-title {
-    display: inline-block;
-    margin-right: var(--tds-spacing-8);
-}
-
-.filter-header h2 {
-    font-size: var(--tds-font-size-lg);
-}
-
-.filter-form {
-    margin-bottom: var(--tds-spacing-2);
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-}
-
-.filter-form > * {
-    margin-right: var(--tds-spacing-4);
-    margin-left: var(--tds-spacing-4);
-}
-
-.filter-form tds-select {
-    flex: 1;
-}
-
-.filter-form .search-input {
-    flex-basis: 100%;
-}
-
-.search-input {
-    width: 60%;
-    box-sizing: border-box;
-}
-
-.search-input__wrapper {
-    align-items: stretch;
-    display: flex;
-    position: relative;
-    margin-bottom: var(--tds-spacing-4);
-}
-
-.search-input__label {
-    overflow-wrap: break-word;
-    word-wrap: break-word;
-    hyphens: auto;
-    display: block;
-    padding-right: var(--tds-spacing-2);
-    padding-top: var(--tds-spacing-2);
-    color: var(--tds-color-meteorite);
-    font-size: var(--tds-font-size-xs);
-    margin-bottom: var(--tds-spacing-2);
-}
-
-.search-input__input {
-    border-radius: var(--tds-radius-md);
-    border: 1px solid var(--tds-color-fog);
-    color: var(--tds-color-black);
-    flex: 1;
-    font-family: inherit;
-    font-size: var(--tds-font-size-md);
-    line-height: 1.875;
-    overflow: hidden;
-    padding: 0.4rem 0;
-    padding-left: var(--tds-spacing-8);
-    position: relative;
-    text-overflow: ellipsis;
-    transition: border 0.1s linear, background-color 0.1s linear;
-    white-space: nowrap;
-}
-
-.search-input__icon {
-    color: var(--tds-color-granite);
-    left: 10px;
-    position: absolute;
-    top: 13px;
-    z-index: 1;
-}
-
-.table-summary {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.table-summary .page-size-controls {
-    flex-basis: 25%;
-}
-
-.table-summary .page-size-controls, 
-.table-summary .export-buttons {
-    display: flex;
-    align-items: center;
-}
-
-
-
-.table-summary .export-buttons {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.table-summary .page-size-controls div,
-.table-summary .export-buttons div {
-    margin-right: 0.5rem;
-    color: var(--tds-color-meteorite);
-}
-.table-summary .export-buttons {
-    text-align: right;
-}
-.table-summary .export-buttons > * {
-    margin-right: 0.5rem;
-}
-.table-summary .filter-stats {
-    text-align: center;
-    color: var(--tds-color-meteorite);
-    margin-bottom: var(--tds-spacing-4);
-}
-
-table {
-    width: 100%;
-    margin: 0 auto;
-    border-collapse: separate;
-    border-spacing: 0;
-    border-right: 1px solid #dddbda;
-    border-left: 1px solid #dddbda;
-    border-bottom: 1px solid #111111;
-    vertical-align: middle;
-    margin-bottom: var(--tds-spacing-8);
-}
-
-thead {
-    display: table-header-group;
-    border-color: inherit;
-}
-
-th {
-    background-color: #ebf5ff;
-    border-top: 1px solid #dddbda;
-    border-bottom: 1px solid #111111;
-    padding: 1rem;
-    vertical-align: middle;
-    text-align: left;
-}
-
-tr {
-    display: table-row;
-    vertical-align: middle;
-}
-
-tr:nth-child(even) td {
-    background: #fafaf9;
-}
-
-tr td:first-child {
-    border-left: 3px solid transparent;
-}
-
-tr td:last-child {
-    border-right: 3px solid transparent;
-}
-
-tr:hover td {
-    box-shadow: #dddbda 0 -1px 0 inset, #dddbda 0 1px 0 inset;
-    background: #fafaf9;
-}
-
-tr:hover td:first-child {
-    border-left: 3px solid var(--tds-color-brand);
-}
-
-tr:hover td:last-child {
-    border-right: 3px solid var(--tds-color-brand);
-}
-
-td {
-    padding: 0.75rem 1rem;
-    border-top: 1px solid #dddbda;
-    border-bottom: 1px solid #dddbda;
-}
-
-.status {
-    text-align: center;
-}
-
-td.empty-table {
-    height: 20rem;
-    text-align: center;
-    pointer-events: none;
-}
-
-td.empty-table tds-spinner {
-    display: inline-block;
-}
-
-button.link {
-    background: none;
-    border-width: 0;
-    text-decoration: underline;
-    cursor: pointer;
-}
-
-.pagination-controls {
-    display: flex;
-    justify-content: center;
-    margin-bottom: var(--tds-spacing-4);
-}
-
-.pagination-controls tds-button {
-    padding: 0 1rem;
-}
-
-.safe-harbor {
-    border-radius: 10px;
-    border: 1px solid gray;
-    padding: 20px;
-    margin-bottom: 20px;
-}
-
-.safe-harbor img {
-    margin-right: 10px;
-    float: left;
-}
-
-@media screen and (max-width: 48rem) {
-    .filter-header {
-        flex-direction: column-reverse;
-    }
-
-    .filter-header div {
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-
-    .filter-header sa-social-share {
-        margin-bottom: var(--tds-spacing-6);
-    }
-
-    .table-summary {
-        flex-direction: column;
-    }
-
-    .table-wrapper {
-        overflow-x: scroll;
-    }
-
-    .pagination-controls-top,
-    .export-label {
-        display:none;
-    }
-}
-
-.row-title p {
-    font-weight: normal;
-}
-
-.row-pattern {
-    font-size: var(--tds-font-size-sm);
-    margin-bottom: 1rem;
-    color: #3e3e3c;
-    padding-left: 1rem;
-    width:50%;
-    align-items: left;
-    flex: 1;
-}
-
-.row-pattern p {
-    font-weight: normal;
-}
-
-.row-pattern a {
-    color: var(--tds-color-brand);
-    text-decoration: none;
-}
-
-.row-pattern a:hover {
-    text-decoration: underline;
-}
-
-.selected-pills {
-    display: flex;
-    flex-wrap: wrap;
-}
-
-.selected-pills > div {
-    margin-right: 1rem;
-    margin-bottom: 1rem;
-    background-color: white;;
-}