lightning-base-components 1.19.6-alpha → 1.19.8-alpha

package/src/lightning/datatable/tree.js

@@ -26,9 +26,12 @@ export function getTreeStateIndicatorFieldNames() {
  */
 export function hasTreeDataType(state) {
     const columns = getColumns(state);
-    return columns.some((column) => {
-        return isTreeType(column.type);
-    });
+    for (let i = 0, { length } = columns; i < length; i += 1) {
+        if (isTreeType(columns[i].type)) {
+            return true;
+        }
+    }
+    return false;
 }
 
 /**
@@ -39,9 +42,10 @@ export function hasTreeDataType(state) {
  */
 export function getStateTreeColumn(state) {
     const columns = getColumns(state);
-    for (let i = 0; i < columns.length; i++) {
-        if (isTreeType(columns[i].type)) {
-            return columns[i];
+    for (let i = 0, { length } = columns; i < length; i += 1) {
+        const col = columns[i];
+        if (isTreeType(col.type)) {
+            return col;
         }
     }
     return null;

package/src/lightning/datatable/types.js

@@ -1,106 +1,143 @@
 import { assert } from 'lightning/utilsPrivate';
 
-const STANDARD_TYPES = {
-    text: ['linkify'],
-    boolean: true,
-    number: [
-        'minimumIntegerDigits',
-        'minimumFractionDigits',
-        'maximumFractionDigits',
-        'minimumSignificantDigits',
-        'maximumSignificantDigits',
+const STANDARD_TYPE_NAME_ENTRIES = [
+    ['text', ['linkify']],
+    ['boolean', []],
+    [
+        'number',
+        [
+            'minimumIntegerDigits',
+            'minimumFractionDigits',
+            'maximumFractionDigits',
+            'minimumSignificantDigits',
+            'maximumSignificantDigits',
+        ],
     ],
-    currency: [
-        'currencyCode',
-        'currencyDisplayAs',
-        'minimumIntegerDigits',
-        'minimumFractionDigits',
-        'maximumFractionDigits',
-        'minimumSignificantDigits',
-        'maximumSignificantDigits',
+    [
+        'currency',
+        [
+            'currencyCode',
+            'currencyDisplayAs',
+            'minimumIntegerDigits',
+            'minimumFractionDigits',
+            'maximumFractionDigits',
+            'minimumSignificantDigits',
+            'maximumSignificantDigits',
+        ],
     ],
-    percent: [
-        'minimumIntegerDigits',
-        'minimumFractionDigits',
-        'maximumFractionDigits',
-        'minimumSignificantDigits',
-        'maximumSignificantDigits',
+    [
+        'percent',
+        [
+            'minimumIntegerDigits',
+            'minimumFractionDigits',
+            'maximumFractionDigits',
+            'minimumSignificantDigits',
+            'maximumSignificantDigits',
+        ],
     ],
-    email: true,
-    date: [
-        'day',
-        'era',
-        'hour',
-        'hour12',
-        'minute',
-        'month',
-        'second',
-        'timeZone',
-        'timeZoneName',
-        'weekday',
-        'year',
+    ['email', []],
+    [
+        'date',
+        [
+            'day',
+            'era',
+            'hour',
+            'hour12',
+            'minute',
+            'month',
+            'second',
+            'timeZone',
+            'timeZoneName',
+            'weekday',
+            'year',
+        ],
     ],
-    'date-local': ['day', 'month', 'year'],
-    phone: true,
-    url: ['label', 'target', 'tooltip'],
-    location: true,
-    reference: ['displayValue'],
-    rowNumber: ['error'],
-    action: ['menuAlignment', 'rowActions'],
-    button: [
-        'variant',
-        'label',
-        'iconName',
-        'iconPosition',
-        'disabled',
-        'name',
-        'class',
-        'title',
+    ['date-local', ['day', 'month', 'year']],
+    ['phone', []],
+    ['url', ['label', 'target', 'tooltip']],
+    ['location', []],
+    ['reference', ['displayValue']],
+    ['rowNumber', ['error']],
+    ['action', ['menuAlignment', 'rowActions']],
+    [
+        'button',
+        [
+            'variant',
+            'label',
+            'iconName',
+            'iconPosition',
+            'disabled',
+            'name',
+            'class',
+            'title',
+        ],
     ],
-    'button-icon': [
-        'variant',
-        'alternativeText',
-        'iconName',
-        'iconClass',
-        'disabled',
-        'name',
-        'class',
-        'title',
+    [
+        'button-icon',
+        [
+            'variant',
+            'alternativeText',
+            'iconName',
+            'iconClass',
+            'disabled',
+            'name',
+            'class',
+            'title',
+        ],
     ],
-    tree: [
-        'hasChildren',
-        'isExpanded',
-        'level',
-        'setSize',
-        'posInSet',
-        'subType',
+    [
+        'tree',
+        [
+            'hasChildren',
+            'isExpanded',
+            'level',
+            'setSize',
+            'posInSet',
+            'subType',
+        ],
     ],
-};
+];
 
-const TREE_SUPPORTED_TYPES = {
-    text: true,
-    url: true,
-    date: true,
-    number: true,
-    currency: true,
-    percent: true,
-    button: true,
-    'button-icon': true,
-    reference: true,
-};
+const STANDARD_TYPE_VALUE_ENTRIES = Array(STANDARD_TYPE_NAME_ENTRIES.length);
+for (let i = 0, { length } = STANDARD_TYPE_NAME_ENTRIES; i < length; i += 1) {
+    const { 0: typeName, 1: typeAttributes } = STANDARD_TYPE_NAME_ENTRIES[i];
+    STANDARD_TYPE_VALUE_ENTRIES[i] = [
+        typeName,
+        {
+            typeAttributes,
+            type: 'standard',
+        },
+    ];
+}
+
+const STANDARD_TYPE_NAMES = new Map(STANDARD_TYPE_NAME_ENTRIES);
+
+const STANDARD_TYPE_VALUES = new Map(STANDARD_TYPE_VALUE_ENTRIES);
 
-const EDITABLE_STANDARD_TYPES = {
-    text: true,
-    percent: true,
-    phone: true,
-    email: true,
-    url: true,
-    currency: true,
-    number: true,
-    boolean: true,
-    'date-local': true,
-    date: true,
-};
+const TREE_SUPPORTED_TYPES = new Set([
+    'text',
+    'url',
+    'date',
+    'number',
+    'currency',
+    'percent',
+    'button',
+    'button-icon',
+    'reference',
+]);
+
+const EDITABLE_STANDARD_TYPES = new Set([
+    'text',
+    'percent',
+    'phone',
+    'email',
+    'url',
+    'currency',
+    'number',
+    'boolean',
+    'date-local',
+    'date',
+]);
 
 /**
  * Determines if a supplied type is a valid datatable type.
@@ -109,7 +146,7 @@ const EDITABLE_STANDARD_TYPES = {
  * @returns {Boolean} Whether the supplied type is valid
  */
 export function isValidType(typeName) {
-    return !!STANDARD_TYPES[typeName];
+    return STANDARD_TYPE_NAMES.has(typeName);
 }
 
 /**
@@ -129,7 +166,7 @@ export function isTreeType(typeName) {
  * @returns {Boolean} Whether the supplied type is valid for a tree
  */
 export function isValidTypeForTree(typeName) {
-    return !!TREE_SUPPORTED_TYPES[typeName];
+    return TREE_SUPPORTED_TYPES.has(typeName);
 }
 
 /**
@@ -154,36 +191,36 @@ export function getAttributesNames(typeName) {
  * @returns {Array} An array of attributes for the supplied type
  */
 function getStandardTypeAttributesNames(typeName) {
-    return Array.isArray(STANDARD_TYPES[typeName])
-        ? STANDARD_TYPES[typeName]
-        : [];
+    return STANDARD_TYPE_NAMES.get(typeName) || [];
 }
 
 /**
  * A class for handling valid datatable types.
  */
 export default class DatatableTypes {
-    privateCustomTypes = {};
+    privateCustomTypes = new Map();
     isValidTypeForTree = isValidTypeForTree;
 
     constructor(types) {
         if (typeof types === 'object' && types !== null) {
-            Object.keys(types).reduce((seed, key) => {
+            const { privateCustomTypes } = this;
+            const keys = Object.keys(types);
+            for (let i = 0, { length } = keys; i < length; i += 1) {
+                const key = keys[i];
                 const {
                     template,
                     editTemplate,
                     typeAttributes = [],
                     standardCellLayout = false,
                 } = types[key];
-                seed[key] = {
+                privateCustomTypes.set(key, {
                     template,
                     editTemplate,
                     typeAttributes,
                     standardCellLayout: standardCellLayout === true,
                     type: 'custom',
-                };
-                return seed;
-            }, this.privateCustomTypes);
+                });
+            }
         }
     }
 
@@ -195,16 +232,10 @@ export default class DatatableTypes {
      * @returns {Object | Undefined} The type metadata
      */
     getType(typeName) {
-        if (this.privateCustomTypes[typeName]) {
-            return this.privateCustomTypes[typeName];
-        }
-        if (STANDARD_TYPES[typeName]) {
-            return {
-                typeAttributes: getStandardTypeAttributesNames(typeName),
-                type: 'standard',
-            };
-        }
-        return undefined;
+        return (
+            this.privateCustomTypes.get(typeName) ||
+            STANDARD_TYPE_VALUES.get(typeName)
+        );
     }
 
     /**
@@ -214,10 +245,8 @@ export default class DatatableTypes {
      * @returns {Object | Undefined} The custom type's edit template
      */
     getCustomTypeEditTemplate(typeName) {
-        if (this.privateCustomTypes[typeName]) {
-            return this.privateCustomTypes[typeName].editTemplate;
-        }
-        return undefined;
+        const privateType = this.privateCustomTypes.get(typeName);
+        return privateType ? privateType.editTemplate : undefined;
     }
 
     /**
@@ -227,7 +256,10 @@ export default class DatatableTypes {
      * @returns {Boolean} Whether the type is valid
      */
     isValidType(typeName) {
-        return !!this.getType(typeName);
+        return (
+            this.privateCustomTypes.has(typeName) ||
+            STANDARD_TYPE_NAMES.has(typeName)
+        );
     }
 
     /**
@@ -237,10 +269,11 @@ export default class DatatableTypes {
      * @returns {Boolean} Whether the type is editable
      */
     isEditableType(typeName) {
-        return (
-            !!EDITABLE_STANDARD_TYPES[typeName] ||
-            this.isStandardCellLayoutForCustomType(typeName)
-        );
+        if (EDITABLE_STANDARD_TYPES.has(typeName)) {
+            return true;
+        }
+        const privateType = this.privateCustomTypes.get(typeName);
+        return privateType ? privateType.standardCellLayout : false;
     }
 
     /**
@@ -250,9 +283,7 @@ export default class DatatableTypes {
      * @returns {Boolean} Whether the type is a non-standard type
      */
     isCustomType(typeName) {
-        return (
-            this.getType(typeName) && this.getType(typeName).type === 'custom'
-        );
+        return this.privateCustomTypes.has(typeName);
     }
 
     /**
@@ -262,9 +293,7 @@ export default class DatatableTypes {
      * @returns {Boolean} Whether the custom type is using a standard cell layout
      */
     isStandardCellLayoutForCustomType(typeName) {
-        return (
-            this.isCustomType(typeName) &&
-            this.getType(typeName).standardCellLayout
-        );
+        const privateType = this.privateCustomTypes.get(typeName);
+        return privateType ? privateType.standardCellLayout : false;
     }
 }

package/src/lightning/datatable/utils.js

@@ -1,3 +1,5 @@
+import { classSetToString } from 'lightning/utilsPrivate';
+
 const CLASSSET_PROTOTYPE = {
     add(className) {
         if (typeof className === 'string') {
@@ -8,15 +10,15 @@ const CLASSSET_PROTOTYPE = {
         return this;
     },
     invert() {
-        Object.keys(this).forEach((key) => {
+        const keys = Object.keys(this);
+        for (let i = 0, { length } = keys; i < length; i += 1) {
+            const key = keys[i];
             this[key] = !this[key];
-        });
+        }
         return this;
     },
     toString() {
-        return Object.keys(this)
-            .filter((key) => this[key])
-            .join(' ');
+        return classSetToString(this);
     },
 };
 
@@ -48,14 +50,11 @@ export const isObjectLike = function (value) {
  * @param {String | Object} config The initial class configuration
  * @returns An interface, as defined in the `proto` method.
  */
-export const classSet = function (config) {
-    if (typeof config === 'string') {
-        const key = config;
-        config = {};
-        config[key] = true;
-    }
-    return Object.assign(Object.create(CLASSSET_PROTOTYPE), config);
-};
+export function classSet(config) {
+    return typeof config === 'string'
+        ? { __proto__: CLASSSET_PROTOTYPE, [config]: true }
+        : Object.assign({ __proto__: CLASSSET_PROTOTYPE }, config);
+}
 
 /**
  * Clamps a value between a minimum and maximum value
@@ -65,9 +64,9 @@ export const classSet = function (config) {
  * @param {Number} max The maximum value the number can be
  * @returns The clamped number
  */
-export const clamp = function (num, min, max) {
+export function clamp(num, min, max) {
     return num <= min ? min : num >= max ? max : num;
-};
+}
 
 /**
  * Tests if the value passed in is a value greater than 0.
@@ -75,9 +74,9 @@ export const clamp = function (num, min, max) {
  * @param {Integer} value Value to test
  * @returns {Boolean} Whether the value is greater than 0
  */
-export const isPositiveInteger = function (value) {
+export function isPositiveInteger(value) {
     return /^[0-9]*[1-9][0-9]*$/.test(value);
-};
+}
 
 /**
  * Tests if the value passed in is 0 or a number greater than 0.
@@ -85,9 +84,9 @@ export const isPositiveInteger = function (value) {
  * @param {Integer} value Value to test
  * @returns {Boolean} Whether the value is greater than or equal to 0
  */
-export const isNonNegativeInteger = function (value) {
+export function isNonNegativeInteger(value) {
     return /^\d+$/.test(value);
-};
+}
 
 /**
  * Accepts a value which may be an Integer or String and tests that value
@@ -152,10 +151,13 @@ export function getScrollOffsetFromTableEnd(el) {
  * @returns {String} Representing array/object as a string
  */
 export function styleToString(style) {
-    if (!Array.isArray(style)) {
-        return Object.entries(style)
-            .map(([key, value]) => `${key}:${value}`)
-            .join(';');
+    if (Array.isArray(style)) {
+        return style.join(';');
+    }
+    const entries = Object.keys(style);
+    for (let i = 0, { length } = entries; i < length; i += 1) {
+        const key = entries[i];
+        entries[i] = `${key}:${style[key]}`;
     }
-    return style.join(';');
+    return entries.join(';');
 }

package/src/lightning/datatable/wrapText.js

@@ -80,13 +80,15 @@ export function setWrapTextMaxLines(state, value) {
  * @param {String} colKeyValue The column key value to look up wrap text configuration
  */
 function updateWrapTextAndMaxLinesValuesInCells(state, colIndex, colKeyValue) {
-    state.rows.forEach((row) => {
+    const { rows } = state;
+    for (let i = 0, { length } = rows; i < length; i += 1) {
+        const row = rows[i];
         const cell = row.cells[colIndex];
         cell.wrapText = state.wrapText[colKeyValue];
         cell.wrapTextMaxLines = cell.wrapText
             ? state.wrapTextMaxLines
             : undefined;
-    });
+    }
 }
 
 /************************** HEADER ACTIONS **************************/
@@ -159,18 +161,23 @@ export function handleTriggeredAction(state, action, colKeyValue) {
  * @param {String} colKeyValue The column key.
  */
 function updateSelectedOptionInHeaderActions(state, colKeyValue) {
-    const columns = getColumns(state);
     const colIndex = getStateColumnIndex(state, colKeyValue);
+    if (colIndex === -1) {
+        return;
+    }
+    const columns = getColumns(state);
     const colData = columns[colIndex];
+    const { internalActions } = colData.actions;
 
-    colData.actions.internalActions.forEach((action) => {
-        if (action.name === 'wrapText') {
+    for (let i = 0, { length } = internalActions; i < length; i += 1) {
+        const action = internalActions[i];
+        const { name } = action;
+        if (name === 'wrapText') {
             action.checked = state.wrapText[colKeyValue];
-        }
-        if (action.name === 'clipText') {
+        } else if (name === 'clipText') {
             action.checked = !state.wrapText[colKeyValue];
         }
-    });
+    }
 
     updateWrapTextAndMaxLinesValuesInCells(state, colIndex, colKeyValue);
 

package/src/lightning/iconSvgTemplates/buildTemplates/action/add_contact.html

@@ -1,7 +1,7 @@
 <template>
-    <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52" part="icon">
+    <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 520 520" part="icon">
         <g>
- <path d="M46 9H6c-2.7 0-5 2.2-5 5v24c0 2.7 2.3 5 5 5h40c2.8 0 5-2.2 5-5V14c0-2.8-2.2-5-5-5zM24.8 37.2H10.4c-1.6 0-2.8-1.7-2.8-3.4.1-2.5 2.7-4 5.4-5.2 1.9-.8 2.2-1.6 2.2-2.4 0-.8-.5-1.6-1.2-2.2-1.1-1-1.7-2.5-1.7-4.1 0-3.2 1.9-5.8 5.2-5.8s5.2 2.7 5.2 5.8c0 1.7-.6 3.2-1.7 4.1-.7.6-1.2 1.3-1.2 2.2 0 .8.2 1.6 2.2 2.3 2.7 1.2 5.3 2.8 5.4 5.3.3 1.7-1 3.4-2.6 3.4zm19.5-5.8c0 .9-.8 1.7-1.7 1.7h-7.5c-.9 0-1.7-.7-1.7-1.7v-2.5c0-.9.8-1.7 1.7-1.7h7.5c.9 0 1.7.7 1.7 1.7v2.5zm0-9.1c0 .9-.8 1.7-1.7 1.7H30.2c-.9 0-1.7-.7-1.7-1.7v-2.5c0-.9.8-1.7 1.7-1.7h12.5c.9 0 1.7.7 1.7 1.7v2.5z"></path>
+ <path d="M460 90H60c-27 0-50 22-50 50v240c0 27 23 50 50 50h400c28 0 50-22 50-50V140c0-28-22-50-50-50zM248 372H104c-16 0-28-17-28-34 1-25 27-40 54-52 19-8 22-16 22-24s-5-16-12-22a55 55 0 01-17-41c0-32 19-58 52-58s52 27 52 58c0 17-6 32-17 41-7 6-12 13-12 22 0 8 2 16 22 23 27 12 53 28 54 53 3 17-10 34-26 34zm195-58c0 9-8 17-17 17h-75c-9 0-17-7-17-17v-25c0-9 8-17 17-17h75c9 0 17 7 17 17zm0-91c0 9-8 17-17 17H302c-9 0-17-7-17-17v-25c0-9 8-17 17-17h125c9 0 17 7 17 17v25z"></path>
 </g>
     </svg>
 </template>

package/src/lightning/iconSvgTemplates/buildTemplates/action/add_file.html

@@ -1,7 +1,7 @@
 <template>
-    <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52" part="icon">
+    <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 520 520" part="icon">
         <g>
- <path d="M9.7 36.1V11.3c-2.6 0-4.7 2.1-4.7 4.6v29.4C5 47.9 7.1 50 9.7 50H33c2.6 0 4.7-2.1 4.7-4.6H19c-5.1 0-9.3 0-9.3-9.3zm35.7-20.2h-7.8c-2.6 0-4.7-2.1-4.7-4.6V3.5c.1-.8-.6-1.5-1.5-1.5H19c-2.6 0-4.7 2.1-4.7 4.6V36c0 2.6 2.1 4.6 4.7 4.6h23.3c2.6 0 4.7-2.1 4.7-4.6V17.5c0-.9-.7-1.6-1.6-1.6zm1.3-6.5l-7.2-7.1c-.2-.2-.4-.3-.7-.3-.6 0-1.1.5-1.1 1.1v5.1c0 1.7 1.4 3.1 3.1 3.1h5.1c.6 0 1.1-.5 1.1-1.1 0-.3-.1-.5-.3-.8z"></path>
+ <path d="M97 361V113c-26 0-47 21-47 46v294c0 26 21 47 47 47h233c26 0 47-21 47-46H190c-51 0-93 0-93-93zm357-202h-78c-26 0-47-21-47-46V35c1-8-6-15-15-15H190c-26 0-47 21-47 46v294c0 26 21 46 47 46h233c26 0 47-21 47-46V175c0-9-7-16-16-16zm13-65l-72-71c-2-2-4-3-7-3-6 0-11 5-11 11v51c0 17 14 31 31 31h51c6 0 11-5 11-11 0-3-1-5-3-8z"></path>
 </g>
     </svg>
 </template>

package/src/lightning/iconSvgTemplates/buildTemplates/action/add_photo_video.html

@@ -1,7 +1,7 @@
 <template>
-    <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52" part="icon">
+    <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 520 520" part="icon">
         <g>
- <path d="M26 20c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm20-6h-5.2c-1.4 0-2.6-.7-3.4-1.8l-2.3-3.5C34.4 7 32.7 6 30.9 6h-9.8c-1.8 0-3.5 1-4.3 2.7l-2.3 3.5c-.7 1.1-2 1.8-3.4 1.8H6c-2.2 0-4 1.8-4 4v24c0 2.2 1.8 4 4 4h40c2.2 0 4-1.8 4-4V18c0-2.2-1.8-4-4-4zM26 40c-6.6 0-12-5.4-12-12s5.4-12 12-12 12 5.4 12 12-5.4 12-12 12z"></path>
+ <path d="M260 200c-44 0-80 36-80 80s36 80 80 80 80-36 80-80-36-80-80-80zm200-60h-52c-14 0-26-7-34-18l-23-35c-7-17-24-27-42-27h-98c-18 0-35 10-43 27l-23 35c-7 11-20 18-34 18H60c-22 0-40 18-40 40v240c0 22 18 40 40 40h400c22 0 40-18 40-40V180c0-22-18-40-40-40zM260 400c-66 0-120-54-120-120s54-120 120-120 120 54 120 120-54 120-120 120z"></path>
 </g>
     </svg>
 </template>

package/src/lightning/iconSvgTemplates/buildTemplates/action/add_relationship.html

@@ -1,7 +1,7 @@
 <template>
     <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52" part="icon">
         <g>
- <path d="M36 20c0-2.2-1.8-4-4-4H6c-2.2 0-4 1.8-4 4v26c0 2.2 1.8 4 4 4h26c2.2 0 4-1.8 4-4V20zm-8 14c0 .5-.5 1-1 1h-6v6c0 .5-.5 1-1 1h-2c-.5 0-1-.5-1-1v-6h-6c-.5 0-1-.5-1-1v-2c0-.5.5-1 1-1h6v-6c0-.5.5-1 1-1h2c.5 0 1 .5 1 1v6h6c.5 0 1 .5 1 1v2zm15 8h-3v-6h3c.6 0 1-.4 1-1V9c0-.6-.4-1-1-1H17c-.6 0-1 .4-1 1v3h-6V9c0-3.9 3.1-7 7-7h26c3.9 0 7 3.1 7 7v26c0 3.9-3.1 7-7 7z"></path>
+ <path d="M36 20a4 4 0 00-4-4H6a4 4 0 00-4 4v26a4 4 0 004 4h26a4 4 0 004-4zm-8 14c0 .5-.5 1-1 1h-6v6c0 .5-.5 1-1 1h-2a1 1 0 01-1-1v-6h-6a1 1 0 01-1-1v-2c0-.5.5-1 1-1h6v-6c0-.5.5-1 1-1h2c.5 0 1 .5 1 1v6h6c.5 0 1 .5 1 1zm15 8h-3v-6h3c.6 0 1-.4 1-1V9c0-.6-.4-1-1-1H17c-.6 0-1 .4-1 1v3h-6V9a7 7 0 017-7h26a7 7 0 017 7v26a7 7 0 01-7 7z"></path>
 </g>
     </svg>
 </template>

package/src/lightning/iconSvgTemplates/buildTemplates/action/adjust_value.html

@@ -1,7 +1,7 @@
 <template>
-    <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52" part="icon">
+    <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 520 520" part="icon">
         <g>
- <path d="M23 14.91a6.55 6.55 0 11-6.52 6.55A6.53 6.53 0 0123 14.91zm20.7 15.72a.58.58 0 000-.84l-4.12-4.12a.59.59 0 00-.42-.18.61.61 0 00-.43.18L27.39 37.05l-1.7 5.69a.8.8 0 00.79 1 .55.55 0 00.18 0L32.35 42zm-1.45-7.75L46.4 27a.63.63 0 00.43.18.59.59 0 00.42-.18c.73-.73 2.06-1.94 2.06-1.94a2 2 0 000-2.91L47.13 20a2 2 0 00-1.41-.54 2.34 2.34 0 00-1.5.54s-1.33 1.31-1.93 2a.58.58 0 000 .88zM40.1 8.27H6a4 4 0 00-3.93 4v19.07A4 4 0 006 35.28h18.84l3.95-3.94H10.54A4.53 4.53 0 006 26.76v-9.88a4.53 4.53 0 004.56-4.57h25a4.53 4.53 0 004.56 4.57v3L44 15.91v-3.6a4 4 0 00-3.9-4.04z"></path>
+ <path d="M230 149a66 66 0 11-65 66 65 65 0 0165-66zm207 157a6 6 0 000-8l-41-41a6 6 0 00-4-2 6 6 0 00-4 2L274 371l-17 57a8 8 0 008 10 6 6 0 002 0l57-17zm-15-78l42 42a6 6 0 004 2 6 6 0 004-2l21-19a20 20 0 000-29l-22-22a20 20 0 00-14-5 23 23 0 00-15 5s-13 13-19 20a6 6 0 000 9zM401 83H60a40 40 0 00-39 40v191a40 40 0 0039 39h188l40-39H105a45 45 0 00-45-46v-99a45 45 0 0046-46h250a45 45 0 0046 46v30l39-40v-36a40 40 0 00-39-40z"></path>
 </g>
     </svg>
 </template>

package/src/lightning/iconSvgTemplates/buildTemplates/action/announcement.html

@@ -1,9 +1,7 @@
 <template>
-    <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52" part="icon">
+    <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 520 520" part="icon">
         <g>
- <g>
-  <path d="M22.7 45.4l-1.3-1c-1.4-1-1.4-3-1.4-4v-2.9c0-.8-.7-1.5-1.5-1.5h-6c-.8 0-1.5.7-1.5 1.5v7.7c0 2.7 1.6 4.8 4.1 4.8H20c2.9 0 3.1-2 3.1-2s.5-1.8-.4-2.6zM45 18V4.4v-.1c0-2.4-3-3.1-4.6-1.5l-8.9 8.4c-1.4 1.2-3.2 1.7-5 1.7H11.3C6.1 13 2 17.5 2 22.7v.2c0 5.2 4.1 9.1 9.3 9.1h15.2c1.9 0 3.7.8 5.1 2l8.8 8.6c1.6 1.6 4.6 1 4.6-1.4V27.6c3 0 4.8-2.1 4.8-4.8 0-2.7-1.8-4.8-4.8-4.8z"></path>
- </g>
+ <path d="M227 454l-13-10c-14-10-14-30-14-40v-29c0-8-7-15-15-15h-60c-8 0-15 7-15 15v77c0 27 16 48 41 48h49c29 0 31-20 31-20s5-18-4-26zm223-274V43c0-24-30-31-46-15l-89 84a76 76 0 01-50 17H113c-52 1-93 46-93 98v2c0 52 41 91 93 91h152c19 0 37 8 51 20l88 86c16 16 46 10 46-14V276c30 0 48-21 48-48s-18-48-48-48z"></path>
 </g>
     </svg>
 </template>