lightning-base-components 1.18.2-alpha → 1.18.3-alpha

package/src/lightning/sldsUtilsMargin/sldsUtilsMargin.css

@@ -0,0 +1,313 @@
+/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
+Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
+
+/**
+ * Notes:
+ * - Some of the selectors available in SLDS were not included here, because they are unused in LBC
+ * - :host() is needed for those components where classes are applied to the host element.
+ */
+
+/* Top */
+
+/* Constant */
+.slds-m-top_none,
+:host(.slds-m-top_none) {
+    margin-top: 0 !important;
+}
+
+.slds-m-top_xxx-small {
+    /* 0.125rem */
+    margin-block-start: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-m-top_xx-small {
+    margin-block-start: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-m-top_x-small {
+    margin-block-start: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-m-top_small {
+    margin-block-start: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-m-top_medium {
+    margin-block-start: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-m-top_large {
+    margin-block-start: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-m-top_x-large {
+    margin-block-start: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-m-top_xx-large {
+    margin-block-start: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Right */
+
+.slds-m-right_none {
+    margin-inline-end: 0 !important;
+}
+
+.slds-m-right_xxx-small {
+    /* 0.125rem */
+    margin-inline-end: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-m-right_xx-small,
+:host(.slds-m-right_xx-small) {
+    margin-inline-end: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-m-right_x-small,
+:host(.slds-m-right_x-small) {
+    margin-inline-end: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-m-right_small,
+:host(.slds-m-right_small) {
+    margin-inline-end: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-m-right_medium {
+    margin-inline-end: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-m-right_large {
+    margin-inline-end: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-m-right_x-large {
+    margin-inline-end: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-m-right_xx-large {
+    margin-inline-end: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Bottom */
+
+.slds-m-bottom_none,
+:host(.slds-m-bottom_none) {
+    margin-block-end: 0 !important;
+}
+
+.slds-m-bottom_xxx-small {
+    /* 0.125rem */
+    margin-block-end: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-m-bottom_xx-small {
+    margin-block-end: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-m-bottom_x-small {
+    margin-block-end: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-m-bottom_small {
+    margin-block-end: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-m-bottom_medium {
+    margin-block-end: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-m-bottom_large {
+    margin-block-end: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-m-bottom_x-large {
+    margin-block-end: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-m-bottom_xx-large {
+    margin-block-end: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Left */
+
+.slds-m-left_none {
+    margin-inline-start: 0 !important;
+}
+
+.slds-m-left_xxx-small {
+    /* 0.125rem */
+    margin-inline-start: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-m-left_xx-small,
+:host(.slds-m-left_xx-small) {
+    margin-inline-start: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-m-left_x-small,
+:host(.slds-m-left_x-small) {
+    margin-inline-start: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-m-left_small {
+    margin-inline-start: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-m-left_medium {
+    margin-inline-start: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-m-left_large {
+    margin-inline-start: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-m-left_x-large {
+    margin-inline-start: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-m-left_xx-large,
+:host(.slds-m-left_xx-large) {
+    margin-inline-start: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Horizontal */
+
+.slds-m-horizontal_none,
+:host(.slds-m-horizontal_none) {
+    margin-inline-start: 0 !important;
+    margin-inline-end: 0 !important;
+}
+
+.slds-m-horizontal_xxx-small {
+    /* 0.125rem */
+    margin-inline-start: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+    margin-inline-end: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-m-horizontal_xx-small {
+    margin-inline-start: var(--slds-g-spacing-1, 0.25rem);
+    margin-inline-end: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-m-horizontal_x-small {
+    margin-inline-start: var(--slds-g-spacing-2, 0.5rem);
+    margin-inline-end: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-m-horizontal_small {
+    margin-inline-start: var(--slds-g-spacing-3, 0.75rem);
+    margin-inline-end: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-m-horizontal_medium {
+    margin-inline-start: var(--slds-g-spacing-4, 1rem);
+    margin-inline-end: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-m-horizontal_large {
+    margin-inline-start: var(--slds-g-spacing-5, 1.5rem);
+    margin-inline-end: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-m-horizontal_x-large {
+    margin-inline-start: var(--slds-g-spacing-6, 2rem);
+    margin-inline-end: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-m-horizontal_xx-large {
+    margin-inline-start: var(--slds-g-spacing-8, 3rem);
+    margin-inline-end: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Vertical */
+
+.slds-m-vertical_none {
+    margin-block-start: 0 !important;
+    margin-block-end: 0 !important;
+}
+
+.slds-m-vertical_xxx-small {
+    /* 0.125rem */
+    margin-block-start: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+    margin-block-end: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-m-vertical_xx-small {
+    margin-block-start: var(--slds-g-spacing-1, 0.25rem);
+    margin-block-end: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-m-vertical_x-small {
+    margin-block-start: var(--slds-g-spacing-2, 0.5rem);
+    margin-block-end: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-m-vertical_small {
+    margin-block-start: var(--slds-g-spacing-3, 0.75rem);
+    margin-block-end: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-m-vertical_medium {
+    margin-block-start: var(--slds-g-spacing-4, 1rem);
+    margin-block-end: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-m-vertical_large {
+    margin-block-start: var(--slds-g-spacing-5, 1.5rem);
+    margin-block-end: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-m-vertical_x-large {
+    margin-block-start: var(--slds-g-spacing-6, 2rem);
+    margin-block-end: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-m-vertical_xx-large {
+    margin-block-start: var(--slds-g-spacing-8, 3rem);
+    margin-block-end: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Around */
+
+/* Constant */
+.slds-m-around_none {
+    margin: 0 !important;
+}
+
+.slds-m-around_xxx-small {
+    /* 0.125rem */
+    margin: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-m-around_xx-small,
+:host(.slds-m-around_xx-small) {
+    margin: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-m-around_x-small {
+    margin: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-m-around_small {
+    margin: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-m-around_medium,
+:host(.slds-m-around_medium) {
+    margin: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-m-around_large,
+:host(.slds-m-around_large) {
+    margin: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-m-around_x-large {
+    margin: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-m-around_xx-large {
+    margin: var(--slds-g-spacing-8, 3rem);
+}

package/src/lightning/sldsUtilsMargin/sldsUtilsMargin.js-meta.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<LightningComponentBundle xmlns="xmlns=http://soap.sforce.com/2006/04/metadata">
+    <isExposed>true</isExposed>
+</LightningComponentBundle>

package/src/lightning/sldsUtilsPadding/sldsUtilsPadding.css

@@ -0,0 +1,308 @@
+/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
+Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
+
+/**
+ * Notes:
+ * - Some of the selectors available in SLDS were not included here, because they are unused in LBC
+ * - :host() is needed for `layout` and `layout-item` because classes are applied to the host element.
+ */
+
+/* Top */
+.slds-p-top_none {
+    padding-block-start: 0 !important;
+}
+
+.slds-p-top_xxx-small {
+    /* 0.125rem */
+    padding-block-start: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-p-top_xx-small {
+    padding-block-start: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-p-top_x-small {
+    padding-block-start: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-p-top_small {
+    padding-block-start: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-p-top_medium {
+    padding-block-start: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-p-top_large {
+    padding-block-start: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-p-top_x-large {
+    padding-block-start: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-p-top_xx-large {
+    padding-block-start: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Right */
+
+.slds-p-right_none {
+    padding-inline-end: 0 !important;
+}
+
+.slds-p-right_xxx-small {
+    /* 0.125rem */
+    padding-inline-end: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-p-right_xx-small {
+    padding-inline-end: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-p-right_x-small {
+    padding-inline-end: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-p-right_small,
+:host(.slds-p-right_small) {
+    padding-inline-end: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-p-right_medium,
+:host(.slds-p-right_medium) {
+    padding-inline-end: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-p-right_large,
+:host(.slds-p-right_large) {
+    padding-inline-end: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-p-right_x-large {
+    padding-inline-end: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-p-right_xx-large {
+    padding-inline-end: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Bottom */
+
+.slds-p-bottom_none {
+    padding-block-end: 0 !important;
+}
+
+.slds-p-bottom_xxx-small {
+    /* 0.125rem */
+    padding-block-end: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-p-bottom_xx-small {
+    padding-block-end: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-p-bottom_x-small {
+    padding-block-end: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-p-bottom_small {
+    padding-block-end: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-p-bottom_medium {
+    padding-block-end: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-p-bottom_large {
+    padding-block-end: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-p-bottom_x-large {
+    padding-block-end: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-p-bottom_xx-large {
+    padding-block-end: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Left */
+
+.slds-p-left_none {
+    padding-inline-start: 0 !important;
+}
+
+.slds-p-left_xxx-small {
+    /* 0.125rem */
+    padding-inline-start: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+
+}
+
+.slds-p-left_xx-small {
+    padding-inline-start: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-p-left_x-small {
+    padding-inline-start: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-p-left_small,
+:host(.slds-p-left_small) {
+    padding-inline-start: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-p-left_medium,
+:host(.slds-p-left_medium) {
+    padding-inline-start: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-p-left_large,
+:host(.slds-p-left_large) {
+    padding-inline-start: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-p-left_x-large {
+    padding-inline-start: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-p-left_xx-large {
+    padding-inline-start: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Horizontal */
+
+.slds-p-horizontal_none {
+    padding-inline-start: 0 !important;
+    padding-inline-end: 0 !important;
+}
+
+.slds-p-horizontal_xxx-small {
+    /* 0.125rem */
+    padding-inline-start: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+    padding-inline-end: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-p-horizontal_xx-small {
+    padding-inline-start: var(--slds-g-spacing-1, 0.25rem);
+    padding-inline-end: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-p-horizontal_x-small {
+    padding-inline-start: var(--slds-g-spacing-2, 0.5rem);
+    padding-inline-end: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-p-horizontal_small {
+    padding-inline-start: var(--slds-g-spacing-3, 0.75rem);
+    padding-inline-end: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-p-horizontal_medium {
+    padding-inline-start: var(--slds-g-spacing-4, 1rem);
+    padding-inline-end: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-p-horizontal_large {
+    padding-inline-start: var(--slds-g-spacing-5, 1.5rem);
+    padding-inline-end: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-p-horizontal_x-large {
+    padding-inline-start: var(--slds-g-spacing-6, 2rem);
+    padding-inline-end: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-p-horizontal_xx-large {
+    padding-inline-start: var(--slds-g-spacing-8, 3rem);
+    padding-inline-end: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Vertical */
+
+.slds-p-vertical_none {
+    padding-block-start: 0 !important;
+    padding-block-end: 0 !important;
+}
+
+.slds-p-vertical_xxx-small {
+    /* 0.125rem */
+    padding-block-start: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+    padding-block-end: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-p-vertical_xx-small {
+    padding-block-start: var(--slds-g-spacing-1, 0.25rem);
+    padding-block-end: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-p-vertical_x-small {
+    padding-block-start: var(--slds-g-spacing-2, 0.5rem);
+    padding-block-end: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-p-vertical_small {
+    padding-block-start: var(--slds-g-spacing-3, 0.75rem);
+    padding-block-end: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-p-vertical_medium {
+    padding-block-start: var(--slds-g-spacing-4, 1rem);
+    padding-block-end: var(--slds-g-spacing-4, 1rem);
+}
+
+.slds-p-vertical_large {
+    padding-block-start: var(--slds-g-spacing-5, 1.5rem);
+    padding-block-end: var(--slds-g-spacing-5, 1.5rem);
+}
+
+.slds-p-vertical_x-large {
+    padding-block-start: var(--slds-g-spacing-6, 2rem);
+    padding-block-end: var(--slds-g-spacing-6, 2rem);
+}
+
+.slds-p-vertical_xx-large {
+    padding-block-start: var(--slds-g-spacing-8, 3rem);
+    padding-block-end: var(--slds-g-spacing-8, 3rem);
+}
+
+/* Around */
+
+.slds-p-around_none {
+    padding: 0 !important;
+}
+
+.slds-p-around_xxx-small {
+    /* 0.125rem */
+    padding: calc(var(--slds-g-spacing-1, 0.25rem) / 2);
+}
+
+.slds-p-around_xx-small {
+    padding: var(--slds-g-spacing-1, 0.25rem);
+}
+
+.slds-p-around_x-small {
+    padding: var(--slds-g-spacing-2, 0.5rem);
+}
+
+.slds-p-around_small,
+:host(.slds-p-around_small) {
+    padding: var(--slds-g-spacing-3, 0.75rem);
+}
+
+.slds-p-around_medium,
+:host(.slds-p-around_medium) {
+    padding: var(--sds-spacing-4, 1rem);
+}
+
+.slds-p-around_large,
+:host(.slds-p-around_large) {
+    padding: var(--sds-spacing-5, 1.5rem);
+}
+
+.slds-p-around_x-large {
+    padding: var(--sds-spacing-6, 2rem);
+}
+
+.slds-p-around_xx-large {
+    padding: var(--sds-spacing-8, 3rem);
+}

package/src/lightning/sldsUtilsPadding/sldsUtilsPadding.js-meta.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<LightningComponentBundle xmlns="xmlns=http://soap.sforce.com/2006/04/metadata">
+    <isExposed>true</isExposed>
+</LightningComponentBundle>

package/src/lightning/sldsUtilsPosition/sldsUtilsPosition.css

@@ -0,0 +1,18 @@
+/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
+Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
+
+.slds-is-static {
+    position: static;
+}
+
+.slds-is-relative {
+    position: relative;
+}
+
+.slds-is-fixed {
+    position: fixed;
+}
+
+.slds-is-absolute {
+    position: absolute;
+}

package/src/lightning/sldsUtilsPosition/sldsUtilsPosition.js-meta.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<LightningComponentBundle xmlns="xmlns=http://soap.sforce.com/2006/04/metadata">
+    <isExposed>true</isExposed>
+</LightningComponentBundle>