lightning-base-components 1.17.7-alpha → 1.18.2-alpha

package/src/lightning/helptext/helptext.css

@@ -1,3 +1,3 @@
-/* @import 'lightning/sldsCommon';
+@import 'lightning/sldsCommon';
 @import './help-text.slds.css';
-@import "./form-element.slds.css"; */
+@import "./form-element.slds.css";

package/src/lightning/helptext/helptext.js

@@ -1,5 +1,6 @@
 import labelButtonAlternativeText from '@salesforce/label/LightningHelptext.buttonAlternativeText';
-import { LightningElement, api, track } from 'lwc';
+import { api, track } from 'lwc';
+import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import { isValidName } from 'lightning/iconUtils';
 import { normalizeString } from 'lightning/utilsPrivate';
 import { TooltipType } from 'lightning/tooltipLibrary';
@@ -11,7 +12,7 @@ const DEFAULT_ICON_VARIANT = 'bare';
 /**
  * An icon with a text popover used for tooltips.
  */
-export default class LightningHelptext extends LightningElement {
+export default class LightningHelptext extends LightningShadowBaseClass {
     // TODO: future refactoring to remove this.state convention
     @track
     state = {

package/src/lightning/i18nCldrOptions/README.md

@@ -0,0 +1,5 @@
+# i18nCldrOptions
+
+This module gets generated from [Localizer's i18n-cldr-options](https://git.soma.salesforce.com/Globalization/localizerjs/tree/master/packages/%40localizer/i18n-cldr-options) which is maintained by the globalization team.
+
+We then expose it as part of lightning for internal usage on the platform. This module is also part of our NPM distribution.

package/src/lightning/i18nService/README.md

@@ -0,0 +1,5 @@
+# i18nService
+
+This module gets generated from [Localizer's i18n-service](https://git.soma.salesforce.com/Globalization/localizerjs/tree/master/packages/%40localizer/i18n-service) which is maintained by the globalization team.
+
+We then expose it as part of lightning for internal usage on the platform. This module is also part of our NPM distribution.

package/src/lightning/icon/icon.css

@@ -1,2 +1,2 @@
-/* @import "lightning/sldsCommon";
-@import "./icon.slds.css"; */
+@import 'lightning/sldsCommon';
+@import './icon.slds.css';

package/src/lightning/icon/icon.js

@@ -1,4 +1,5 @@
-import { LightningElement, api } from 'lwc';
+import { api } from 'lwc';
+import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import {
     classListMutation,
     normalizeString,
@@ -7,14 +8,16 @@ import {
 import {
     computeSldsClass,
     getCategory,
+    getName,
     isValidName,
 } from 'lightning/iconUtils';
+import { iconColors } from './iconColors';
 import { normalizeVariant } from './util';
 
 /**
  * Represents a visual element that provides context and enhances usability.
  */
-export default class LightningIcon extends LightningElement {
+export default class LightningIcon extends LightningShadowBaseClass {
     _src;
     _privateIconName;
     _iconName;
@@ -109,6 +112,7 @@ export default class LightningIcon extends LightningElement {
             });
             this._iconName = iconName;
             this.setAttribute('icon-name', iconName);
+            this.setColor(iconName);
         } else {
             console.warn(`<lightning-icon> Invalid icon name ${iconName}`); // eslint-disable-line no-console
 
@@ -156,6 +160,7 @@ export default class LightningIcon extends LightningElement {
     }
 
     connectedCallback() {
+        super.connectedCallback();
         this.classList.add('slds-icon_container');
     }
 
@@ -163,4 +168,13 @@ export default class LightningIcon extends LightningElement {
         this._src = undefined;
         this.updateIconName('standard:default');
     }
+
+    setColor(iconName) {
+        const category = getCategory(iconName);
+        const name = getName(iconName);
+        const color = iconColors[category] && iconColors[category][name];
+        if (color) {
+            this.template.host.style = `--sds-c-icon-color-background: var(--slds-c-icon-color-background, ${color});`;
+        }
+    }
 }

package/src/lightning/icon/icon.slds.css

@@ -49,39 +49,39 @@
 
 @supports (--styling-hooks: '') {
   :host([data-render-mode="shadow"][size~='xxx-small']) {
-    --slds-c-icon-sizing: 0.5rem;
+    --slds-c-icon-sizing: var(--sds-g-sizing-3, 0.5rem);
   }
 
   :host([data-render-mode="shadow"][size~='xx-small']) {
-    --slds-c-icon-sizing: 0.875rem;
+    --slds-c-icon-sizing: calc(var(--sds-g-sizing-1, 0.125rem) + var(--sds-g-sizing-4, 0.75rem));
   }
 
   :host([data-render-mode="shadow"][size~='x-small']) {
-    --slds-c-icon-sizing: 1rem;
+    --slds-c-icon-sizing: var(--sds-g-sizing-5, 1rem);
   }
 
   :host([data-render-mode="shadow"][size~='small']) {
-    --slds-c-icon-sizing: 1.5rem;
+    --slds-c-icon-sizing: var(--sds-g-sizing-7, 1.5rem);
   }
 
   :host([data-render-mode="shadow"][size~='large']) {
-    --slds-c-icon-sizing: 3rem;
+    --slds-c-icon-sizing: var(--sds-g-sizing-10, 3rem);
   }
 
   :host([data-render-mode="shadow"][variant~='warning']) {
-    --slds-c-icon-color-foreground: var(--sds-g-color-warning-base-4);
+    --slds-c-icon-color-foreground: var(--sds-g-color-warning-base-70, #fe9339);
   }
 
   :host([data-render-mode="shadow"][variant~='success']) {
-    --slds-c-icon-color-foreground: var(--sds-g-color-success-base-contrast-1);
+    --slds-c-icon-color-foreground: var(--sds-g-color-success-base-50, #2e844a);
   }
 
   :host([data-render-mode="shadow"][variant~='error']) {
-    --slds-c-icon-color-foreground: var(--sds-g-color-error-base-contrast-1);
+    --slds-c-icon-color-foreground: var(--sds-g-color-error-base-50, #ea001e);
   }
 
   :host([data-render-mode="shadow"][variant~='light']) {
-    --slds-c-icon-color-foreground: var(--sds-g-color-neutral-base-contrast-1);
+    --slds-c-icon-color-foreground: var(--sds-g-color-neutral-base-70, #aeaeae);
   }
 
   :host([data-render-mode="shadow"]) [part~='boundary'] {
@@ -115,15 +115,15 @@
   }
 
   :host([data-render-mode="shadow"]) [part~='icon'] {
-    --sds-c-icon-color-foreground: var(--slds-c-icon-color-foreground, var(--sds-g-color-neutral-base-1));
-    --sds-c-icon-sizing-height: var(--slds-c-icon-sizing-height, var(--slds-c-icon-sizing, 2rem));
-    --sds-c-icon-sizing-width: var(--slds-c-icon-sizing-width, var(--slds-c-icon-sizing, 2rem));
+    --sds-c-icon-color-foreground: var(--slds-c-icon-color-foreground, var(--sds-g-color-neutral-base-100, #ffffff));
+    --sds-c-icon-sizing-height: var(--slds-c-icon-sizing-height, var(--slds-c-icon-sizing, var(--sds-g-sizing-9, 2rem)));
+    --sds-c-icon-sizing-width: var(--slds-c-icon-sizing-width, var(--slds-c-icon-sizing, var(--sds-g-sizing-9, 2rem)));
   }
 
   :host([data-render-mode="shadow"][icon-name*='action']) {
-    --slds-c-icon-spacing-block: 0.5rem;
-    --slds-c-icon-spacing-inline: 0.5rem;
-    --slds-c-icon-radius-border: 50%;
+    --slds-c-icon-spacing-block: var(--sds-g-sizing-3, 0.5rem);
+    --slds-c-icon-spacing-inline: var(--sds-g-sizing-3, 0.5rem);
+    --slds-c-icon-radius-border: calc(var(--sds-g-radius-border-circle, 100%) / 2);
   }
 }
 
@@ -152,12 +152,13 @@
   /*! @css-var-fallback fill */
   --slds-c-icon-color-foreground: var(
     --slds-c-icon-color-foreground-default,
-    var(--sds-c-icon-color-foreground-default, #706e6b)
+    var(--sds-c-icon-color-foreground-default, var(
+      --sds-g-color-neutral-base-50, #747474))
   );
 }
 
 :host([data-render-mode="shadow"]) .slds-icon-text-default.slds-is-disabled {
-  fill: #dddbda;
+  fill: var(--sds-g-color-neutral-base-80, #c9c9c9);
 }
 
 /**
@@ -195,3 +196,14 @@
 :host([data-render-mode="shadow"]) .slds-icon_disabled {
   background-color: currentColor;
 }
+
+:host([data-render-mode="shadow"]) .slds-input__icon {
+  --slds-c-icon-sizing: calc(var(--sds-g-sizing-1, 0.125rem) + var(--sds-g-sizing-4, 0.75rem));
+  
+  position: absolute;
+  top: 50%;
+  margin-block-start: -0.4375rem;
+  line-height: var(--sds-g-font-lineheight-1, 1);
+  border: 0;
+  z-index: 2;
+}

package/src/lightning/icon/iconColors.js

@@ -0,0 +1 @@
+export const iconColors = {"standard":{"contact":"rgb(88, 103, 232)","crypto_transaction":"rgb(255, 93, 45)","multi_select_checkbox":"rgb(147, 147, 147)","work_order":"rgb(6, 165, 154)","post":"rgb(27, 150, 255)","global_constant":"rgb(16, 124, 173)","change_request":"rgb(5, 103, 100)","carousel":"rgb(59, 167, 85)","work_contract":"rgb(27, 150, 255)","resource_skill":"rgb(59, 167, 85)","system_and_global_variable":"rgb(16, 124, 173)","segments":"rgb(255, 93, 45)","account_info":"rgb(88, 103, 232)","goals":"rgb(27, 150, 255)","tour_check":"rgb(144, 80, 233)","adjust_value":"rgb(59, 167, 85)","case_wrap_up":"rgb(255, 93, 45)","investment_account":"rgb(59, 167, 85)","store":"rgb(34, 104, 62)","slider":"rgb(147, 147, 147)","output":"rgb(16, 124, 173)","medication_ingredient":"rgb(6, 165, 154)","store_group":"rgb(27, 150, 255)","all":"rgb(16, 124, 173)","service_territory_policy":"rgb(27, 150, 255)","slack_conversations":"rgb(72, 26, 84)","picklist_choice":"rgb(16, 124, 173)","choice":"rgb(16, 124, 173)","funding_requirement":"rgb(34, 104, 62)","your_account":"rgb(27, 150, 255)","app":"rgb(255, 93, 45)","default":"rgb(147, 147, 147)","case_milestone":"rgb(255, 93, 45)","today":"rgb(255, 83, 138)","buyer_account":"rgb(34, 104, 62)","lead_list":"rgb(255, 93, 45)","work_plan_template":"rgb(6, 165, 154)","tableau":"rgb(15, 30, 60)","shift":"rgb(255, 83, 138)","product_item_transaction":"rgb(255, 93, 45)","person_language":"rgb(6, 165, 154)","apex":"rgb(16, 124, 173)","reply_text":"rgb(255, 83, 138)","answer_private":"rgb(255, 93, 45)","immunization":"rgb(255, 83, 138)","asset_downtime_period":"rgb(16, 124, 173)","opportunity_contact role":"rgb(88, 103, 232)","retail_banking_console":"rgb(6, 165, 154)","channel_program_members":"rgb(6, 165, 154)","apps_admin":"rgb(88, 103, 232)","datadotcom":"rgb(27, 150, 255)","settings":"rgb(34, 104, 62)","network_contract":"rgb(59, 167, 85)","crypto_transaction_envelope_item":"rgb(16, 124, 173)","product_item":"rgb(27, 150, 255)","metrics":"rgb(27, 150, 255)","topic2":"rgb(27, 150, 255)","partner_fund_allocation":"rgb(6, 165, 154)","care_request_reviewer":"rgb(59, 167, 85)","crypto_transaction_envelope_change_snapshot":"rgb(203, 101, 255)","approval":"rgb(59, 167, 85)","work_queue":"rgb(16, 124, 173)","iot_orchestrations":"rgb(16, 124, 173)","visualforce_page":"rgb(255, 93, 45)","person_account":"rgb(88, 103, 232)","entity":"rgb(255, 93, 45)","service_territory_location":"rgb(88, 103, 232)","qualifications":"rgb(34, 104, 62)","document_preview":"rgb(182, 5, 84)","tax_treatment":"rgb(34, 104, 62)","entitlement_policy":"rgb(34, 104, 62)","form":"rgb(59, 167, 85)","products":"rgb(34, 104, 62)","prompt":"rgb(6, 165, 154)","order_item":"rgb(27, 150, 255)","read_receipts":"rgb(59, 167, 85)","javascript_button":"rgb(255, 93, 45)","maintenance_asset":"rgb(16, 124, 173)","work_plan_rule":"rgb(6, 165, 154)","loop":"rgb(255, 93, 45)","portal_roles_and_subordinates":"rgb(27, 150, 255)","work_capacity_limit":"rgb(16, 124, 173)","employee_organization":"rgb(27, 150, 255)","workforce_engagement":"rgb(182, 5, 84)","constant":"rgb(16, 124, 173)","marketing_actions":"rgb(59, 167, 85)","case_transcript":"rgb(255, 93, 45)","timesheet_entry":"rgb(59, 167, 85)","key_dates":"rgb(27, 150, 255)","multi_picklist":"rgb(147, 147, 147)","facility_bed":"rgb(255, 83, 138)","product_workspace":"rgb(34, 104, 62)","visit_templates":"rgb(27, 150, 255)","restriction_policy":"rgb(27, 150, 255)","task":"rgb(59, 167, 85)","answer_best":"rgb(255, 93, 45)","attach":"rgb(144, 80, 233)","asset_action":"rgb(16, 124, 173)","section":"rgb(147, 147, 147)","service_request":"rgb(27, 150, 255)","orders":"rgb(27, 150, 255)","propagation_policy":"rgb(27, 150, 255)","budget":"rgb(16, 124, 173)","report_type":"rgb(59, 167, 85)","past_chat":"rgb(255, 93, 45)","crypto_transaction_envelope_change_log":"rgb(8, 73, 104)","feedback":"rgb(27, 150, 255)","action_list_component":"rgb(16, 124, 173)","opportunity_splits":"rgb(255, 93, 45)","location_permit":"rgb(6, 165, 154)","messaging_user":"rgb(6, 165, 154)","filter_criteria":"rgb(16, 124, 173)","tax_policy":"rgb(34, 104, 62)","trailhead":"rgb(3, 45, 96)","entitlements":"rgb(144, 80, 233)","checkout":"rgb(34, 104, 62)","formula":"rgb(16, 124, 173)","case_log_a_call":"rgb(255, 93, 45)","shift_pattern_entry":"rgb(255, 83, 138)","thanks_loading":"rgb(147, 147, 147)","job_family":"rgb(27, 150, 255)","service_appointment_capacity_usage":"rgb(16, 124, 173)","channel_program_levels":"rgb(6, 165, 154)","letterhead":"rgb(27, 150, 255)","promotions_workspace":"rgb(34, 104, 62)","nft_settings":"rgb(255, 83, 138)","asset_hierarchy":"rgb(16, 124, 173)","email_chatter":"rgb(255, 93, 45)","document_reference":"rgb(16, 124, 173)","announcement":"rgb(27, 150, 255)","field_sales":"rgb(144, 80, 233)","bot":"rgb(16, 124, 173)","macros":"rgb(6, 165, 154)","dashboard_ea":"rgb(88, 103, 232)","job_profile":"rgb(255, 83, 138)","steps":"rgb(16, 124, 173)","snippet_alt":"rgb(16, 124, 173)","asset_relationship":"rgb(255, 93, 45)","high_velocity_sales":"rgb(6, 165, 154)","brand":"rgb(88, 103, 232)","historical_adherence":"rgb(6, 165, 154)","visits":"rgb(27, 150, 255)","einstein_replies":"rgb(255, 83, 138)","coaching":"rgb(255, 83, 138)","record_lookup":"rgb(255, 83, 138)","product_service_campaign_item":"rgb(16, 124, 173)","scheduling_constraint":"rgb(255, 83, 138)","lightning_component":"rgb(147, 147, 147)","search":"rgb(27, 150, 255)","connected_apps":"rgb(88, 103, 232)","swarm_request":"rgb(255, 83, 138)","work_type_group":"rgb(16, 124, 173)","education":"rgb(27, 150, 255)","work_type":"rgb(16, 124, 173)","travel_mode":"rgb(59, 167, 85)","environment_hub":"rgb(16, 124, 173)","identifier":"rgb(255, 93, 45)","cms":"rgb(59, 167, 85)","call_coaching":"rgb(27, 150, 255)","salesforce_cms":"rgb(16, 124, 173)","price_sheet":"rgb(59, 167, 85)","thanks":"rgb(255, 83, 138)","service_territory_member":"rgb(88, 103, 232)","work_forecast":"rgb(255, 93, 45)","crypto_product_category_wallet_role":"rgb(5, 103, 100)","holiday_operating_hours":"rgb(27, 150, 255)","user_role":"rgb(59, 167, 85)","observation_component":"rgb(88, 103, 232)","orchestrator":"rgb(16, 124, 173)","work_capacity_usage":"rgb(16, 124, 173)","record_create":"rgb(255, 83, 138)","campaign_members":"rgb(255, 93, 45)","retail_banking":"rgb(6, 165, 154)","product_service_campaign":"rgb(16, 124, 173)","portal_roles":"rgb(255, 93, 45)","calibration":"rgb(6, 165, 154)","answer_public":"rgb(255, 93, 45)","display_text":"rgb(147, 147, 147)","product_consumed_state":"rgb(6, 165, 154)","budget_category_value":"rgb(27, 150, 255)","unmatched":"rgb(27, 150, 255)","partners":"rgb(6, 165, 154)","email_iq":"rgb(88, 103, 232)","mulesoft":"rgb(27, 150, 255)","service_crew":"rgb(255, 93, 45)","payment_gateway":"rgb(5, 103, 100)","voice_call":"rgb(59, 167, 85)","cancel_checkout":"rgb(147, 147, 147)","asset_warranty":"rgb(16, 124, 173)","resource_capacity":"rgb(59, 167, 85)","setup_modal":"rgb(16, 124, 173)","channel_programs":"rgb(6, 165, 154)","quip":"rgb(255, 93, 45)","quip_sheet":"rgb(59, 167, 85)","timeslot":"rgb(255, 93, 45)","live_chat":"rgb(255, 93, 45)","service_request_detail":"rgb(6, 165, 154)","med_rec_statement_recommendation":"rgb(88, 103, 232)","job_position":"rgb(27, 150, 255)","sobject_collection":"rgb(16, 124, 173)","user":"rgb(6, 165, 154)","client":"rgb(6, 165, 154)","screen":"rgb(27, 150, 255)","portal":"rgb(59, 167, 85)","partner_fund_request":"rgb(6, 165, 154)","asset_audit":"rgb(144, 80, 233)","resource_preference":"rgb(59, 167, 85)","first_non_empty":"rgb(255, 83, 138)","customer_360":"rgb(3, 45, 96)","employee_job":"rgb(27, 150, 255)","resource_absence":"rgb(59, 167, 85)","text_template":"rgb(16, 124, 173)","entitlement_template":"rgb(88, 103, 232)","lightning_usage":"rgb(88, 103, 232)","product_transfer_state":"rgb(255, 93, 45)","medication_dispense":"rgb(27, 150, 255)","entitlement":"rgb(88, 103, 232)","empty":"rgb(147, 147, 147)","text":"rgb(147, 147, 147)","delegated_account":"rgb(34, 104, 62)","fulfillment_order":"rgb(147, 147, 147)","case_email":"rgb(255, 93, 45)","account":"rgb(88, 103, 232)","coupon_codes":"rgb(34, 104, 62)","assignment":"rgb(255, 93, 45)","wealth_management_console":"rgb(6, 165, 154)","task2":"rgb(59, 167, 85)","patient_medication_dosage":"rgb(6, 165, 154)","code_playground":"rgb(16, 124, 173)","social":"rgb(255, 83, 138)","endorsement":"rgb(88, 103, 232)","folder":"rgb(88, 103, 232)","service_crew_member":"rgb(88, 103, 232)","variation_attribute_setup":"rgb(34, 104, 62)","connect_wallet":"rgb(182, 5, 84)","flow":"rgb(16, 124, 173)","recipe":"rgb(16, 124, 173)","expense_report_entry":"rgb(47, 44, 183)","employee":"rgb(27, 150, 255)","omni_supervisor":"rgb(88, 103, 232)","capacity_plan":"rgb(255, 83, 138)","asset_object":"rgb(16, 124, 173)","product":"rgb(144, 80, 233)","crypto_transaction_envelope":"rgb(5, 103, 100)","topic":"rgb(27, 150, 255)","product_required":"rgb(255, 83, 138)","dynamic_record_choice":"rgb(16, 124, 173)","aggregation_policy":"rgb(27, 150, 255)","warranty_term":"rgb(16, 124, 173)","process":"rgb(16, 124, 173)","swarm_session":"rgb(255, 83, 138)","people":"rgb(6, 165, 154)","medication":"rgb(59, 167, 85)","reward":"rgb(255, 83, 138)","employee_contact":"rgb(27, 150, 255)","bundle_policy":"rgb(27, 150, 255)","performance":"rgb(255, 93, 45)","promotions":"rgb(34, 104, 62)","case_comment":"rgb(255, 93, 45)","price_book_entries":"rgb(34, 104, 62)","sales_channel":"rgb(16, 124, 173)","apex_plugin":"rgb(16, 124, 173)","campaign":"rgb(255, 93, 45)","contact_request":"rgb(255, 93, 45)","business_hours":"rgb(59, 167, 85)","evernote":"rgb(59, 167, 85)","variation_products":"rgb(34, 104, 62)","trailhead_alt":"rgb(3, 45, 96)","service_territory":"rgb(88, 103, 232)","customer_lifecycle_analytics":"rgb(88, 103, 232)","code_set":"rgb(16, 124, 173)","case":"rgb(255, 93, 45)","slack":"rgb(74, 21, 75)","currency":"rgb(147, 147, 147)","record":"rgb(59, 167, 85)","code_set_bundle":"rgb(16, 124, 173)","queue":"rgb(16, 124, 173)","schedule_objective":"rgb(16, 124, 173)","contract_line_item":"rgb(59, 167, 85)","skill_entity":"rgb(88, 103, 232)","funding_award_adjustment":"rgb(27, 150, 255)","skill":"rgb(255, 93, 45)","operating_hours":"rgb(27, 150, 255)","crypto_product":"rgb(144, 80, 233)","custom":"rgb(147, 147, 147)","related_list":"rgb(6, 165, 154)","bot_training":"rgb(16, 124, 173)","case_change_status":"rgb(255, 93, 45)","insurance_console":"rgb(6, 165, 154)","dashboard_component":"rgb(88, 103, 232)","incident":"rgb(182, 5, 84)","contract":"rgb(59, 167, 85)","sobject":"rgb(147, 147, 147)","sales_cadence_target":"rgb(16, 124, 173)","photo":"rgb(147, 147, 147)","apps":"rgb(27, 150, 255)","timesheet":"rgb(88, 103, 232)","drafts":"rgb(27, 150, 255)","outcome":"rgb(255, 93, 45)","discounts":"rgb(34, 104, 62)","work_order_item":"rgb(27, 150, 255)","pricebook":"rgb(144, 80, 233)","scan_card":"rgb(255, 93, 45)","note":"rgb(255, 93, 45)","serialized_product_transaction":"rgb(27, 150, 255)","shift_pattern":"rgb(255, 83, 138)","buyer_group":"rgb(34, 104, 62)","product_quantity_rules":"rgb(34, 104, 62)","medication_reconciliation":"rgb(16, 124, 173)","procedure":"rgb(27, 150, 255)","opportunity":"rgb(255, 93, 45)","news":"rgb(88, 103, 232)","sort_policy":"rgb(27, 150, 255)","display_rich_text":"rgb(147, 147, 147)","strategy":"rgb(59, 167, 85)","call_history":"rgb(255, 93, 45)","webcart":"rgb(34, 104, 62)","serialized_product":"rgb(27, 150, 255)","tax_rate":"rgb(34, 104, 62)","report":"rgb(6, 165, 154)","customer_workspace":"rgb(34, 104, 62)","groups":"rgb(27, 150, 255)","data_model":"rgb(255, 83, 138)","dashboard":"rgb(255, 83, 138)","generic_loading":"rgb(147, 147, 147)","number_input":"rgb(147, 147, 147)","toggle":"rgb(147, 147, 147)","address":"rgb(59, 167, 85)","price_books":"rgb(34, 104, 62)","entity_milestone":"rgb(255, 93, 45)","contract_line_outcome":"rgb(34, 104, 62)","wealth_management":"rgb(6, 165, 154)","customers":"rgb(6, 165, 154)","disclosure_and_compliance":"rgb(6, 165, 154)","story":"rgb(16, 124, 173)","service_appointment":"rgb(88, 103, 232)","maintenance_plan":"rgb(16, 124, 173)","contract_line_outcome_data":"rgb(34, 104, 62)","data_integration_hub":"rgb(16, 124, 173)","person_name":"rgb(88, 103, 232)","work_plan_template_entry":"rgb(6, 165, 154)","hierarchy":"rgb(6, 165, 154)","custom_component_task":"rgb(88, 103, 232)","partner_marketing_budget":"rgb(6, 165, 154)","asset_action_source":"rgb(16, 124, 173)","skill_requirement":"rgb(255, 93, 45)","filter_criteria_rule":"rgb(16, 124, 173)","location":"rgb(59, 167, 85)","promotion_tiers":"rgb(34, 104, 62)","radio_button":"rgb(147, 147, 147)","avatar_loading":"rgb(147, 147, 147)","article":"rgb(255, 93, 45)","learner_program":"rgb(255, 93, 45)","invocable_action":"rgb(16, 124, 173)","device":"rgb(88, 103, 232)","proposition":"rgb(27, 150, 255)","snippets":"rgb(6, 165, 154)","customer_portal_users":"rgb(27, 150, 255)","actions_and_buttons":"rgb(255, 93, 45)","record_update":"rgb(255, 83, 138)","shift_type":"rgb(255, 83, 138)","water":"rgb(88, 103, 232)","log_a_call":"rgb(6, 165, 154)","crypto_wallet":"rgb(34, 104, 62)","crypto_wallet_group":"rgb(16, 124, 173)","quotes":"rgb(59, 167, 85)","question_feed":"rgb(255, 93, 45)","kanban":"rgb(27, 150, 255)","work_plan":"rgb(6, 165, 154)","shift_template":"rgb(255, 83, 138)","merge":"rgb(255, 93, 45)","expense":"rgb(47, 44, 183)","dataset":"rgb(144, 80, 233)","shift_preference":"rgb(255, 83, 138)","product_consumed":"rgb(6, 165, 154)","canvas":"rgb(147, 147, 147)","forecasts":"rgb(59, 167, 85)","relationship":"rgb(27, 150, 255)","tour":"rgb(144, 80, 233)","service_resource":"rgb(88, 103, 232)","filter":"rgb(47, 44, 183)","sales_path":"rgb(16, 124, 173)","shift_scheduling_operation":"rgb(255, 83, 138)","events":"rgb(27, 150, 255)","data_mapping":"rgb(3, 45, 96)","sms":"rgb(59, 167, 85)","rtc_presence":"rgb(6, 165, 154)","avatar":"rgb(27, 150, 255)","record_delete":"rgb(255, 83, 138)","solution":"rgb(59, 167, 85)","nft_studio":"rgb(88, 103, 232)","agent_home":"rgb(3, 45, 96)","partner_fund_claim":"rgb(6, 165, 154)","individual":"rgb(27, 150, 255)","custom_notification":"rgb(27, 150, 255)","contract_payment":"rgb(144, 80, 233)","date_input":"rgb(147, 147, 147)","catalog":"rgb(34, 104, 62)","template":"rgb(27, 150, 255)","activation_target":"rgb(203, 101, 255)","selling_model":"rgb(144, 80, 233)","shipment":"rgb(88, 103, 232)","budget_allocation":"rgb(16, 124, 173)","record_signature_task":"rgb(255, 83, 138)","event":"rgb(255, 83, 138)","insurance":"rgb(6, 165, 154)","live_chat_visitor":"rgb(255, 93, 45)","textarea":"rgb(147, 147, 147)","work_step":"rgb(6, 165, 154)","picklist_type":"rgb(147, 147, 147)","survey":"rgb(16, 124, 173)","link":"rgb(27, 150, 255)","messaging_session":"rgb(6, 165, 154)","video":"rgb(144, 80, 233)","list_email":"rgb(147, 147, 147)","med_rec_recommendation":"rgb(6, 165, 154)","crypto_wallet_group_item":"rgb(144, 80, 233)","recycle_bin":"rgb(27, 150, 255)","document":"rgb(147, 147, 147)","product_transfer":"rgb(255, 93, 45)","instore_locations":"rgb(16, 124, 173)","recent":"rgb(27, 150, 255)","practitioner_role":"rgb(255, 83, 138)","password":"rgb(147, 147, 147)","datashare_target":"rgb(255, 83, 138)","expense_report":"rgb(47, 44, 183)","branch_merge":"rgb(255, 83, 138)","ai_accelerator_card":"rgb(16, 124, 173)","insights":"rgb(203, 101, 255)","budget_period":"rgb(150, 2, 199)","market":"rgb(34, 104, 62)","dropbox":"rgb(27, 150, 255)","unified_health_score":"rgb(88, 103, 232)","bill_of_materials":"rgb(255, 93, 45)","calculated_insights":"rgb(27, 150, 255)","employee_job_position":"rgb(27, 150, 255)","file":"rgb(147, 147, 147)","currency_input":"rgb(147, 147, 147)","data_transforms":"rgb(88, 103, 232)","variable":"rgb(16, 124, 173)","team_member":"rgb(255, 93, 45)","pricing_workspace":"rgb(34, 104, 62)","agent_session":"rgb(255, 93, 45)","guidance_center":"rgb(88, 103, 232)","crypto_category_wallet_group":"rgb(182, 5, 84)","group_loading":"rgb(147, 147, 147)","lead":"rgb(255, 93, 45)","email":"rgb(147, 147, 147)","service_contract":"rgb(88, 103, 232)","decision":"rgb(255, 93, 45)","promotion_segments":"rgb(34, 104, 62)","duration_downscale":"rgb(27, 150, 255)","snippet":"rgb(88, 103, 232)","entitlement_process":"rgb(88, 103, 232)","contact_list":"rgb(88, 103, 232)","planogram":"rgb(27, 150, 255)","activations":"rgb(144, 80, 233)","scheduling_policy":"rgb(255, 83, 138)","channel_program_history":"rgb(6, 165, 154)","question_best":"rgb(255, 93, 45)","collection_variable":"rgb(16, 124, 173)","procedure_detail":"rgb(6, 165, 154)","sales_value":"rgb(27, 150, 255)","knowledge":"rgb(203, 101, 255)","datashares":"rgb(150, 2, 199)","date_time":"rgb(147, 147, 147)","category":"rgb(34, 104, 62)","maintenance_work_rule":"rgb(16, 124, 173)","data_streams":"rgb(255, 83, 138)","textbox":"rgb(147, 147, 147)","lead_insights":"rgb(27, 150, 255)","waits":"rgb(255, 93, 45)","concur":"rgb(6, 165, 154)","feed":"rgb(27, 150, 255)","sort":"rgb(47, 44, 183)","messaging_conversation":"rgb(6, 165, 154)","service_report":"rgb(88, 103, 232)","iot_context":"rgb(16, 124, 173)","asset_state_period":"rgb(16, 124, 173)","call":"rgb(255, 93, 45)","collection":"rgb(255, 93, 45)","stage":"rgb(255, 93, 45)","sales_cadence":"rgb(16, 124, 173)","product_request_line_item":"rgb(59, 167, 85)","return_order_line_item":"rgb(6, 165, 154)","chart":"rgb(6, 165, 154)","customer":"rgb(34, 104, 62)","buyer_group_qualifier":"rgb(34, 104, 62)","quick_text":"rgb(27, 150, 255)","home":"rgb(255, 83, 138)","sossession":"rgb(16, 124, 173)","bundle_config":"rgb(27, 150, 255)","employee_asset":"rgb(27, 150, 255)","process_exception":"rgb(255, 93, 45)","product_warranty_term":"rgb(144, 80, 233)","problem":"rgb(255, 93, 45)","stage_collection":"rgb(255, 93, 45)","product_request":"rgb(59, 167, 85)","logging":"rgb(16, 124, 173)","assigned_resource":"rgb(59, 167, 85)","return_order":"rgb(6, 165, 154)","poll":"rgb(27, 150, 255)","household":"rgb(6, 165, 154)","work_step_template":"rgb(6, 165, 154)","medication_statement":"rgb(27, 150, 255)"},"custom":{"custom110":"rgb(242, 139, 0)","custom100":"rgb(225, 93, 118)","custom111":"rgb(242, 139, 0)","custom1":"rgb(255, 123, 132)","custom101":"rgb(242, 139, 0)","custom112":"rgb(242, 139, 0)","custom2":"rgb(207, 208, 92)","custom102":"rgb(242, 139, 0)","custom113":"rgb(242, 139, 0)","custom90":"rgb(34, 164, 138)","custom3":"rgb(236, 180, 108)","custom103":"rgb(242, 139, 0)","custom80":"rgb(101, 154, 213)","custom91":"rgb(191, 123, 102)","custom4":"rgb(225, 217, 81)","custom104":"rgb(242, 139, 0)","custom70":"rgb(231, 105, 180)","custom81":"rgb(218, 98, 127)","custom92":"rgb(81, 126, 130)","custom5":"rgb(159, 219, 102)","custom105":"rgb(242, 139, 0)","custom60":"rgb(191, 90, 136)","custom71":"rgb(227, 110, 227)","custom82":"rgb(209, 91, 151)","custom93":"rgb(144, 77, 76)","custom6":"rgb(84, 196, 115)","custom106":"rgb(242, 139, 0)","custom50":"rgb(73, 188, 211)","custom61":"rgb(245, 115, 118)","custom72":"rgb(141, 155, 251)","custom83":"rgb(231, 128, 111)","custom94":"rgb(67, 156, 186)","custom7":"rgb(106, 137, 229)","custom107":"rgb(242, 139, 0)","custom40":"rgb(131, 199, 94)","custom51":"rgb(216, 199, 96)","custom62":"rgb(107, 146, 220)","custom73":"rgb(103, 158, 240)","custom84":"rgb(246, 112, 123)","custom95":"rgb(139, 207, 106)","custom8":"rgb(80, 206, 185)","custom108":"rgb(242, 139, 0)","custom30":"rgb(245, 159, 113)","custom41":"rgb(67, 181, 181)","custom52":"rgb(238, 142, 111)","custom63":"rgb(124, 207, 96)","custom74":"rgb(65, 200, 160)","custom85":"rgb(242, 104, 145)","custom96":"rgb(109, 157, 227)","custom9":"rgb(107, 158, 226)","custom109":"rgb(242, 139, 0)","custom20":"rgb(72, 199, 200)","custom31":"rgb(235, 104, 127)","custom42":"rgb(207, 208, 91)","custom53":"rgb(243, 110, 131)","custom64":"rgb(97, 143, 216)","custom75":"rgb(205, 159, 101)","custom86":"rgb(226, 96, 171)","custom97":"rgb(221, 96, 133)","custom10":"rgb(100, 136, 227)","custom21":"rgb(138, 122, 237)","custom32":"rgb(56, 195, 147)","custom43":"rgb(127, 147, 249)","custom54":"rgb(234, 112, 177)","custom65":"rgb(242, 121, 171)","custom76":"rgb(219, 109, 122)","custom87":"rgb(216, 118, 229)","custom98":"rgb(225, 190, 92)","custom11":"rgb(135, 132, 234)","custom22":"rgb(139, 133, 249)","custom33":"rgb(151, 207, 93)","custom44":"rgb(200, 202, 88)","custom55":"rgb(214, 110, 224)","custom66":"rgb(216, 190, 95)","custom77":"rgb(181, 93, 91)","custom88":"rgb(153, 111, 230)","custom99":"rgb(240, 133, 110)","custom12":"rgb(220, 113, 209)","custom23":"rgb(176, 112, 230)","custom34":"rgb(213, 138, 106)","custom45":"rgb(217, 88, 121)","custom56":"rgb(113, 141, 235)","custom67":"rgb(248, 125, 118)","custom78":"rgb(90, 149, 221)","custom89":"rgb(62, 153, 190)","custom13":"rgb(223, 97, 132)","custom24":"rgb(229, 103, 152)","custom35":"rgb(233, 99, 126)","custom46":"rgb(103, 165, 231)","custom57":"rgb(90, 156, 221)","custom68":"rgb(242, 105, 121)","custom79":"rgb(142, 211, 99)","custom14":"rgb(60, 194, 179)","custom25":"rgb(228, 111, 190)","custom36":"rgb(212, 114, 212)","custom47":"rgb(95, 204, 100)","custom58":"rgb(52, 181, 157)","custom69":"rgb(237, 99, 135)","custom15":"rgb(247, 126, 117)","custom26":"rgb(118, 152, 240)","custom37":"rgb(140, 137, 242)","custom48":"rgb(239, 105, 127)","custom59":"rgb(227, 208, 103)","custom16":"rgb(233, 175, 103)","custom27":"rgb(90, 176, 210)","custom38":"rgb(83, 182, 215)","custom49":"rgb(226, 92, 128)","custom17":"rgb(172, 211, 96)","custom28":"rgb(137, 192, 89)","custom39":"rgb(79, 190, 117)","custom18":"rgb(77, 202, 118)","custom29":"rgb(189, 210, 95)","custom19":"rgb(58, 190, 177)"},"action":{"new_custom18":"rgb(59, 167, 85)","new_custom29":"rgb(59, 167, 85)","edit_groups":"rgb(6, 165, 154)","new_custom9":"rgb(27, 150, 255)","log_a_call":"rgb(6, 165, 154)","new_custom19":"rgb(6, 165, 154)","filter":"rgb(255, 83, 138)","user_activation":"rgb(16, 124, 173)","opportunity_competitor":"rgb(255, 93, 45)","canvas":"rgb(16, 124, 173)","change_record_type":"rgb(16, 124, 173)","new_notebook":"rgb(255, 93, 45)","docusign":"rgb(27, 150, 255)","share_link":"rgb(88, 103, 232)","add_file":"rgb(88, 103, 232)","edit_relationship":"rgb(6, 165, 154)","notebook":"rgb(255, 93, 45)","new_lead":"rgb(255, 93, 45)","new_custom_object":"rgb(59, 167, 85)","new_account":"rgb(88, 103, 232)","question_post_action":"rgb(59, 167, 85)","share_file":"rgb(147, 147, 147)","default_custom_object":"rgb(16, 124, 173)","opportunity_team_member":"rgb(255, 93, 45)","add_photo_video":"rgb(6, 165, 154)","sort":"rgb(59, 167, 85)","call":"rgb(6, 165, 154)","concur":"rgb(6, 165, 154)","reject":"rgb(6, 165, 154)","share_poll":"rgb(27, 150, 255)","scan_enabled":"rgb(27, 150, 255)","following":"rgb(59, 167, 85)","defer":"rgb(255, 83, 138)","opportunity_line_item":"rgb(255, 93, 45)","social_post":"rgb(255, 83, 138)","share_post":"rgb(27, 150, 255)","view_relationship":"rgb(27, 150, 255)","adjust_value":"rgb(59, 167, 85)","upload":"rgb(16, 124, 173)","remove_relationship":"rgb(255, 83, 138)","freeze_user":"rgb(16, 124, 173)","new_person_account":"rgb(88, 103, 232)","bug":"rgb(255, 83, 138)","apex":"rgb(92, 92, 92)","new_opportunity":"rgb(255, 93, 45)","fallback":"rgb(88, 103, 232)","dial_in":"rgb(88, 103, 232)","approval":"rgb(6, 165, 154)","change_owner":"rgb(16, 124, 173)","new_task":"rgb(59, 167, 85)","priority":"rgb(255, 93, 45)","remove":"rgb(16, 124, 173)","web_link":"rgb(27, 150, 255)","leave_group":"rgb(255, 93, 45)","manage_perm_sets":"rgb(16, 124, 173)","close":"rgb(255, 83, 138)","google_news":"rgb(255, 83, 138)","announcement":"rgb(255, 93, 45)","back":"rgb(6, 165, 154)","new_custom90":"rgb(6, 165, 154)","download":"rgb(16, 124, 173)","new_custom80":"rgb(27, 150, 255)","new_custom91":"rgb(147, 147, 147)","search":"rgb(27, 150, 255)","new_event":"rgb(255, 83, 138)","new_custom70":"rgb(255, 83, 138)","new_custom81":"rgb(255, 83, 138)","new_custom92":"rgb(5, 103, 100)","refresh":"rgb(16, 124, 173)","share_thanks":"rgb(255, 83, 138)","update":"rgb(16, 124, 173)","email":"rgb(16, 124, 173)","join_group":"rgb(88, 103, 232)","new_custom60":"rgb(255, 83, 138)","new_custom71":"rgb(203, 101, 255)","new_custom82":"rgb(255, 83, 138)","new_custom93":"rgb(92, 92, 92)","edit":"rgb(6, 165, 154)","quote":"rgb(59, 167, 85)","dropbox":"rgb(27, 150, 255)","description":"rgb(59, 167, 85)","map":"rgb(27, 150, 255)","user":"rgb(27, 150, 255)","reset_password":"rgb(16, 124, 173)","new_custom50":"rgb(27, 150, 255)","new_custom61":"rgb(255, 83, 138)","new_custom72":"rgb(88, 103, 232)","new_custom83":"rgb(255, 83, 138)","new_custom94":"rgb(6, 165, 154)","clone":"rgb(27, 150, 255)","script":"rgb(16, 124, 173)","delete":"rgb(255, 83, 138)","new_custom40":"rgb(59, 167, 85)","new_custom51":"rgb(255, 93, 45)","new_custom62":"rgb(88, 103, 232)","new_custom73":"rgb(27, 150, 255)","new_custom84":"rgb(255, 83, 138)","new_custom95":"rgb(59, 167, 85)","scan_disabled":"rgb(147, 147, 147)","share":"rgb(16, 124, 173)","new_custom30":"rgb(255, 93, 45)","new_custom41":"rgb(6, 165, 154)","new_custom52":"rgb(255, 83, 138)","new_custom63":"rgb(59, 167, 85)","new_custom74":"rgb(6, 165, 154)","new_custom85":"rgb(255, 83, 138)","new_custom96":"rgb(27, 150, 255)","log_event":"rgb(27, 150, 255)","new_group":"rgb(27, 150, 255)","new_custom20":"rgb(6, 165, 154)","new_custom31":"rgb(255, 83, 138)","new_custom42":"rgb(59, 167, 85)","info":"rgb(16, 124, 173)","new_custom53":"rgb(255, 83, 138)","new_custom64":"rgb(88, 103, 232)","new_custom75":"rgb(147, 147, 147)","new_custom86":"rgb(255, 83, 138)","flow":"rgb(16, 124, 173)","new_custom97":"rgb(255, 83, 138)","submit_for_approval":"rgb(59, 167, 85)","new":"rgb(27, 150, 255)","new_campaign":"rgb(255, 93, 45)","new_custom10":"rgb(88, 103, 232)","new_custom21":"rgb(88, 103, 232)","new_custom32":"rgb(6, 165, 154)","new_custom43":"rgb(88, 103, 232)","new_custom54":"rgb(255, 83, 138)","new_custom65":"rgb(255, 83, 138)","new_custom76":"rgb(255, 83, 138)","new_custom87":"rgb(203, 101, 255)","new_custom98":"rgb(255, 93, 45)","new_case":"rgb(255, 93, 45)","new_custom100":"rgb(255, 83, 138)","new_custom1":"rgb(255, 83, 138)","new_contact":"rgb(144, 80, 233)","office_365":"rgb(255, 93, 45)","new_custom11":"rgb(88, 103, 232)","new_custom22":"rgb(88, 103, 232)","new_custom33":"rgb(59, 167, 85)","new_custom44":"rgb(59, 167, 85)","new_custom55":"rgb(203, 101, 255)","new_custom66":"rgb(255, 93, 45)","new_custom77":"rgb(255, 83, 138)","new_custom88":"rgb(144, 80, 233)","new_custom99":"rgb(255, 83, 138)","add_contact":"rgb(144, 80, 233)","evernote":"rgb(59, 167, 85)","new_custom2":"rgb(59, 167, 85)","lead_convert":"rgb(255, 93, 45)","new_custom12":"rgb(203, 101, 255)","new_custom23":"rgb(203, 101, 255)","new_custom34":"rgb(255, 93, 45)","new_custom45":"rgb(255, 83, 138)","new_custom56":"rgb(88, 103, 232)","new_custom67":"rgb(255, 83, 138)","recall":"rgb(8, 73, 104)","new_custom78":"rgb(27, 150, 255)","new_custom89":"rgb(16, 124, 173)","follow":"rgb(27, 150, 255)","record":"rgb(59, 167, 85)","new_custom3":"rgb(255, 93, 45)","new_note":"rgb(255, 93, 45)","new_custom13":"rgb(255, 83, 138)","new_custom24":"rgb(255, 83, 138)","new_custom35":"rgb(255, 83, 138)","new_custom46":"rgb(27, 150, 255)","new_custom57":"rgb(27, 150, 255)","new_custom68":"rgb(255, 83, 138)","new_custom79":"rgb(59, 167, 85)","new_child_case":"rgb(255, 93, 45)","new_custom4":"rgb(255, 93, 45)","new_custom14":"rgb(6, 165, 154)","new_custom25":"rgb(255, 83, 138)","new_custom36":"rgb(203, 101, 255)","new_custom47":"rgb(59, 167, 85)","new_custom58":"rgb(6, 165, 154)","new_custom69":"rgb(255, 83, 138)","new_custom5":"rgb(59, 167, 85)","goal":"rgb(27, 150, 255)","new_custom15":"rgb(255, 83, 138)","new_custom26":"rgb(88, 103, 232)","new_custom37":"rgb(88, 103, 232)","new_custom48":"rgb(255, 83, 138)","new_custom59":"rgb(255, 93, 45)","new_custom6":"rgb(59, 167, 85)","log_this_event":"rgb(255, 83, 138)","new_custom16":"rgb(255, 93, 45)","new_custom27":"rgb(27, 150, 255)","new_custom38":"rgb(27, 150, 255)","new_custom49":"rgb(255, 83, 138)","new_custom7":"rgb(88, 103, 232)","more":"rgb(27, 150, 255)","add_relationship":"rgb(27, 150, 255)","new_custom17":"rgb(59, 167, 85)","new_custom28":"rgb(59, 167, 85)","new_custom39":"rgb(59, 167, 85)","password_unlock":"rgb(16, 124, 173)","check":"rgb(16, 124, 173)","update_status":"rgb(6, 165, 154)","preview":"rgb(88, 103, 232)","new_custom8":"rgb(6, 165, 154)"}}

package/src/lightning/input/__examples__/text/text.html

@@ -86,5 +86,4 @@
             <lightning-input type="text" label="Enter some text" placeholder="type here..." maxlength="10"></lightning-input>
         </div>
     </div>
-
 </template>

package/src/lightning/input/form-element.slds.css

@@ -0,0 +1,281 @@
+
+/* 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: '') {
+    /* TODO: Swap with utility classes */
+    :host([data-render-mode="shadow"]) fieldset {
+      border: 0;
+      margin: 0;
+      padding: 0;
+    }
+
+    /* FORM ELEMENT: BASE */
+    :host([data-render-mode="shadow"]) .slds-form-element {
+        position: relative;
+        min-width: 0;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__label {
+        overflow-wrap: break-word;
+        word-wrap: break-word;
+        hyphens: auto;
+        display: inline-block;
+        color: var(--sds-g-color-neutral-base-30, #444444);
+        font-size: var(--sds-g-font-scale-neg-3, 0.75rem);
+        padding-inline-end: var(--sds-g-spacing-2, 0.5rem);
+        padding-block-start: var(--sds-g-spacing-1, 0.25rem);
+        margin-block-end: calc(var(--sds-g-spacing-1, 0.25rem) / 2);
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__label:empty {
+        margin: 0;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__control {
+        clear: left; /* NOTE: Ideally we want left to be inline-start but browser support is not ready for that value. We need to figure out better RTL support */
+        position: relative;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__icon {
+        display: inline-block;
+        position: relative;
+        padding-block-start: var(--sds-g-spacing-1, 0.25rem);
+        vertical-align: top;
+        line-height: var(--sds-g-font-lineheight-1, 1);
+        z-index: 1;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__icon .slds-button_icon {
+        position: relative;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__help,:host([data-render-mode="shadow"]) 
+    .slds-form-element__helper {
+        font-size: var(--sds-g-font-scale-neg-3, 0.75rem);
+        margin-block-start: calc(var(--sds-g-spacing-1, 0.25rem) / 2);
+        display: block;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element_edit .slds-form-element__static {
+        width: calc(100% - var(--sds-g-sizing-7, 1.5rem));
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element_readonly {
+        flex-basis: 0%;
+        border-bottom: var(--sds-g-sizing-border-1, 1px) solid var(--sds-g-color-neutral-base-90, #e5e5e5);
+        margin-block-end: 0;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element_readonly .slds-form-element__control {
+        padding-block-start: calc(var(--sds-g-spacing-1, 0.25rem) / 2);
+        padding-block-end: calc(var(--sds-g-spacing-1, 0.25rem) / 2);
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element_readonly .slds-form-element__label {
+        margin-block-end: 0;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__legend {
+        font-weight: var(--sds-g-font-weight-7, 700);
+        float: left;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__addon {
+        display: inline-block;
+        margin-block-start: 0;
+        margin-block-end: 0;
+        margin-inline-start: var(--sds-g-spacing-2, 0.5rem);
+        margin-inline-end: var(--sds-g-spacing-2, 0.5rem);
+        align-self: center;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__static {
+        overflow-wrap: break-word;
+        word-wrap: break-word;
+        word-break: break-word;
+        display: inline-block;
+        font-size: var(--sds-g-font-scale-neg-1, 0.875rem);
+        font-weight: var(--sds-g-font-weight-4, 400);
+        color: var(--sds-g-color-neutral-base-10, #181818);
+        width: 100%;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__static.slds-text-longform *:last-child {
+        margin-block-end: 0;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__static:empty {
+        min-height: calc(var(--sds-g-sizing-6, 1.25rem) + 1px);
+        vertical-align: bottom;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element__static--edit {
+        width: calc(100% - var(--sds-g-sizing-7, 1.5rem));
+    }
+
+    :host([data-render-mode="shadow"]) .slds-required {
+        color: var(--sds-g-color-error-base-50, #ea001e);
+        margin-block-start: 0;
+        margin-block-end: 0;
+        margin-inline-start: calc(var(--sds-g-spacing-1, 0.25rem) / 2);
+        margin-inline-end: calc(var(--sds-g-spacing-1, 0.25rem) / 2);
+    }
+
+    :host([data-render-mode="shadow"]) .slds-has-error .slds-form-element__help {
+        color: var(--sds-g-color-error-base-50, #ea001e);
+    }
+
+    :host([data-render-mode="shadow"][invalid]) .slds-form-element__help {
+        color: var(--sds-g-color-error-base-50, #ea001e);
+    }
+
+    /* --------------------------------------- */
+
+    /* FORM ELEMENT: STACKED */
+
+    :host([data-render-mode="shadow"][variant~='label-stacked']) {
+        display: block;
+    }
+
+    /* TODO: Using `:not` is currently not working, and it could break the build because of issues with the dist script */
+
+    /* :host([variant~='label-stacked']):not(.slds-form-element_readonly) {
+        margin-block-end: var(--sds-g-spacing-2);
+    }
+
+    :host([variant~='label-stacked']):not(.slds-is-editing) {
+        padding: 0 var(--sds-g-spacing-1);
+    } */
+
+    /* :host([variant~='label-stacked']):not([class*="slds-size"]) {
+          width: 100%;
+          flex-basis: 100%;
+    } */
+
+    :host([data-render-mode="shadow"][variant~='label-stacked']) .slds-form-element {
+        padding: 0;
+        margin-block-end: 0;
+    }
+
+    :host([data-render-mode="shadow"][variant~='label-stacked']) .slds-form-element__label,:host([data-render-mode="shadow"][variant~='label-stacked']) .slds-form-element__control {
+        border-bottom: 0; /* Remove border when using legacy version of slds-form-element */
+        padding-inline-start: 0;
+    }
+
+    :host([data-render-mode="shadow"][variant~='label-stacked']) .slds-form-element__control {
+        width: 100%;
+        flex-basis: 100%;
+        clear: left;
+    }
+
+    :host([data-render-mode="shadow"][variant~='label-stacked']) .slds-form-element__icon {
+        float: none;
+        padding-block-start: var(--sds-g-spacing-1, 0.25rem);
+    }
+
+    /* --------------------------------------- */
+
+    /* FORM ELEMENT: INLINE */
+
+    :host([data-render-mode="shadow"][variant~='label-inline']) {
+        display: block;
+    }
+
+    /*
+    we have to combine with slds class here to avoid duplication
+    of this rule in child elements who import this stylesheet
+    in lighting-input this slds class is synonymous with the variant
+    */
+
+    :host([data-render-mode="shadow"][variant~='label-inline'].slds-form-element_horizontal) {
+        padding: var(--sds-g-spacing-1, 0.25rem);
+        margin-block-end: var(--sds-g-spacing-2, 0.5rem);
+    }
+
+    /* TODO: Using `:not` is currently not working, and it could break the build because of issues with the dist script */
+
+    /* :host([variant~='label-inline']):not(.slds-form-element_readonly) {
+        margin-block-end: var(--sds-g-spacing-2);
+    }
+
+    :host([variant~='label-inline']):not([class*="slds-size"]) {
+        width: 100%;
+        flex-basis: 100%;
+    }
+
+    :host([variant~='label-inline']:not(.slds-is-editing)) {
+        padding: var(--sds-g-spacing-1);
+    } */
+
+    :host([data-render-mode="shadow"][variant~='label-inline']).slds-is-edited {
+        padding-block-start: var(--sds-g-sizing-6, 1.25rem)
+    }
+
+    @media (min-width: 48em) {
+        :host([data-render-mode="shadow"][variant~='label-inline']) .slds-form-element__label {
+          float: left;
+          max-width: calc(33% - var(--sds-g-sizing-6, 1.25rem)); /* Removing icon width for when the help-text icon is present */
+          flex-basis: calc(33% - var(--sds-g-sizing-6, 1.25rem)); /* Some form element controls are set to display:flex */
+          flex-grow: 1; /* For IE and Safari which didn't auto expand to the available space */
+          margin-block-end: 0;
+          position: relative;
+          z-index: 1;
+        }
+
+        :host([data-render-mode="shadow"][variant~='label-inline']) lightning-helptext {
+          float: left;
+        }
+
+        :host([data-render-mode="shadow"][variant~='label-inline']) .slds-form-element__control {
+          margin-inline-start: 33%;
+          clear: none; /* Reset clear: left when switching to horizontal form layout */
+        }
+
+        :host([data-render-mode="shadow"][variant~='label-inline']) .slds-form-element__control .slds-form-element__control {
+          padding-inline-start: 0; /* Remove left padding on nested form controls, due to issues related to lightning-form components */
+        }
+
+        :host([data-render-mode="shadow"][variant~='label-inline']) .slds-dueling-list__column .slds-form-element__label {
+            width: auto;
+            max-width: 100%;
+            -ms-flex-preferred-size: auto;
+            flex-basis: auto;
+            float: none;
+            position: relative;
+            padding-inline-start: 0;
+            margin-block-end: 0;
+        }
+
+        :host([data-render-mode="shadow"][variant~='label-inline']) .slds-form-element__help {
+          margin-inline-start: 33%;
+        }
+
+        :host([data-render-mode="shadow"][variant~='label-inline']) .slds-dueling-list {
+            clear: none;
+        }
+    }
+
+    /* --------------------------------------- */
+
+    /* FORM ELEMENT: COMPOUND */
+
+    :host([data-render-mode="shadow"]) .slds-form-element_compound .slds-form-element__row {
+      display: flex;
+      margin-bottom: var(--sds-g-spacing-1, 0.25rem);
+      margin-left: calc(var(--sds-g-spacing-1, 0.25rem) * -1);
+      margin-right: calc(var(--sds-g-spacing-1, 0.25rem) * -1);
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element_compound .slds-form-element__row .slds-form-element__label {
+      padding-top: 0;
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element_compound .slds-form-element {
+      padding-left: var(--sds-g-spacing-1, 0.25rem);
+      padding-right: var(--sds-g-spacing-1, 0.25rem);
+    }
+
+    :host([data-render-mode="shadow"]) .slds-form-element_address .slds-form-element__row {
+      align-items: flex-end;
+    }
+}

package/src/lightning/input/input-checkbox.slds.css

@@ -190,7 +190,6 @@
   :host([data-render-mode="shadow"]) [part~='label-container'] {
     display: inline-flex;
     align-items: center;
-    font-size: var(--sds-g-font-scale-neg-3, 0.75rem);
 
     /* Accounts for help-text in same row as label */
     padding-inline-end: var(--sds-g-spacing-1, 0.25rem);
@@ -204,6 +203,9 @@
      */
   :host([data-render-mode="shadow"]) [part~='input-checkbox'] [part~='label'] {
     color: var(--slds-c-inputcheckbox-label-color, var(--sds-g-color-neutral-base-30, #444444));
+    font-size: var(--sds-g-font-scale-neg-2, 0.8125rem);
+    margin-block-end: 0;
+    padding-block-start: calc(var(--sds-g-spacing-1, 0.25rem) / 2);
   }
 
   /**
@@ -223,17 +225,6 @@
     pointer-events: auto;
   }
 
-  /**
-     * Required Marker
-     *
-     * Extra specificity required due to SDS having too much specificity (@TODO: fix SDS specificity)
-     */
-  :host([data-render-mode="shadow"]) abbr[title='required'] {
-    color: var(--sds-g-color-error-base-50, #ea001e);
-    padding-right: var(--sds-g-spacing-1, 0.25rem);
-    text-decoration: none;
-  }
-
   /**
      * Checkbox Indicator
      *