diff --git a/.yarn/cache/@carbon-ibm-products-styles-npm-2.41.0-25232690f1-655cdfe81e.zip b/.yarn/cache/@carbon-ibm-products-styles-npm-2.41.0-25232690f1-655cdfe81e.zip deleted file mode 100644 index 6effef859aa0..000000000000 Binary files a/.yarn/cache/@carbon-ibm-products-styles-npm-2.41.0-25232690f1-655cdfe81e.zip and /dev/null differ diff --git a/.yarn/cache/@mordech-vite-lit-loader-npm-0.31.3-b75ba0b159-a83c0b5e22.zip b/.yarn/cache/@mordech-vite-lit-loader-npm-0.31.3-b75ba0b159-a83c0b5e22.zip deleted file mode 100644 index 2213817ec07e..000000000000 Binary files a/.yarn/cache/@mordech-vite-lit-loader-npm-0.31.3-b75ba0b159-a83c0b5e22.zip and /dev/null differ diff --git a/.yarn/cache/@mordech-vite-lit-loader-npm-0.36.0-a16707bd93-79edf8ff9f.zip b/.yarn/cache/@mordech-vite-lit-loader-npm-0.36.0-a16707bd93-79edf8ff9f.zip new file mode 100644 index 000000000000..71ed777e76a0 Binary files /dev/null and b/.yarn/cache/@mordech-vite-lit-loader-npm-0.36.0-a16707bd93-79edf8ff9f.zip differ diff --git a/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap b/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap index 7106824096eb..a566c66ce1a0 100644 --- a/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap +++ b/e2e/icons-react/__snapshots__/PublicAPI-test.js.snap @@ -81,6 +81,11 @@ Array [ "ArithmeticMedian", "ArrangeHorizontal", "ArrangeVertical", + "ArrayBooleans", + "ArrayDates", + "ArrayNumbers", + "ArrayObjects", + "ArrayStrings", "Arrival", "ArrowDown", "ArrowDownLeft", @@ -136,6 +141,7 @@ Array [ "Binding_01", "Binding_02", "Binoculars", + "BlandAltmanPlot", "BlockStorage", "BlockStorageAlt", "Blockchain", @@ -177,6 +183,8 @@ Array [ "BrightnessContrast", "BringForward", "BringToFront", + "BuildImage", + "BuildRun", "BuildTool", "Building", "BuildingInsights_1", @@ -826,6 +834,7 @@ Array [ "FruitBowl", "Function", "FunctionMath", + "Function_2", "GameConsole", "GameWireless", "Gamification", @@ -904,13 +913,20 @@ Array [ "HybridNetworkingAlt", "IbmAiOnZ", "IbmAiopsInsights", + "IbmApiConnect", + "IbmAppConnectEnterprise", + "IbmAspera", "IbmBluepay", "IbmCloud", "IbmCloudAppId", + "IbmCloudBackupAndRecovery", + "IbmCloudBackupServiceVpc", "IbmCloudBareMetalServer", "IbmCloudBareMetalServersVpc", "IbmCloudCitrixDaas", + "IbmCloudCodeEngine", "IbmCloudContinuousDelivery", + "IbmCloudDatabases", "IbmCloudDedicatedHost", "IbmCloudDirectLink_1Connect", "IbmCloudDirectLink_1Dedicated", @@ -922,6 +938,7 @@ Array [ "IbmCloudEventNotification", "IbmCloudEventStreams", "IbmCloudForEducation", + "IbmCloudGateKeeper", "IbmCloudHpc", "IbmCloudHsm", "IbmCloudHyperProtectCryptoServices", @@ -933,6 +950,7 @@ Array [ "IbmCloudKubernetesService", "IbmCloudLogging", "IbmCloudMassDataMigration", + "IbmCloudObservability", "IbmCloudPakApplications", "IbmCloudPakBusinessAutomation", "IbmCloudPakData", @@ -949,23 +967,32 @@ Array [ "IbmCloudProjects", "IbmCloudResiliency", "IbmCloudSecretsManager", + "IbmCloudSecurity", "IbmCloudSecurityComplianceCenter", "IbmCloudSecurityComplianceCenterWorkloadProtection", + "IbmCloudSecurityGroups", "IbmCloudSubnets", "IbmCloudSysdigSecure", "IbmCloudTransitGateway", "IbmCloudVirtualServerClassic", "IbmCloudVirtualServerVpc", "IbmCloudVpc", + "IbmCloudVpcBlockStorageSnapshots", + "IbmCloudVpcClientVpn", "IbmCloudVpcEndpoints", + "IbmCloudVpcFileStorage", + "IbmCloudVpcImages", "IbmCloudant", "IbmContentServices", + "IbmDataPower", "IbmDataProductExchange", "IbmDataReplication", "IbmDatastage", "IbmDb2", "IbmDb2Alt", "IbmDb2Warehouse", + "IbmDeployableArchitecture", + "IbmDevopsControl", "IbmDynamicRouteServer", "IbmEloAutomotiveCompliance", "IbmEloEngineeringInsights", @@ -984,26 +1011,37 @@ Array [ "IbmEventProcessing", "IbmEventStreams", "IbmGcm", + "IbmGlobalStorageArchitecture", + "IbmGranite", "IbmIbv", "IbmInstana", "IbmJrs", + "IbmKnowledgeCatalog", + "IbmKnowledgeCatalogPremium", + "IbmKnowledgeCatalogStandard", "IbmLaunchpadS4", "IbmLpa", "IbmLqe", + "IbmMachineLearningForZos", "IbmMatch_360", "IbmMq", "IbmOpenEnterpriseLanguages", "IbmOpenshiftContainerPlatformOnVpcForRegulatedIndustries", + "IbmPlanningAnalytics", "IbmPowerVs", "IbmPowerVsPrivateCloud", "IbmPowerWithVpc", "IbmPrivatePathServices", "IbmProcessMining", + "IbmQuantumSafeAdvisor", + "IbmQuantumSafeExplorer", + "IbmQuantumSafeRemediator", "IbmSaasConsole", "IbmSapOnPower", "IbmSecureInfrastructureOnVpcForRegulatedIndustries", "IbmSecurity", "IbmSecurityServices", + "IbmStreamsets", "IbmTelehealth", "IbmTenet", "IbmToolchain", @@ -1030,11 +1068,13 @@ Array [ "IbmWatsonxCodeAssistant", "IbmWatsonxCodeAssistantForZ", "IbmWatsonxCodeAssistantForZRefactor", + "IbmWatsonxCodeAssistantForZValidationAssistant", "IbmWatsonxOrchestrate", "IbmWaziDeploy", "IbmZCloudModStack", "IbmZCloudProvisioning", "IbmZEnvironmentsDevSecOps", + "IbmZOpenEditor", "IbmZOs", "IbmZOsAiControlInterface", "IbmZOsContainers", @@ -1101,6 +1141,8 @@ Array [ "Iso", "IsoFilled", "IsoOutline", + "JobDaemon", + "JobRun", "JoinFull", "JoinInner", "JoinLeft", @@ -1362,6 +1404,7 @@ Array [ "NetworkInterface", "NetworkOverlay", "NetworkPublic", + "NetworkTimeProtocol", "Network_1", "Network_2", "Network_3", @@ -1407,6 +1450,7 @@ Array [ "Number_7", "Number_8", "Number_9", + "Object", "ObjectStorage", "ObjectStorageAlt", "ObservedHail", @@ -1562,6 +1606,7 @@ Array [ "PromptTemplate", "PropertyRelationship", "PullRequest", + "PunctuationCheck", "Purchase", "QBarrier", "QBlochSphere", @@ -1983,6 +2028,8 @@ Array [ "ThumbsDown", "ThumbsDownFilled", "ThumbsUp", + "ThumbsUpDouble", + "ThumbsUpDoubleFilled", "ThumbsUpFilled", "Thunderstorm", "ThunderstormScattered", diff --git a/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap b/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap index 105403f829a6..af9be631f3af 100644 --- a/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap +++ b/e2e/icons-vue/__snapshots__/PublicAPI-test.js.snap @@ -318,6 +318,26 @@ Array [ "ArrangeVertical20", "ArrangeVertical24", "ArrangeVertical32", + "ArrayBooleans16", + "ArrayBooleans20", + "ArrayBooleans24", + "ArrayBooleans32", + "ArrayDates16", + "ArrayDates20", + "ArrayDates24", + "ArrayDates32", + "ArrayNumbers16", + "ArrayNumbers20", + "ArrayNumbers24", + "ArrayNumbers32", + "ArrayObjects16", + "ArrayObjects20", + "ArrayObjects24", + "ArrayObjects32", + "ArrayStrings16", + "ArrayStrings20", + "ArrayStrings24", + "ArrayStrings32", "Arrival16", "Arrival20", "Arrival24", @@ -538,6 +558,10 @@ Array [ "Binoculars20", "Binoculars24", "Binoculars32", + "BlandAltmanPlot16", + "BlandAltmanPlot20", + "BlandAltmanPlot24", + "BlandAltmanPlot32", "BlockStorage16", "BlockStorage20", "BlockStorage24", @@ -702,6 +726,14 @@ Array [ "BringToFront20", "BringToFront24", "BringToFront32", + "BuildImage16", + "BuildImage20", + "BuildImage24", + "BuildImage32", + "BuildRun16", + "BuildRun20", + "BuildRun24", + "BuildRun32", "BuildTool16", "BuildTool20", "BuildTool24", @@ -3286,6 +3318,10 @@ Array [ "FunctionMath20", "FunctionMath24", "FunctionMath32", + "Function_216", + "Function_220", + "Function_224", + "Function_232", "GameConsole16", "GameConsole20", "GameConsole24", @@ -3598,6 +3634,18 @@ Array [ "IbmAiopsInsights20", "IbmAiopsInsights24", "IbmAiopsInsights32", + "IbmApiConnect16", + "IbmApiConnect20", + "IbmApiConnect24", + "IbmApiConnect32", + "IbmAppConnectEnterprise16", + "IbmAppConnectEnterprise20", + "IbmAppConnectEnterprise24", + "IbmAppConnectEnterprise32", + "IbmAspera16", + "IbmAspera20", + "IbmAspera24", + "IbmAspera32", "IbmBluepay16", "IbmBluepay20", "IbmBluepay24", @@ -3610,6 +3658,14 @@ Array [ "IbmCloudAppId20", "IbmCloudAppId24", "IbmCloudAppId32", + "IbmCloudBackupAndRecovery16", + "IbmCloudBackupAndRecovery20", + "IbmCloudBackupAndRecovery24", + "IbmCloudBackupAndRecovery32", + "IbmCloudBackupServiceVpc16", + "IbmCloudBackupServiceVpc20", + "IbmCloudBackupServiceVpc24", + "IbmCloudBackupServiceVpc32", "IbmCloudBareMetalServer16", "IbmCloudBareMetalServer20", "IbmCloudBareMetalServer24", @@ -3622,10 +3678,18 @@ Array [ "IbmCloudCitrixDaas20", "IbmCloudCitrixDaas24", "IbmCloudCitrixDaas32", + "IbmCloudCodeEngine16", + "IbmCloudCodeEngine20", + "IbmCloudCodeEngine24", + "IbmCloudCodeEngine32", "IbmCloudContinuousDelivery16", "IbmCloudContinuousDelivery20", "IbmCloudContinuousDelivery24", "IbmCloudContinuousDelivery32", + "IbmCloudDatabases16", + "IbmCloudDatabases20", + "IbmCloudDatabases24", + "IbmCloudDatabases32", "IbmCloudDedicatedHost16", "IbmCloudDedicatedHost20", "IbmCloudDedicatedHost24", @@ -3670,6 +3734,10 @@ Array [ "IbmCloudForEducation20", "IbmCloudForEducation24", "IbmCloudForEducation32", + "IbmCloudGateKeeper16", + "IbmCloudGateKeeper20", + "IbmCloudGateKeeper24", + "IbmCloudGateKeeper32", "IbmCloudHpc16", "IbmCloudHpc20", "IbmCloudHpc24", @@ -3714,6 +3782,10 @@ Array [ "IbmCloudMassDataMigration20", "IbmCloudMassDataMigration24", "IbmCloudMassDataMigration32", + "IbmCloudObservability16", + "IbmCloudObservability20", + "IbmCloudObservability24", + "IbmCloudObservability32", "IbmCloudPakApplications16", "IbmCloudPakApplications20", "IbmCloudPakApplications24", @@ -3778,6 +3850,10 @@ Array [ "IbmCloudSecretsManager20", "IbmCloudSecretsManager24", "IbmCloudSecretsManager32", + "IbmCloudSecurity16", + "IbmCloudSecurity20", + "IbmCloudSecurity24", + "IbmCloudSecurity32", "IbmCloudSecurityComplianceCenter16", "IbmCloudSecurityComplianceCenter20", "IbmCloudSecurityComplianceCenter24", @@ -3786,6 +3862,10 @@ Array [ "IbmCloudSecurityComplianceCenterWorkloadProtection20", "IbmCloudSecurityComplianceCenterWorkloadProtection24", "IbmCloudSecurityComplianceCenterWorkloadProtection32", + "IbmCloudSecurityGroups16", + "IbmCloudSecurityGroups20", + "IbmCloudSecurityGroups24", + "IbmCloudSecurityGroups32", "IbmCloudSubnets16", "IbmCloudSubnets20", "IbmCloudSubnets24", @@ -3810,10 +3890,26 @@ Array [ "IbmCloudVpc20", "IbmCloudVpc24", "IbmCloudVpc32", + "IbmCloudVpcBlockStorageSnapshots16", + "IbmCloudVpcBlockStorageSnapshots20", + "IbmCloudVpcBlockStorageSnapshots24", + "IbmCloudVpcBlockStorageSnapshots32", + "IbmCloudVpcClientVpn16", + "IbmCloudVpcClientVpn20", + "IbmCloudVpcClientVpn24", + "IbmCloudVpcClientVpn32", "IbmCloudVpcEndpoints16", "IbmCloudVpcEndpoints20", "IbmCloudVpcEndpoints24", "IbmCloudVpcEndpoints32", + "IbmCloudVpcFileStorage16", + "IbmCloudVpcFileStorage20", + "IbmCloudVpcFileStorage24", + "IbmCloudVpcFileStorage32", + "IbmCloudVpcImages16", + "IbmCloudVpcImages20", + "IbmCloudVpcImages24", + "IbmCloudVpcImages32", "IbmCloudant16", "IbmCloudant20", "IbmCloudant24", @@ -3822,6 +3918,10 @@ Array [ "IbmContentServices20", "IbmContentServices24", "IbmContentServices32", + "IbmDataPower16", + "IbmDataPower20", + "IbmDataPower24", + "IbmDataPower32", "IbmDataProductExchange16", "IbmDataProductExchange20", "IbmDataProductExchange24", @@ -3846,6 +3946,14 @@ Array [ "IbmDb2Warehouse20", "IbmDb2Warehouse24", "IbmDb2Warehouse32", + "IbmDeployableArchitecture16", + "IbmDeployableArchitecture20", + "IbmDeployableArchitecture24", + "IbmDeployableArchitecture32", + "IbmDevopsControl16", + "IbmDevopsControl20", + "IbmDevopsControl24", + "IbmDevopsControl32", "IbmDynamicRouteServer16", "IbmDynamicRouteServer20", "IbmDynamicRouteServer24", @@ -3918,6 +4026,14 @@ Array [ "IbmGcm20", "IbmGcm24", "IbmGcm32", + "IbmGlobalStorageArchitecture16", + "IbmGlobalStorageArchitecture20", + "IbmGlobalStorageArchitecture24", + "IbmGlobalStorageArchitecture32", + "IbmGranite16", + "IbmGranite20", + "IbmGranite24", + "IbmGranite32", "IbmIbv16", "IbmIbv20", "IbmIbv24", @@ -3930,6 +4046,18 @@ Array [ "IbmJrs20", "IbmJrs24", "IbmJrs32", + "IbmKnowledgeCatalog16", + "IbmKnowledgeCatalog20", + "IbmKnowledgeCatalog24", + "IbmKnowledgeCatalog32", + "IbmKnowledgeCatalogPremium16", + "IbmKnowledgeCatalogPremium20", + "IbmKnowledgeCatalogPremium24", + "IbmKnowledgeCatalogPremium32", + "IbmKnowledgeCatalogStandard16", + "IbmKnowledgeCatalogStandard20", + "IbmKnowledgeCatalogStandard24", + "IbmKnowledgeCatalogStandard32", "IbmLaunchpadS416", "IbmLaunchpadS420", "IbmLaunchpadS424", @@ -3942,6 +4070,10 @@ Array [ "IbmLqe20", "IbmLqe24", "IbmLqe32", + "IbmMachineLearningForZos16", + "IbmMachineLearningForZos20", + "IbmMachineLearningForZos24", + "IbmMachineLearningForZos32", "IbmMatch_36016", "IbmMatch_36020", "IbmMatch_36024", @@ -3958,6 +4090,10 @@ Array [ "IbmOpenshiftContainerPlatformOnVpcForRegulatedIndustries20", "IbmOpenshiftContainerPlatformOnVpcForRegulatedIndustries24", "IbmOpenshiftContainerPlatformOnVpcForRegulatedIndustries32", + "IbmPlanningAnalytics16", + "IbmPlanningAnalytics20", + "IbmPlanningAnalytics24", + "IbmPlanningAnalytics32", "IbmPowerVs16", "IbmPowerVs20", "IbmPowerVs24", @@ -3978,6 +4114,18 @@ Array [ "IbmProcessMining20", "IbmProcessMining24", "IbmProcessMining32", + "IbmQuantumSafeAdvisor16", + "IbmQuantumSafeAdvisor20", + "IbmQuantumSafeAdvisor24", + "IbmQuantumSafeAdvisor32", + "IbmQuantumSafeExplorer16", + "IbmQuantumSafeExplorer20", + "IbmQuantumSafeExplorer24", + "IbmQuantumSafeExplorer32", + "IbmQuantumSafeRemediator16", + "IbmQuantumSafeRemediator20", + "IbmQuantumSafeRemediator24", + "IbmQuantumSafeRemediator32", "IbmSaasConsole16", "IbmSaasConsole20", "IbmSaasConsole24", @@ -3998,6 +4146,10 @@ Array [ "IbmSecurityServices20", "IbmSecurityServices24", "IbmSecurityServices32", + "IbmStreamsets16", + "IbmStreamsets20", + "IbmStreamsets24", + "IbmStreamsets32", "IbmTelehealth16", "IbmTelehealth20", "IbmTelehealth24", @@ -4102,6 +4254,10 @@ Array [ "IbmWatsonxCodeAssistantForZRefactor20", "IbmWatsonxCodeAssistantForZRefactor24", "IbmWatsonxCodeAssistantForZRefactor32", + "IbmWatsonxCodeAssistantForZValidationAssistant16", + "IbmWatsonxCodeAssistantForZValidationAssistant20", + "IbmWatsonxCodeAssistantForZValidationAssistant24", + "IbmWatsonxCodeAssistantForZValidationAssistant32", "IbmWatsonxOrchestrate16", "IbmWatsonxOrchestrate20", "IbmWatsonxOrchestrate24", @@ -4122,6 +4278,10 @@ Array [ "IbmZEnvironmentsDevSecOps20", "IbmZEnvironmentsDevSecOps24", "IbmZEnvironmentsDevSecOps32", + "IbmZOpenEditor16", + "IbmZOpenEditor20", + "IbmZOpenEditor24", + "IbmZOpenEditor32", "IbmZOs16", "IbmZOs20", "IbmZOs24", @@ -4383,6 +4543,14 @@ Array [ "IsoOutline20", "IsoOutline24", "IsoOutline32", + "JobDaemon16", + "JobDaemon20", + "JobDaemon24", + "JobDaemon32", + "JobRun16", + "JobRun20", + "JobRun24", + "JobRun32", "JoinFull16", "JoinFull20", "JoinFull24", @@ -5424,6 +5592,10 @@ Array [ "NetworkPublic20", "NetworkPublic24", "NetworkPublic32", + "NetworkTimeProtocol16", + "NetworkTimeProtocol20", + "NetworkTimeProtocol24", + "NetworkTimeProtocol32", "Network_116", "Network_120", "Network_124", @@ -5604,6 +5776,10 @@ Array [ "Number_920", "Number_924", "Number_932", + "Object16", + "Object20", + "Object24", + "Object32", "ObjectStorage16", "ObjectStorage20", "ObjectStorage24", @@ -6224,6 +6400,10 @@ Array [ "PullRequest20", "PullRequest24", "PullRequest32", + "PunctuationCheck16", + "PunctuationCheck20", + "PunctuationCheck24", + "PunctuationCheck32", "Purchase16", "Purchase20", "Purchase24", @@ -7905,6 +8085,14 @@ Array [ "ThumbsUp20", "ThumbsUp24", "ThumbsUp32", + "ThumbsUpDouble16", + "ThumbsUpDouble20", + "ThumbsUpDouble24", + "ThumbsUpDouble32", + "ThumbsUpDoubleFilled16", + "ThumbsUpDoubleFilled20", + "ThumbsUpDoubleFilled24", + "ThumbsUpDoubleFilled32", "ThumbsUpFilled16", "ThumbsUpFilled20", "ThumbsUpFilled24", diff --git a/e2e/icons/__snapshots__/PublicAPI-test.js.snap b/e2e/icons/__snapshots__/PublicAPI-test.js.snap index 2d5778b112e4..5142a1b700e5 100644 --- a/e2e/icons/__snapshots__/PublicAPI-test.js.snap +++ b/e2e/icons/__snapshots__/PublicAPI-test.js.snap @@ -318,6 +318,26 @@ Array [ "ArrangeVertical20", "ArrangeVertical24", "ArrangeVertical32", + "ArrayBooleans16", + "ArrayBooleans20", + "ArrayBooleans24", + "ArrayBooleans32", + "ArrayDates16", + "ArrayDates20", + "ArrayDates24", + "ArrayDates32", + "ArrayNumbers16", + "ArrayNumbers20", + "ArrayNumbers24", + "ArrayNumbers32", + "ArrayObjects16", + "ArrayObjects20", + "ArrayObjects24", + "ArrayObjects32", + "ArrayStrings16", + "ArrayStrings20", + "ArrayStrings24", + "ArrayStrings32", "Arrival16", "Arrival20", "Arrival24", @@ -538,6 +558,10 @@ Array [ "Binoculars20", "Binoculars24", "Binoculars32", + "BlandAltmanPlot16", + "BlandAltmanPlot20", + "BlandAltmanPlot24", + "BlandAltmanPlot32", "BlockStorage16", "BlockStorage20", "BlockStorage24", @@ -702,6 +726,14 @@ Array [ "BringToFront20", "BringToFront24", "BringToFront32", + "BuildImage16", + "BuildImage20", + "BuildImage24", + "BuildImage32", + "BuildRun16", + "BuildRun20", + "BuildRun24", + "BuildRun32", "BuildTool16", "BuildTool20", "BuildTool24", @@ -3285,6 +3317,10 @@ Array [ "FunctionMath20", "FunctionMath24", "FunctionMath32", + "Function_216", + "Function_220", + "Function_224", + "Function_232", "GameConsole16", "GameConsole20", "GameConsole24", @@ -3597,6 +3633,18 @@ Array [ "IbmAiopsInsights20", "IbmAiopsInsights24", "IbmAiopsInsights32", + "IbmApiConnect16", + "IbmApiConnect20", + "IbmApiConnect24", + "IbmApiConnect32", + "IbmAppConnectEnterprise16", + "IbmAppConnectEnterprise20", + "IbmAppConnectEnterprise24", + "IbmAppConnectEnterprise32", + "IbmAspera16", + "IbmAspera20", + "IbmAspera24", + "IbmAspera32", "IbmBluepay16", "IbmBluepay20", "IbmBluepay24", @@ -3609,6 +3657,14 @@ Array [ "IbmCloudAppId20", "IbmCloudAppId24", "IbmCloudAppId32", + "IbmCloudBackupAndRecovery16", + "IbmCloudBackupAndRecovery20", + "IbmCloudBackupAndRecovery24", + "IbmCloudBackupAndRecovery32", + "IbmCloudBackupServiceVpc16", + "IbmCloudBackupServiceVpc20", + "IbmCloudBackupServiceVpc24", + "IbmCloudBackupServiceVpc32", "IbmCloudBareMetalServer16", "IbmCloudBareMetalServer20", "IbmCloudBareMetalServer24", @@ -3621,10 +3677,18 @@ Array [ "IbmCloudCitrixDaas20", "IbmCloudCitrixDaas24", "IbmCloudCitrixDaas32", + "IbmCloudCodeEngine16", + "IbmCloudCodeEngine20", + "IbmCloudCodeEngine24", + "IbmCloudCodeEngine32", "IbmCloudContinuousDelivery16", "IbmCloudContinuousDelivery20", "IbmCloudContinuousDelivery24", "IbmCloudContinuousDelivery32", + "IbmCloudDatabases16", + "IbmCloudDatabases20", + "IbmCloudDatabases24", + "IbmCloudDatabases32", "IbmCloudDedicatedHost16", "IbmCloudDedicatedHost20", "IbmCloudDedicatedHost24", @@ -3669,6 +3733,10 @@ Array [ "IbmCloudForEducation20", "IbmCloudForEducation24", "IbmCloudForEducation32", + "IbmCloudGateKeeper16", + "IbmCloudGateKeeper20", + "IbmCloudGateKeeper24", + "IbmCloudGateKeeper32", "IbmCloudHpc16", "IbmCloudHpc20", "IbmCloudHpc24", @@ -3713,6 +3781,10 @@ Array [ "IbmCloudMassDataMigration20", "IbmCloudMassDataMigration24", "IbmCloudMassDataMigration32", + "IbmCloudObservability16", + "IbmCloudObservability20", + "IbmCloudObservability24", + "IbmCloudObservability32", "IbmCloudPakApplications16", "IbmCloudPakApplications20", "IbmCloudPakApplications24", @@ -3777,6 +3849,10 @@ Array [ "IbmCloudSecretsManager20", "IbmCloudSecretsManager24", "IbmCloudSecretsManager32", + "IbmCloudSecurity16", + "IbmCloudSecurity20", + "IbmCloudSecurity24", + "IbmCloudSecurity32", "IbmCloudSecurityComplianceCenter16", "IbmCloudSecurityComplianceCenter20", "IbmCloudSecurityComplianceCenter24", @@ -3785,6 +3861,10 @@ Array [ "IbmCloudSecurityComplianceCenterWorkloadProtection20", "IbmCloudSecurityComplianceCenterWorkloadProtection24", "IbmCloudSecurityComplianceCenterWorkloadProtection32", + "IbmCloudSecurityGroups16", + "IbmCloudSecurityGroups20", + "IbmCloudSecurityGroups24", + "IbmCloudSecurityGroups32", "IbmCloudSubnets16", "IbmCloudSubnets20", "IbmCloudSubnets24", @@ -3809,10 +3889,26 @@ Array [ "IbmCloudVpc20", "IbmCloudVpc24", "IbmCloudVpc32", + "IbmCloudVpcBlockStorageSnapshots16", + "IbmCloudVpcBlockStorageSnapshots20", + "IbmCloudVpcBlockStorageSnapshots24", + "IbmCloudVpcBlockStorageSnapshots32", + "IbmCloudVpcClientVpn16", + "IbmCloudVpcClientVpn20", + "IbmCloudVpcClientVpn24", + "IbmCloudVpcClientVpn32", "IbmCloudVpcEndpoints16", "IbmCloudVpcEndpoints20", "IbmCloudVpcEndpoints24", "IbmCloudVpcEndpoints32", + "IbmCloudVpcFileStorage16", + "IbmCloudVpcFileStorage20", + "IbmCloudVpcFileStorage24", + "IbmCloudVpcFileStorage32", + "IbmCloudVpcImages16", + "IbmCloudVpcImages20", + "IbmCloudVpcImages24", + "IbmCloudVpcImages32", "IbmCloudant16", "IbmCloudant20", "IbmCloudant24", @@ -3821,6 +3917,10 @@ Array [ "IbmContentServices20", "IbmContentServices24", "IbmContentServices32", + "IbmDataPower16", + "IbmDataPower20", + "IbmDataPower24", + "IbmDataPower32", "IbmDataProductExchange16", "IbmDataProductExchange20", "IbmDataProductExchange24", @@ -3845,6 +3945,14 @@ Array [ "IbmDb2Warehouse20", "IbmDb2Warehouse24", "IbmDb2Warehouse32", + "IbmDeployableArchitecture16", + "IbmDeployableArchitecture20", + "IbmDeployableArchitecture24", + "IbmDeployableArchitecture32", + "IbmDevopsControl16", + "IbmDevopsControl20", + "IbmDevopsControl24", + "IbmDevopsControl32", "IbmDynamicRouteServer16", "IbmDynamicRouteServer20", "IbmDynamicRouteServer24", @@ -3917,6 +4025,14 @@ Array [ "IbmGcm20", "IbmGcm24", "IbmGcm32", + "IbmGlobalStorageArchitecture16", + "IbmGlobalStorageArchitecture20", + "IbmGlobalStorageArchitecture24", + "IbmGlobalStorageArchitecture32", + "IbmGranite16", + "IbmGranite20", + "IbmGranite24", + "IbmGranite32", "IbmIbv16", "IbmIbv20", "IbmIbv24", @@ -3929,6 +4045,18 @@ Array [ "IbmJrs20", "IbmJrs24", "IbmJrs32", + "IbmKnowledgeCatalog16", + "IbmKnowledgeCatalog20", + "IbmKnowledgeCatalog24", + "IbmKnowledgeCatalog32", + "IbmKnowledgeCatalogPremium16", + "IbmKnowledgeCatalogPremium20", + "IbmKnowledgeCatalogPremium24", + "IbmKnowledgeCatalogPremium32", + "IbmKnowledgeCatalogStandard16", + "IbmKnowledgeCatalogStandard20", + "IbmKnowledgeCatalogStandard24", + "IbmKnowledgeCatalogStandard32", "IbmLaunchpadS416", "IbmLaunchpadS420", "IbmLaunchpadS424", @@ -3941,6 +4069,10 @@ Array [ "IbmLqe20", "IbmLqe24", "IbmLqe32", + "IbmMachineLearningForZos16", + "IbmMachineLearningForZos20", + "IbmMachineLearningForZos24", + "IbmMachineLearningForZos32", "IbmMatch_36016", "IbmMatch_36020", "IbmMatch_36024", @@ -3957,6 +4089,10 @@ Array [ "IbmOpenshiftContainerPlatformOnVpcForRegulatedIndustries20", "IbmOpenshiftContainerPlatformOnVpcForRegulatedIndustries24", "IbmOpenshiftContainerPlatformOnVpcForRegulatedIndustries32", + "IbmPlanningAnalytics16", + "IbmPlanningAnalytics20", + "IbmPlanningAnalytics24", + "IbmPlanningAnalytics32", "IbmPowerVs16", "IbmPowerVs20", "IbmPowerVs24", @@ -3977,6 +4113,18 @@ Array [ "IbmProcessMining20", "IbmProcessMining24", "IbmProcessMining32", + "IbmQuantumSafeAdvisor16", + "IbmQuantumSafeAdvisor20", + "IbmQuantumSafeAdvisor24", + "IbmQuantumSafeAdvisor32", + "IbmQuantumSafeExplorer16", + "IbmQuantumSafeExplorer20", + "IbmQuantumSafeExplorer24", + "IbmQuantumSafeExplorer32", + "IbmQuantumSafeRemediator16", + "IbmQuantumSafeRemediator20", + "IbmQuantumSafeRemediator24", + "IbmQuantumSafeRemediator32", "IbmSaasConsole16", "IbmSaasConsole20", "IbmSaasConsole24", @@ -3997,6 +4145,10 @@ Array [ "IbmSecurityServices20", "IbmSecurityServices24", "IbmSecurityServices32", + "IbmStreamsets16", + "IbmStreamsets20", + "IbmStreamsets24", + "IbmStreamsets32", "IbmTelehealth16", "IbmTelehealth20", "IbmTelehealth24", @@ -4101,6 +4253,10 @@ Array [ "IbmWatsonxCodeAssistantForZRefactor20", "IbmWatsonxCodeAssistantForZRefactor24", "IbmWatsonxCodeAssistantForZRefactor32", + "IbmWatsonxCodeAssistantForZValidationAssistant16", + "IbmWatsonxCodeAssistantForZValidationAssistant20", + "IbmWatsonxCodeAssistantForZValidationAssistant24", + "IbmWatsonxCodeAssistantForZValidationAssistant32", "IbmWatsonxOrchestrate16", "IbmWatsonxOrchestrate20", "IbmWatsonxOrchestrate24", @@ -4121,6 +4277,10 @@ Array [ "IbmZEnvironmentsDevSecOps20", "IbmZEnvironmentsDevSecOps24", "IbmZEnvironmentsDevSecOps32", + "IbmZOpenEditor16", + "IbmZOpenEditor20", + "IbmZOpenEditor24", + "IbmZOpenEditor32", "IbmZOs16", "IbmZOs20", "IbmZOs24", @@ -4382,6 +4542,14 @@ Array [ "IsoOutline20", "IsoOutline24", "IsoOutline32", + "JobDaemon16", + "JobDaemon20", + "JobDaemon24", + "JobDaemon32", + "JobRun16", + "JobRun20", + "JobRun24", + "JobRun32", "JoinFull16", "JoinFull20", "JoinFull24", @@ -5423,6 +5591,10 @@ Array [ "NetworkPublic20", "NetworkPublic24", "NetworkPublic32", + "NetworkTimeProtocol16", + "NetworkTimeProtocol20", + "NetworkTimeProtocol24", + "NetworkTimeProtocol32", "Network_116", "Network_120", "Network_124", @@ -5603,6 +5775,10 @@ Array [ "Number_920", "Number_924", "Number_932", + "Object16", + "Object20", + "Object24", + "Object32", "ObjectStorage16", "ObjectStorage20", "ObjectStorage24", @@ -6223,6 +6399,10 @@ Array [ "PullRequest20", "PullRequest24", "PullRequest32", + "PunctuationCheck16", + "PunctuationCheck20", + "PunctuationCheck24", + "PunctuationCheck32", "Purchase16", "Purchase20", "Purchase24", @@ -7904,6 +8084,14 @@ Array [ "ThumbsUp20", "ThumbsUp24", "ThumbsUp32", + "ThumbsUpDouble16", + "ThumbsUpDouble20", + "ThumbsUpDouble24", + "ThumbsUpDouble32", + "ThumbsUpDoubleFilled16", + "ThumbsUpDoubleFilled20", + "ThumbsUpDoubleFilled24", + "ThumbsUpDoubleFilled32", "ThumbsUpFilled16", "ThumbsUpFilled20", "ThumbsUpFilled24", diff --git a/packages/icons/categories.yml b/packages/icons/categories.yml index 5e00a8fa4bd8..6e88f79ad6b4 100644 --- a/packages/icons/categories.yml +++ b/packages/icons/categories.yml @@ -196,6 +196,7 @@ categories: - pentagon--solid - percentage - percentage--filled + - punctuation-check - quotes - reflect--horizontal - reflect--vertical @@ -560,6 +561,8 @@ categories: - thumbs-down--filled - thumbs-up - thumbs-up--filled + - thumbs-up-double + - thumbs-up-double--filled - trophy - trophy--filled - unlocked @@ -650,6 +653,7 @@ categories: - ai-label - ai-launch - ai-recommend + - ibm--granite - ibm-watson--discovery - ibm-watson--orders - ibm-watsonx--assistant @@ -679,11 +683,13 @@ categories: - autoscaling - block-storage - object-storage + - cics--explorer - cics--transaction-server-zos - cloud--auditing - cloud--logging - cloud--monitoring - cloud-foundry--1 + - cloud-foundry--2 - cloud-registry - cloud-satellite - cloud-satellite--config @@ -704,15 +710,20 @@ categories: - flow-logs-vpc - ibm--ai-on-z - ibm--aiops-insights + - ibm--api-connect + - ibm--app-connect-enterprise + - ibm--aspera - ibm--bluepay - ibm--cloudant - ibm--content-services + - ibm--data-power - ibm--data-product-exchange - ibm--data-replication - ibm--datastage - ibm--db2 - ibm--db2-warehouse - ibm--db2--alt + - ibm--deployable-architecture - ibm--dynamic-route-server - ibm--elo--automotive-compliance - ibm--elo--engineering-insights @@ -731,16 +742,22 @@ categories: - ibm--event-processing - ibm--event-streams - ibm--gcm + - ibm--global-storage-architecture - ibm--ibv - ibm--instana - ibm--jrs + - ibm--knowledge-catalog + - ibm--knowledge-catalog-premium + - ibm--knowledge-catalog-standard - ibm--launchpad-s4 - ibm--lpa - ibm--lqe + - ibm--machine-learning-for-zos - ibm--match-360 - ibm--mq - ibm--open-enterprise-languages - ibm--openshift-container-platform-on-vpc-for-regulated-industries + - ibm--planning-analytics - ibm--power-vs - ibm--power-vs-private-cloud - ibm--power-with-vpc @@ -749,6 +766,7 @@ categories: - ibm--saas-console - ibm--sap-on-power - ibm--secure-infrastructure-on-vpc-for-regulated-industries + - ibm--streamsets - ibm--telehealth - ibm--tenet - ibm--toolchain @@ -758,10 +776,14 @@ categories: - ibm--vsi-on-vpc-for-regulated-industries - ibm--wazi-deploy - ibm-cloud--app-id + - ibm-cloud--backup-and-recovery + - ibm-cloud--backup-service-vpc - ibm-cloud--bare-metal-server - ibm-cloud--bare-metal-servers-vpc - ibm-cloud--citrix-daas + - ibm-cloud--code-engine - ibm-cloud--continuous-delivery + - ibm-cloud--databases - ibm-cloud--dedicated-host - ibm-cloud--direct-link-1--connect - ibm-cloud--direct-link-1--dedicated @@ -773,6 +795,7 @@ categories: - ibm-cloud--event-notification - ibm-cloud--event-streams - ibm-cloud--for-education + - ibm-cloud--gate-keeper - ibm-cloud--hpc - ibm-cloud--HSM - ibm-cloud--hyper-protect-crypto-services @@ -784,20 +807,27 @@ categories: - ibm-cloud--kubernetes-service - ibm-cloud--logging - ibm-cloud--mass-data-migration + - ibm-cloud--observability - ibm-cloud--pal - ibm-cloud--privileged-access-gateway - ibm-cloud--projects - ibm-cloud--resiliency - ibm-cloud--secrets-manager + - ibm-cloud--security - ibm-cloud--security-compliance-center - ibm-cloud--security-compliance-center-workload-protection + - ibm-cloud--security-groups - ibm-cloud--subnets - ibm-cloud--sysdig-secure - ibm-cloud--transit-gateway - ibm-cloud--virtual-server-classic - ibm-cloud--virtual-server-vpc - ibm-cloud--vpc + - ibm-cloud--vpc-block-storage-snapshots + - ibm-cloud--vpc-client-vpn - ibm-cloud--vpc-endpoints + - ibm-cloud--vpc-file-storage + - ibm-cloud--vpc-images - ibm-cloud-pak--applications - ibm-cloud-pak--business-automation - ibm-cloud-pak--data @@ -809,6 +839,10 @@ categories: - ibm-cloud-pak--security - ibm-cloud-pak--system - ibm-cloud-pak--watson-aiops + - ibm-devops--control + - ibm-quantum--safe-advisor + - ibm-quantum--safe-explorer + - ibm-quantum--safe-remediator - ibm-security--services - ibm-watson--assistant - ibm-watson--knowledge-catalog @@ -823,8 +857,10 @@ categories: - ibm-watson--studio - ibm-watson--text-to-speech - ibm-watson--tone-analyzer + - ibm-watsonx--code-assistant-for-z-validation-assistant - ibm-z--cloud-mod-stack - ibm-z--environments-dev-sec-ops + - ibm-z--open-editor - ibm-z--processor-capacity-reference - ibm-z-cloud--provisioning - ibm-z-os @@ -1065,7 +1101,7 @@ categories: - U2 - U3 - X - - Y + - Y - Z - name: Organization subcategories: @@ -1136,6 +1172,7 @@ categories: - analytics--reference - app-connectivity - archive + - bland-altman-plot - blockchain - boolean - boot-volume @@ -1399,7 +1436,6 @@ categories: - closed-caption - closed-caption--alt - closed-caption--filled - - cloud-foundry--2 - content-view - copy - copy--file @@ -1660,7 +1696,6 @@ categories: - box--small - cics--cmas - cics--db2-connection - - cics--explorer - cics--program - cics--sit - cics--sit-overrides @@ -1754,6 +1789,8 @@ categories: - intent-request--upgrade - interface--usage - intrusion-prevention + - job--daemon + - job--run - join-node - kubelet - kubernetes @@ -1775,6 +1812,7 @@ categories: - microservices--2 - mobility--services - network-interface + - network-time-protocol - network--admin-control - network--enterprise - network--overlay @@ -2271,6 +2309,11 @@ categories: - airplay - airplay--filled - aperture + - array--booleans + - array--dates + - array--numbers + - array--objects + - array--strings - asset - asset--confirm - asset--digital-twin @@ -2290,6 +2333,8 @@ categories: - bluetooth--off - bot - breaking-change + - build--image + - build--run - building--insights-1 - building--insights-2 - building--insights-3 @@ -2336,6 +2381,7 @@ categories: - fingerprint-recognition - forum - function + - function--2 - game--console - game--wireless - headphones @@ -2362,6 +2408,7 @@ categories: - mobile--session - mobile--view - mobile--view-orientation + - object - outage - password - phone--ip diff --git a/packages/icons/deprecated.yml b/packages/icons/deprecated.yml index 09123c6f27f6..f2a26cdcfe46 100644 --- a/packages/icons/deprecated.yml +++ b/packages/icons/deprecated.yml @@ -31,3 +31,6 @@ deprecated: - name: machine-learning reason: Icon should not be used. Teams should use machine-learning-model instead + - name: ibm-watson--knowledge-catalog + reason: + Icon renamed, slightly redesigned and replaced by ibm--knowledge-catalog diff --git a/packages/icons/icons.yml b/packages/icons/icons.yml index 5b77a60ca933..68c68539f45e 100644 --- a/packages/icons/icons.yml +++ b/packages/icons/icons.yml @@ -1286,6 +1286,43 @@ - action sizes: - 32 +- name: array--booleans + friendly_name: Array of booleans + aliases: + - true false + - booleans + sizes: + - 32 +- name: array--dates + friendly_name: Array of dates + aliases: + - dates + - calendars + sizes: + - 32 +- name: array--numbers + friendly_name: Array of numbers + aliases: + - numbers + sizes: + - 32 +- name: array--objects + friendly_name: Array of objects + aliases: + - curly brackets + - objects array + - object array + sizes: + - 32 +- name: array--strings + friendly_name: Array of strings + aliases: + - strings + - letters + - characters + - strings array + sizes: + - 32 - name: arrival friendly_name: Arrival aliases: @@ -1931,6 +1968,18 @@ - instruments sizes: - 32 +- name: bland-altman-plot + friendly_name: Bland-Altman plot + aliases: + - SPSS + - statistics + - bland altman plot + - Difference + - Scatter plot + - Data chart + - averages + sizes: + - 32 - name: bloch-sphere friendly_name: Bloch sphere aliases: @@ -2366,6 +2415,30 @@ - polygon sizes: - 32 +- name: build--image + friendly_name: Image build + aliases: + - build + - 'image build,' + - container image + - source code + - cube + - settings + - cogwheel + sizes: + - 32 +- name: build--run + friendly_name: Build run + aliases: + - occurrence of a build + - build + - 'image build,' + - container image + - source code + - cube + - arrow + sizes: + - 32 - name: build-tool friendly_name: Build tool aliases: @@ -9331,6 +9404,15 @@ - function sizes: - 32 +- name: function--2 + friendly_name: Function 2 + aliases: + - stateless code snippet + - http request + - runtime environment + - brackets + sizes: + - 32 - name: function-math friendly_name: Function math aliases: @@ -9411,7 +9493,7 @@ sizes: - 32 - name: gateway--api - friendly_name: Gateway api + friendly_name: Gateway API aliases: - gateway - systems @@ -10239,6 +10321,58 @@ - event management sizes: - 32 +- name: ibm--api-connect + friendly_name: IBM API Connect® + aliases: + - IBM API Connect + - Hybrid Cloud + - Circle + - System + - Network + - connections + - API platform + - API management + - API monetization + - API creation + sizes: + - 32 +- name: ibm--app-connect-enterprise + friendly_name: IBM App Connect Enterprise + aliases: + - Cloud + - Cognitive + - Software + - Line + - Circle + - Connect + - Share + - App Connect + - Application connection + - Data integration tool + - Data management + - App integration + - Workflows + - Integration workflows + - Integration tool + sizes: + - 32 +- name: ibm--aspera + friendly_name: IBM Aspera® + aliases: + - Hybrid Cloud + - Line + - Circle + - Connection + - Network + - IBM Aspera + - File transfer + - Data transfer + - Data streaming + - Data movement + - File sharing + - Data migration + sizes: + - 32 - name: ibm--bluepay friendly_name: Unassigned aliases: @@ -10263,6 +10397,15 @@ - SaaS sizes: - 32 +- name: ibm--data-power + friendly_name: IBM DataPower® + aliases: + - IBM Data Power + - Hybrid Cloud + - Circle + - IBM DataPower + sizes: + - 32 - name: ibm--data-product-exchange friendly_name: IBM® Data Product Exchange aliases: @@ -10327,6 +10470,17 @@ - ai sizes: - 32 +- name: ibm--deployable-architecture + friendly_name: Deployable Architecture + aliases: + - Deployable Architecture + - IBM Cloud Catalog + - Catalogue + - hexagon + - launch + - speed + sizes: + - 32 - name: ibm--dynamic-route-server friendly_name: IBM® Dynamic Route Server aliases: @@ -10619,6 +10773,24 @@ - arrow sizes: - 32 +- name: ibm--global-storage-architecture + friendly_name: Global Storage Architecture + aliases: + - cloud + - file system + - network storage + sizes: + - 32 +- name: ibm--granite + friendly_name: IBM® Granite™ + aliases: + - IBM Granite + - AI + - foundation models + - open-source + - cube + sizes: + - 32 - name: ibm--ibv friendly_name: IBM® Institute for Business Value aliases: @@ -10654,6 +10826,58 @@ - service sizes: - 32 +- name: ibm--knowledge-catalog + friendly_name: IBM® Knowledge Catalog + aliases: + - ibm knowledge catalog + - Notebook + - File + - Inventory + - Catalog + - list + - information + - repository + - book + - binder + - document + - four squares + sizes: + - 32 +- name: ibm--knowledge-catalog-premium + friendly_name: IBM® Knowledge Catalog Premium + aliases: + - ibm knowledge catalog premium + - catalog + - information + - repository + - book + - binder + - premium + - document + - star + - file + - document + - list + sizes: + - 32 +- name: ibm--knowledge-catalog-standard + friendly_name: IBM® Knowledge Catalog Standard + aliases: + - ibm knowledge catalog standard + - information + - repository + - book + - binder + - standard + - document + - checkmark + - ok + - list + - notebook + - file + - inventory + sizes: + - 32 - name: ibm--launchpad-s4 friendly_name: IBM® Launchpad aliases: @@ -10720,6 +10944,28 @@ - server sizes: - 32 +- name: ibm--machine-learning-for-zos + friendly_name: IBM® Machine Learning for z/OS® + aliases: + - IBM Machine Learning for z/OS + - IBM Machine Learning for zOS + - server + - IBM Z + - transactional AI + - model development + - model deployment + - user management + - system administration + - dashboard + - IBM MLZ + - IBM z16 + - Telum + - colocation + - inferencing + - server + - AI + sizes: + - 32 - name: ibm--match-360 friendly_name: IBM® Match 360 aliases: @@ -10761,6 +11007,18 @@ - secure sizes: - 32 +- name: ibm--planning-analytics + friendly_name: IBM Planning Analytics + aliases: + - Hybrid Cloud + - Data + - Speed + - Hexagon + - lines + - dots + - Build + sizes: + - 32 - name: ibm--power-vs friendly_name: IBM® Power® Virtual Server aliases: @@ -10863,6 +11121,15 @@ - secure sizes: - 32 +- name: ibm--streamsets + friendly_name: IBM StreamSets + aliases: + - ibm streamsets + - ibm stream sets + - hybrid cloud + - data fabric + sizes: + - 32 - name: ibm--telehealth friendly_name: IBM® Telehealth aliases: @@ -10974,6 +11241,39 @@ - service sizes: - 32 +- name: ibm-cloud--backup-and-recovery + friendly_name: IBM Cloud® Backup and Recovery + aliases: + - IBM Cloud Backup and Recovery + - arrow + - refresh + - storage + - infrastructure + - application + - protection + - workload + - encryption + - policy + - automation + sizes: + - 32 +- name: ibm-cloud--backup-service-vpc + friendly_name: IBM Cloud® Backup Service for VPC + aliases: + - IBM Cloud Backup Service for VPC + - managed services + - backup + - virtual private cloud + - block storage + - cloud + - volumes + - refresh + - arrow + - reset + - server + - infrastructure + sizes: + - 32 - name: ibm-cloud--bare-metal-server friendly_name: IBM Cloud® Bare Metal Server aliases: @@ -11007,6 +11307,18 @@ - squares sizes: - 32 +- name: ibm-cloud--code-engine + friendly_name: IBM Cloud® Code Engine + aliases: + - Hybrid cloud + - IBM Cloud Code Engine + - Data + - AI + - Squares + - Speed + - App creation + sizes: + - 32 - name: ibm-cloud--continuous-delivery friendly_name: IBM Cloud® Continuous Delivery aliases: @@ -11018,6 +11330,14 @@ - analytics sizes: - 32 +- name: ibm-cloud--databases + friendly_name: IBM Cloud® Databases + aliases: + - infrastructure + - servers + - data center + sizes: + - 32 - name: ibm-cloud--dedicated-host friendly_name: IBM Cloud® Dedicated Host aliases: @@ -11205,6 +11525,20 @@ - infrastructure sizes: - 32 +- name: ibm-cloud--gate-keeper + friendly_name: IBM Cloud® Gate Keeper + aliases: + - IBM Cloud Gate Keeper + - fraud analysis + - fraud detection + - fraud investigation + - security + - shield + - check + - checkmark + - ok + sizes: + - 32 - name: ibm-cloud--hpc friendly_name: IBM Cloud® HPC aliases: @@ -11373,6 +11707,15 @@ - up arrow sizes: - 32 +- name: ibm-cloud--observability + friendly_name: IBM Cloud® Observability + aliases: + - cloud + - list + - checkmarks + - ok + sizes: + - 32 - name: ibm-cloud--pal friendly_name: Carbon for Cloud aliases: @@ -11443,6 +11786,23 @@ - circle sizes: - 32 +- name: ibm-cloud--security + friendly_name: IBM Cloud® Security + aliases: + - security + - configuration + - automation + - cloud + - compliance + - secrets + - keys + - encryption + - secure + - workloads + - management + - shield cloud + sizes: + - 32 - name: ibm-cloud--security-compliance-center friendly_name: IBM Cloud® Security and Compliance Center aliases: @@ -11469,6 +11829,23 @@ - insights sizes: - 32 +- name: ibm-cloud--security-groups + friendly_name: IBM Cloud® Security Groups + aliases: + - IBM Cloud Security Groups + - IP filter + - incoming + - outgoing + - traffic + - virtual server + - rules + - shield + - security + - list + - text + - policy + sizes: + - 32 - name: ibm-cloud--subnets friendly_name: IBM Cloud® subnets aliases: @@ -11543,6 +11920,34 @@ - virtual private cloud sizes: - 32 +- name: ibm-cloud--vpc-block-storage-snapshots + friendly_name: IBM Cloud® Block Storage Snapshots for VPC + aliases: + - IBM Cloud Block Storage Snapshots for VPC + - cube + - rays + - 3d + sizes: + - 32 +- name: ibm-cloud--vpc-client-vpn + friendly_name: IBM Cloud® Client VPN for VPC + aliases: + - ibm cloud client vpn for vpc + - networking + - globe + - lock + - secure + - security + - network + - connect + - infrastructure + - web + - remote + - client to site + - access + - manage + sizes: + - 32 - name: ibm-cloud--vpc-endpoints friendly_name: IBM Cloud® VPC endpoints aliases: @@ -11556,6 +11961,26 @@ - cloud sizes: - 32 +- name: ibm-cloud--vpc-file-storage + friendly_name: IBM Cloud® File Storage for VPC + aliases: + - IBM Cloud Block Storage for VPC + - file + - folder + - list + - archive + sizes: + - 32 +- name: ibm-cloud--vpc-images + friendly_name: Images for VPC + aliases: + - virtual servers + - settings + - configuration + - images + - camera + sizes: + - 32 - name: ibm-cloud-pak--applications friendly_name: IBM Cloud Pak® for Applications aliases: @@ -11664,6 +12089,100 @@ - app sizes: - 32 +- name: ibm-devops--control + friendly_name: IBM DevOps Control + aliases: + - collaboration + - control + - integration + - quality assurance + sizes: + - 32 +- name: ibm-quantum--safe-advisor + friendly_name: IBM Quantum Safe™ Advisor + aliases: + - research + - scan + - source + - generate + - code + - network + - cryptography + - inventory + - security + - post-quantum + - quantum-safe + - artifact + - library + - function + - protocol + - algorithm + - encryption + - CBOM + - automation + - scalable + - compliance + - remediation + - analysis + - risk + - prioritization + - posture + - shield + sizes: + - 32 +- name: ibm-quantum--safe-explorer + friendly_name: IBM Quantum Safe™ Explorer + aliases: + - research + - scan + - source + - generate + - code + - network + - cryptography + - inventory + - security + - post-quantum + - quantum-safe + - artifact + - library + - function + - protocol + - algorithm + - encryption + - CBOM + - shield + - security + sizes: + - 32 +- name: ibm-quantum--safe-remediator + friendly_name: IBM Quantum Safe™ Remediator + aliases: + - research + - scan + - source + - generate + - code + - network + - cryptography + - inventory + - security + - post-quantum + - quantum-safe + - artifact + - library + - function + - protocol + - algorithm + - encryption + - CBOM + - automation + - scalable + - compliance + - remediation + - shield + sizes: + - 32 - name: ibm-security friendly_name: IBM Security® aliases: @@ -12062,6 +12581,19 @@ - application sizes: - 32 +- name: ibm-watsonx--code-assistant-for-z-validation-assistant + friendly_name: IBM watsonx™ Code Assistant for Z Validation Assistant + aliases: + - ibm watsonx code assistant for Z Validation Assistant + - AI assistant + - code + - COBOL + - Java + - checkmark + - ok + - circle + sizes: + - 32 - name: ibm-watsonx--orchestrate friendly_name: IBM® watsonx™ Orchestrate aliases: @@ -12103,6 +12635,20 @@ - security sizes: - 32 +- name: ibm-z--open-editor + friendly_name: IBM Z® Open Editor + aliases: + - Systems + - IT + - IBM Z Open Editor + - Infrastructure + - Hexagon + - DevOps + - Developer + - Build + - Code + sizes: + - 32 - name: ibm-z--processor-capacity-reference friendly_name: IBM Z® Processor Capacity Reference aliases: @@ -12909,6 +13455,24 @@ - file set - ISO - outline +- name: job--daemon + friendly_name: Daemon job + aliases: + - job run + - retry + - infinite loop + - infinite execution + sizes: + - 32 +- name: job--run + friendly_name: Job run + aliases: + - job + - instance + - execution + - arrow + sizes: + - 32 - name: join--full friendly_name: Join full aliases: @@ -15915,6 +16479,17 @@ - interface sizes: - 32 +- name: network-time-protocol + friendly_name: Network time protocol + aliases: + - NTP + - flow + - watch + - time + - clock + - network time protocol + sizes: + - 32 - name: new-tab friendly_name: New tab aliases: @@ -16350,6 +16925,13 @@ - statistic - figure - alphanumeric +- name: object + friendly_name: Object + aliases: + - data object + - curly brackets + sizes: + - 32 - name: object-storage friendly_name: Object storage aliases: @@ -17967,6 +18549,19 @@ - branch sizes: - 32 +- name: punctuation-check + friendly_name: Punctuation check + aliases: + - Punctuation check + - Spell check + - Grammar check + - Formatting + - quotes + - quote marks + - quotation marks + - curly quotes + sizes: + - 32 - name: purchase friendly_name: Purchase aliases: @@ -22299,6 +22894,22 @@ - filled sizes: - 32 +- name: thumbs-up-double + friendly_name: Double thumbs up + aliases: + - like + - love + - thumbs up + sizes: + - 32 +- name: thumbs-up-double--filled + friendly_name: Double thumbs up filled + aliases: + - like + - love + - thumbs up + sizes: + - 32 - name: thunderstorm friendly_name: Thunderstorm aliases: diff --git a/packages/icons/src/svg/32/array--booleans.svg b/packages/icons/src/svg/32/array--booleans.svg new file mode 100644 index 000000000000..a470d64bfb5e --- /dev/null +++ b/packages/icons/src/svg/32/array--booleans.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/array--dates.svg b/packages/icons/src/svg/32/array--dates.svg new file mode 100644 index 000000000000..3d73a629a06f --- /dev/null +++ b/packages/icons/src/svg/32/array--dates.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/array--numbers.svg b/packages/icons/src/svg/32/array--numbers.svg new file mode 100644 index 000000000000..17d78694406a --- /dev/null +++ b/packages/icons/src/svg/32/array--numbers.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/array--objects.svg b/packages/icons/src/svg/32/array--objects.svg new file mode 100644 index 000000000000..65b2cfe09e63 --- /dev/null +++ b/packages/icons/src/svg/32/array--objects.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/array--strings.svg b/packages/icons/src/svg/32/array--strings.svg new file mode 100644 index 000000000000..ddee852c1cf9 --- /dev/null +++ b/packages/icons/src/svg/32/array--strings.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/bland-altman-plot.svg b/packages/icons/src/svg/32/bland-altman-plot.svg new file mode 100644 index 000000000000..4f1fe1691695 --- /dev/null +++ b/packages/icons/src/svg/32/bland-altman-plot.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/build--image.svg b/packages/icons/src/svg/32/build--image.svg new file mode 100644 index 000000000000..f65d1c54e6d6 --- /dev/null +++ b/packages/icons/src/svg/32/build--image.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/build--run.svg b/packages/icons/src/svg/32/build--run.svg new file mode 100644 index 000000000000..3f3118d336eb --- /dev/null +++ b/packages/icons/src/svg/32/build--run.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/function--2.svg b/packages/icons/src/svg/32/function--2.svg new file mode 100644 index 000000000000..cc747dceed0d --- /dev/null +++ b/packages/icons/src/svg/32/function--2.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--api-connect.svg b/packages/icons/src/svg/32/ibm--api-connect.svg new file mode 100644 index 000000000000..4fe4aeeda1c2 --- /dev/null +++ b/packages/icons/src/svg/32/ibm--api-connect.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--app-connect-enterprise.svg b/packages/icons/src/svg/32/ibm--app-connect-enterprise.svg new file mode 100644 index 000000000000..1e83f107bf9f --- /dev/null +++ b/packages/icons/src/svg/32/ibm--app-connect-enterprise.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--aspera.svg b/packages/icons/src/svg/32/ibm--aspera.svg new file mode 100644 index 000000000000..edb4b45eb5e9 --- /dev/null +++ b/packages/icons/src/svg/32/ibm--aspera.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--data-power.svg b/packages/icons/src/svg/32/ibm--data-power.svg new file mode 100644 index 000000000000..fd8c29a71743 --- /dev/null +++ b/packages/icons/src/svg/32/ibm--data-power.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--deployable-architecture.svg b/packages/icons/src/svg/32/ibm--deployable-architecture.svg new file mode 100644 index 000000000000..df0500881468 --- /dev/null +++ b/packages/icons/src/svg/32/ibm--deployable-architecture.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--global-storage-architecture.svg b/packages/icons/src/svg/32/ibm--global-storage-architecture.svg new file mode 100644 index 000000000000..abb266a39928 --- /dev/null +++ b/packages/icons/src/svg/32/ibm--global-storage-architecture.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--granite.svg b/packages/icons/src/svg/32/ibm--granite.svg new file mode 100644 index 000000000000..b8273e011ea1 --- /dev/null +++ b/packages/icons/src/svg/32/ibm--granite.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--knowledge-catalog-premium.svg b/packages/icons/src/svg/32/ibm--knowledge-catalog-premium.svg new file mode 100644 index 000000000000..7e3e5c1ef592 --- /dev/null +++ b/packages/icons/src/svg/32/ibm--knowledge-catalog-premium.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--knowledge-catalog-standard.svg b/packages/icons/src/svg/32/ibm--knowledge-catalog-standard.svg new file mode 100644 index 000000000000..63f3e88cbbaf --- /dev/null +++ b/packages/icons/src/svg/32/ibm--knowledge-catalog-standard.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--knowledge-catalog.svg b/packages/icons/src/svg/32/ibm--knowledge-catalog.svg new file mode 100644 index 000000000000..faa04a8dd76a --- /dev/null +++ b/packages/icons/src/svg/32/ibm--knowledge-catalog.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--machine-learning-for-zos.svg b/packages/icons/src/svg/32/ibm--machine-learning-for-zos.svg new file mode 100644 index 000000000000..361e742846da --- /dev/null +++ b/packages/icons/src/svg/32/ibm--machine-learning-for-zos.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--planning-analytics.svg b/packages/icons/src/svg/32/ibm--planning-analytics.svg new file mode 100644 index 000000000000..3a2b89053892 --- /dev/null +++ b/packages/icons/src/svg/32/ibm--planning-analytics.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm--streamsets.svg b/packages/icons/src/svg/32/ibm--streamsets.svg new file mode 100644 index 000000000000..a42446c86003 --- /dev/null +++ b/packages/icons/src/svg/32/ibm--streamsets.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--backup-and-recovery.svg b/packages/icons/src/svg/32/ibm-cloud--backup-and-recovery.svg new file mode 100644 index 000000000000..1e8bbd623a25 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--backup-and-recovery.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--backup-service-vpc.svg b/packages/icons/src/svg/32/ibm-cloud--backup-service-vpc.svg new file mode 100644 index 000000000000..5694860a19c7 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--backup-service-vpc.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--code-engine.svg b/packages/icons/src/svg/32/ibm-cloud--code-engine.svg new file mode 100644 index 000000000000..93a7a9572d53 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--code-engine.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--databases.svg b/packages/icons/src/svg/32/ibm-cloud--databases.svg new file mode 100644 index 000000000000..e571fd7c1cb9 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--databases.svg @@ -0,0 +1,14 @@ + + + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--gate-keeper.svg b/packages/icons/src/svg/32/ibm-cloud--gate-keeper.svg new file mode 100644 index 000000000000..b37731745493 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--gate-keeper.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--observability.svg b/packages/icons/src/svg/32/ibm-cloud--observability.svg new file mode 100644 index 000000000000..3533da93325f --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--observability.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--security-groups.svg b/packages/icons/src/svg/32/ibm-cloud--security-groups.svg new file mode 100644 index 000000000000..23fa097f9a9a --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--security-groups.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--security.svg b/packages/icons/src/svg/32/ibm-cloud--security.svg new file mode 100644 index 000000000000..f9ce9f1179aa --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--security.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--vpc-block-storage-snapshots.svg b/packages/icons/src/svg/32/ibm-cloud--vpc-block-storage-snapshots.svg new file mode 100644 index 000000000000..2c09237d3454 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--vpc-block-storage-snapshots.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--vpc-client-vpn.svg b/packages/icons/src/svg/32/ibm-cloud--vpc-client-vpn.svg new file mode 100644 index 000000000000..a8a8cf35d863 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--vpc-client-vpn.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--vpc-file-storage.svg b/packages/icons/src/svg/32/ibm-cloud--vpc-file-storage.svg new file mode 100644 index 000000000000..84e4f5a79db2 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--vpc-file-storage.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-cloud--vpc-images.svg b/packages/icons/src/svg/32/ibm-cloud--vpc-images.svg new file mode 100644 index 000000000000..f2a1c9f40e30 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-cloud--vpc-images.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-devops--control.svg b/packages/icons/src/svg/32/ibm-devops--control.svg new file mode 100644 index 000000000000..53334a8135b4 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-devops--control.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-quantum--safe-advisor.svg b/packages/icons/src/svg/32/ibm-quantum--safe-advisor.svg new file mode 100644 index 000000000000..88df0a4a73f7 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-quantum--safe-advisor.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-quantum--safe-explorer.svg b/packages/icons/src/svg/32/ibm-quantum--safe-explorer.svg new file mode 100644 index 000000000000..e18864cb4bc3 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-quantum--safe-explorer.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-quantum--safe-remediator.svg b/packages/icons/src/svg/32/ibm-quantum--safe-remediator.svg new file mode 100644 index 000000000000..2e2f9f5fe46b --- /dev/null +++ b/packages/icons/src/svg/32/ibm-quantum--safe-remediator.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-watsonx--code-assistant-for-z-validation-assistant.svg b/packages/icons/src/svg/32/ibm-watsonx--code-assistant-for-z-validation-assistant.svg new file mode 100644 index 000000000000..ee97dddc70a9 --- /dev/null +++ b/packages/icons/src/svg/32/ibm-watsonx--code-assistant-for-z-validation-assistant.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/ibm-z--open-editor.svg b/packages/icons/src/svg/32/ibm-z--open-editor.svg new file mode 100644 index 000000000000..6d7f4df2b56b --- /dev/null +++ b/packages/icons/src/svg/32/ibm-z--open-editor.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/job--daemon.svg b/packages/icons/src/svg/32/job--daemon.svg new file mode 100644 index 000000000000..b2c8d52ca4dd --- /dev/null +++ b/packages/icons/src/svg/32/job--daemon.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/job--run.svg b/packages/icons/src/svg/32/job--run.svg new file mode 100644 index 000000000000..bd1105934614 --- /dev/null +++ b/packages/icons/src/svg/32/job--run.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/network-time-protocol.svg b/packages/icons/src/svg/32/network-time-protocol.svg new file mode 100644 index 000000000000..4961e8951d42 --- /dev/null +++ b/packages/icons/src/svg/32/network-time-protocol.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/object.svg b/packages/icons/src/svg/32/object.svg new file mode 100644 index 000000000000..cfe2c9438f33 --- /dev/null +++ b/packages/icons/src/svg/32/object.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/punctuation-check.svg b/packages/icons/src/svg/32/punctuation-check.svg new file mode 100644 index 000000000000..8f0a0d60ed76 --- /dev/null +++ b/packages/icons/src/svg/32/punctuation-check.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/thumbs-up-double--filled.svg b/packages/icons/src/svg/32/thumbs-up-double--filled.svg new file mode 100644 index 000000000000..fc2de288cb6a --- /dev/null +++ b/packages/icons/src/svg/32/thumbs-up-double--filled.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/thumbs-up-double.svg b/packages/icons/src/svg/32/thumbs-up-double.svg new file mode 100644 index 000000000000..84e94db08e1e --- /dev/null +++ b/packages/icons/src/svg/32/thumbs-up-double.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/packages/icons/src/svg/32/transform--code.svg b/packages/icons/src/svg/32/transform--code.svg index 7fda7c380b6a..9c59191e2db4 100644 --- a/packages/icons/src/svg/32/transform--code.svg +++ b/packages/icons/src/svg/32/transform--code.svg @@ -5,18 +5,8 @@ .cls-1 { fill: none; } - - .cls-1, .cls-2 { - stroke-width: 0px; - } - - - - - - - - + + \ No newline at end of file diff --git a/packages/react/src/components/AILabel/__tests__/AILabel-test.js b/packages/react/src/components/AILabel/__tests__/AILabel-test.js index 43d24cb46d6b..bf30a33694d3 100644 --- a/packages/react/src/components/AILabel/__tests__/AILabel-test.js +++ b/packages/react/src/components/AILabel/__tests__/AILabel-test.js @@ -6,8 +6,10 @@ */ import React from 'react'; -import { AILabel } from '../'; +import { AILabel, AILabelContent, AILabelActions } from '../'; +import { Button } from '../../Button'; import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; const prefix = 'cds'; @@ -114,4 +116,45 @@ describe('AILabel', () => { ); }); }); + + it('should handle revert click', async () => { + render( + {}} + /> + ); + + await userEvent.click(screen.getByRole('button')); + }); +}); + +describe('AILabelContent', () => { + it('should render with content', () => { + render( + + Children test + + ); + + expect(screen.getByText('Children test')).toBeInTheDocument(); + }); +}); + +describe('AILabelActions', () => { + it('should render with actions', () => { + render( + + + Children test + + + + + + ); + + expect(screen.getByText('View details')).toBeInTheDocument(); + }); }); diff --git a/packages/react/src/components/ComboBox/ComboBox.tsx b/packages/react/src/components/ComboBox/ComboBox.tsx index 38fb2ace9ebd..afac03b9a278 100644 --- a/packages/react/src/components/ComboBox/ComboBox.tsx +++ b/packages/react/src/components/ComboBox/ComboBox.tsx @@ -379,7 +379,6 @@ const ComboBox = forwardRef( props: ComboBoxProps, ref: ForwardedRef ) => { - const [cursorPosition, setCursorPosition] = useState(0); const prevInputLengthRef = useRef(0); const inputRef = useRef(null); @@ -745,7 +744,6 @@ const ComboBox = forwardRef( onChange({ selectedItem, inputValue: normalizedInput }); } setHighlightedIndex(indexToHighlight(normalizedInput)); - setCursorPosition(inputValue === null ? 0 : normalizedInput.length); }, onSelectedItemChange({ selectedItem }) { onChange({ selectedItem }); @@ -797,12 +795,6 @@ const ComboBox = forwardRef( downshiftSetInputValue, toggleMenu, ]); - useEffect(() => { - if (inputRef.current) { - inputRef.current.setSelectionRange(cursorPosition, cursorPosition); - } - }, [inputValue, cursorPosition]); - const buttonProps = getToggleButtonProps({ disabled: disabled || readOnly, onClick: handleToggleClick(isOpen), @@ -917,6 +909,7 @@ const ComboBox = forwardRef( value: inputValue, onChange: (e) => { const newValue = e.target.value; + setInputValue(newValue); downshiftSetInputValue(newValue); }, ref: mergeRefs(textInput, ref, inputRef), @@ -998,7 +991,6 @@ const ComboBox = forwardRef( if (matchingItem) { const newValue = itemToString(matchingItem); downshiftSetInputValue(newValue); - setCursorPosition(newValue.length); selectItem(matchingItem); } } diff --git a/packages/react/src/components/Pagination/Pagination-test.js b/packages/react/src/components/Pagination/__tests__/Pagination-test.js similarity index 99% rename from packages/react/src/components/Pagination/Pagination-test.js rename to packages/react/src/components/Pagination/__tests__/Pagination-test.js index 44dd4d4a14f7..68c7a4ef4469 100644 --- a/packages/react/src/components/Pagination/Pagination-test.js +++ b/packages/react/src/components/Pagination/__tests__/Pagination-test.js @@ -1,5 +1,5 @@ import React from 'react'; -import Pagination from './Pagination'; +import Pagination from '../Pagination'; import userEvent from '@testing-library/user-event'; import { getAllByRole, render, screen } from '@testing-library/react'; diff --git a/packages/react/src/components/Pagination/__tests__/PaginationSkeleton-test.js b/packages/react/src/components/Pagination/__tests__/PaginationSkeleton-test.js new file mode 100644 index 000000000000..f9c2f96fbce0 --- /dev/null +++ b/packages/react/src/components/Pagination/__tests__/PaginationSkeleton-test.js @@ -0,0 +1,26 @@ +/** + * Copyright IBM Corp. 2016, 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +import React from 'react'; +import { PaginationSkeleton } from '../Pagination.Skeleton'; +import { render } from '@testing-library/react'; + +describe('PaginationSkeleton', () => { + it('should support a custom `className` prop on the outermost element', () => { + const { container } = render( + + ); + expect(container.firstChild).toHaveClass('test'); + }); + + it('should spread additional props on the outermost element', () => { + const { container } = render( + + ); + expect(container.firstChild).toHaveAttribute('data-testid', 'test'); + }); +}); diff --git a/packages/react/src/components/Tag/Tag-test.js b/packages/react/src/components/Tag/Tag-test.js index 6814c9897a61..7465bfb17c8a 100644 --- a/packages/react/src/components/Tag/Tag-test.js +++ b/packages/react/src/components/Tag/Tag-test.js @@ -5,14 +5,17 @@ * LICENSE file in the root directory of this source tree. */ -import { Add } from '@carbon/icons-react'; -import { render, screen } from '@testing-library/react'; import React from 'react'; -import Tag, { OperationalTag, TagSkeleton } from './'; -import DismissibleTag from './DismissibleTag'; +import { render, screen } from '@testing-library/react'; +import Tag, { + OperationalTag, + SelectableTag, + DismissibleTag, + TagSkeleton, +} from './'; import { AILabel } from '../AILabel'; -import { Asleep } from '@carbon/icons-react'; import userEvent from '@testing-library/user-event'; +import { Asleep, Add } from '@carbon/icons-react'; const prefix = 'cds'; @@ -95,6 +98,26 @@ describe('Tag', () => { ).toBeInTheDocument(); }); + describe('Selectable Tag', () => { + it('should render a selectable tag', () => { + const { container } = render(); + + expect(container.firstChild).toHaveClass(`${prefix}--tag--selectable`); + }); + + it('should select the selectable tag', async () => { + const { container } = render(); + + const selectableTag = container.querySelector( + `.${prefix}--tag--selectable` + ); + + await userEvent.click(selectableTag); + expect(selectableTag).toHaveAttribute('aria-pressed', 'true'); + expect(selectableTag).toHaveClass(`${prefix}--tag--selectable-selected`); + }); + }); + describe('Skeleton Tag', () => { it('should render a skeleton state', () => { const { container } = render(); diff --git a/packages/styles/scss/components/slider/_slider.scss b/packages/styles/scss/components/slider/_slider.scss index 9e5369b56eb3..c24a9c6e0afb 100644 --- a/packages/styles/scss/components/slider/_slider.scss +++ b/packages/styles/scss/components/slider/_slider.scss @@ -372,19 +372,20 @@ &:hover { cursor: not-allowed; - transform: translate(-50%, -50%); + transform: none; } &:focus { background-color: $border-disabled; box-shadow: none; outline: none; - transform: translate(-50%, -50%); + transform: none; } &:active { background: $border-disabled; - transform: translate(-50%, -50%); + box-shadow: none; + transform: none; } } diff --git a/packages/themes/examples/sass-modules/.yarn/install-state.gz b/packages/themes/examples/sass-modules/.yarn/install-state.gz index 62656d4102be..cbd8dcb22473 100644 Binary files a/packages/themes/examples/sass-modules/.yarn/install-state.gz and b/packages/themes/examples/sass-modules/.yarn/install-state.gz differ diff --git a/packages/themes/examples/sass-modules/package.json b/packages/themes/examples/sass-modules/package.json index 94daab347c07..4303bae2abaf 100644 --- a/packages/themes/examples/sass-modules/package.json +++ b/packages/themes/examples/sass-modules/package.json @@ -5,7 +5,7 @@ }, "dependencies": { "@carbon/themes": "link:../../", - "next": "^14.1.1", + "next": "^14.2.10", "react": "^17.0.2", "react-dom": "^17.0.2", "sass": "^1.36.0" diff --git a/packages/themes/examples/sass-modules/yarn.lock b/packages/themes/examples/sass-modules/yarn.lock index 19ac21cfee1f..e7e6ed8ff992 100644 --- a/packages/themes/examples/sass-modules/yarn.lock +++ b/packages/themes/examples/sass-modules/yarn.lock @@ -11,72 +11,72 @@ __metadata: languageName: node linkType: soft -"@next/env@npm:14.2.3": - version: 14.2.3 - resolution: "@next/env@npm:14.2.3" - checksum: 10/82b445331d46b4896dc86c0e33a7eaaa6f6abfd2408d49e1cb90fbfd6b26c698ea8e69c911ffe597e30fd8294db4e3445cde44b0771eabbfcd13663a9832a397 +"@next/env@npm:14.2.15": + version: 14.2.15 + resolution: "@next/env@npm:14.2.15" + checksum: 10/76257d838aa8d6ede9240e4e8fd21847304b4d593fb758ea91c96e38818784e4f059d3b4c154e83b21983ea452fc7f4d1dc257d607ebba97c80db06ca4f9148a languageName: node linkType: hard -"@next/swc-darwin-arm64@npm:14.2.3": - version: 14.2.3 - resolution: "@next/swc-darwin-arm64@npm:14.2.3" +"@next/swc-darwin-arm64@npm:14.2.15": + version: 14.2.15 + resolution: "@next/swc-darwin-arm64@npm:14.2.15" conditions: os=darwin & cpu=arm64 languageName: node linkType: hard -"@next/swc-darwin-x64@npm:14.2.3": - version: 14.2.3 - resolution: "@next/swc-darwin-x64@npm:14.2.3" +"@next/swc-darwin-x64@npm:14.2.15": + version: 14.2.15 + resolution: "@next/swc-darwin-x64@npm:14.2.15" conditions: os=darwin & cpu=x64 languageName: node linkType: hard -"@next/swc-linux-arm64-gnu@npm:14.2.3": - version: 14.2.3 - resolution: "@next/swc-linux-arm64-gnu@npm:14.2.3" +"@next/swc-linux-arm64-gnu@npm:14.2.15": + version: 14.2.15 + resolution: "@next/swc-linux-arm64-gnu@npm:14.2.15" conditions: os=linux & cpu=arm64 & libc=glibc languageName: node linkType: hard -"@next/swc-linux-arm64-musl@npm:14.2.3": - version: 14.2.3 - resolution: "@next/swc-linux-arm64-musl@npm:14.2.3" +"@next/swc-linux-arm64-musl@npm:14.2.15": + version: 14.2.15 + resolution: "@next/swc-linux-arm64-musl@npm:14.2.15" conditions: os=linux & cpu=arm64 & libc=musl languageName: node linkType: hard -"@next/swc-linux-x64-gnu@npm:14.2.3": - version: 14.2.3 - resolution: "@next/swc-linux-x64-gnu@npm:14.2.3" +"@next/swc-linux-x64-gnu@npm:14.2.15": + version: 14.2.15 + resolution: "@next/swc-linux-x64-gnu@npm:14.2.15" conditions: os=linux & cpu=x64 & libc=glibc languageName: node linkType: hard -"@next/swc-linux-x64-musl@npm:14.2.3": - version: 14.2.3 - resolution: "@next/swc-linux-x64-musl@npm:14.2.3" +"@next/swc-linux-x64-musl@npm:14.2.15": + version: 14.2.15 + resolution: "@next/swc-linux-x64-musl@npm:14.2.15" conditions: os=linux & cpu=x64 & libc=musl languageName: node linkType: hard -"@next/swc-win32-arm64-msvc@npm:14.2.3": - version: 14.2.3 - resolution: "@next/swc-win32-arm64-msvc@npm:14.2.3" +"@next/swc-win32-arm64-msvc@npm:14.2.15": + version: 14.2.15 + resolution: "@next/swc-win32-arm64-msvc@npm:14.2.15" conditions: os=win32 & cpu=arm64 languageName: node linkType: hard -"@next/swc-win32-ia32-msvc@npm:14.2.3": - version: 14.2.3 - resolution: "@next/swc-win32-ia32-msvc@npm:14.2.3" +"@next/swc-win32-ia32-msvc@npm:14.2.15": + version: 14.2.15 + resolution: "@next/swc-win32-ia32-msvc@npm:14.2.15" conditions: os=win32 & cpu=ia32 languageName: node linkType: hard -"@next/swc-win32-x64-msvc@npm:14.2.3": - version: 14.2.3 - resolution: "@next/swc-win32-x64-msvc@npm:14.2.3" +"@next/swc-win32-x64-msvc@npm:14.2.15": + version: 14.2.15 + resolution: "@next/swc-win32-x64-msvc@npm:14.2.15" conditions: os=win32 & cpu=x64 languageName: node linkType: hard @@ -800,20 +800,20 @@ __metadata: languageName: node linkType: hard -"next@npm:^14.1.1": - version: 14.2.3 - resolution: "next@npm:14.2.3" +"next@npm:^14.2.10": + version: 14.2.15 + resolution: "next@npm:14.2.15" dependencies: - "@next/env": "npm:14.2.3" - "@next/swc-darwin-arm64": "npm:14.2.3" - "@next/swc-darwin-x64": "npm:14.2.3" - "@next/swc-linux-arm64-gnu": "npm:14.2.3" - "@next/swc-linux-arm64-musl": "npm:14.2.3" - "@next/swc-linux-x64-gnu": "npm:14.2.3" - "@next/swc-linux-x64-musl": "npm:14.2.3" - "@next/swc-win32-arm64-msvc": "npm:14.2.3" - "@next/swc-win32-ia32-msvc": "npm:14.2.3" - "@next/swc-win32-x64-msvc": "npm:14.2.3" + "@next/env": "npm:14.2.15" + "@next/swc-darwin-arm64": "npm:14.2.15" + "@next/swc-darwin-x64": "npm:14.2.15" + "@next/swc-linux-arm64-gnu": "npm:14.2.15" + "@next/swc-linux-arm64-musl": "npm:14.2.15" + "@next/swc-linux-x64-gnu": "npm:14.2.15" + "@next/swc-linux-x64-musl": "npm:14.2.15" + "@next/swc-win32-arm64-msvc": "npm:14.2.15" + "@next/swc-win32-ia32-msvc": "npm:14.2.15" + "@next/swc-win32-x64-msvc": "npm:14.2.15" "@swc/helpers": "npm:0.5.5" busboy: "npm:1.6.0" caniuse-lite: "npm:^1.0.30001579" @@ -854,7 +854,7 @@ __metadata: optional: true bin: next: dist/bin/next - checksum: 10/666c9770206ce693732a6d772297f1ddb3ce72f59862fa4cd104c5536da596026f758c4c9256ea790cf22d1bb8a15e27e5ea9455c948f72a9e3ca61fb745b0f5 + checksum: 10/5c5ed27888540f3ace732c2645a84b60d9e9c572cb335c5e9ff2a78a2eba704705e92e3c3d22586fd18d1621c70a5fb7ca8c8499550734d243fdec5d2a9c8a93 languageName: node linkType: hard @@ -1117,7 +1117,7 @@ __metadata: resolution: "sass-modules@workspace:." dependencies: "@carbon/themes": "link:../../" - next: "npm:^14.1.1" + next: "npm:^14.2.10" react: "npm:^17.0.2" react-dom: "npm:^17.0.2" sass: "npm:^1.36.0" diff --git a/packages/web-components/.storybook/manager-head.html b/packages/web-components/.storybook/manager-head.html index fe466db1369a..3f7e192d2feb 100644 --- a/packages/web-components/.storybook/manager-head.html +++ b/packages/web-components/.storybook/manager-head.html @@ -44,6 +44,34 @@ type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/latest/footer.min.js"> + + + + -
Section
- - - `; - case 2: - return html` - -
Section
-
- - -
-
- - -
-
- - - -
- `; - - default: - return null; - } -}; - -const labels = { - 'No label': 0, - 'Shorter label': 1, - 'Longer label': 2, -}; - -const getLabel = (index) => { - switch (index) { - case 1: - return 'A short label'; - case 2: - return 'A longer label that might go on for a little bit'; - default: - return ''; - } -}; - -const subtitles = { - 'No subtitle': 0, - 'Short subtitle': 1, - 'Longer subtitle': 2, -}; -const getSubTitle = (index) => { - switch (index) { - case 1: - return html`
This is your subtitle slot.
`; - case 2: - return html`
- I am your subtitle slot for adding detail that can be - one or two lines. -
`; - default: - return null; - } -}; - -const actionToolbarItems = { - 'No action toolbar': 0, - 'With action toolbar': 1, -}; - -const getActionToolbarItems = (index) => { - switch (index) { - case 1: - return html` - Copy - - ${Settings({ slot: 'icon' })} - - - ${Trashcan({ slot: 'icon' })} - - `; - default: - return null; - } -}; - -const actionItems = { - 'No actions': 0, - 'One button': 1, - 'Two buttons with ghost': 2, - 'Two buttons with danger': 3, - 'Three buttons with ghost': 4, - 'Three buttons with danger': 5, - 'Too many buttons': 6, -}; - -// TODO: There are problems switching this -const getActionItems = (index) => { - switch (index) { - case 1: - return html`Primary`; - case 2: - return html` - Ghost - Primary - `; - case 3: - return html` Danger - Primary`; - case 4: - return html` Ghost - Secondary - Primary`; - case 5: - return html`Danger - Secondary - Primary`; - case 6: - return html`Danger - Tertiary - Secondary - Primary`; - default: - return null; - } -}; - -const slugs = { - 'No Slug': 0, - 'With Slug': 1, -}; - -const getSlug = (index) => { - switch (index) { - case 1: - return html` -
-

AI Explained

-

84%

-

Confidence score

-

- Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua. -

-
-

Model type

-

Foundation model

-
- `; - default: - return null; - } -}; - -const defaultTemplate = { - args: { - actionItems: getActionItems(1), - actionToolbarItems: getActionToolbarItems(0), - animateTitle: true, - class: 'a-user-class', - closeIconDescription: 'Close panel', - condensedActions: false, - content: getContent(2), - includeOverlay: true, - label: getLabel(2), - open: false, - placement: SIDE_PANEL_PLACEMENT.RIGHT, - preventCloseOnClickOutside: false, - selectorPageContent: '#page-content-selector', - selectorInitialFocus: '', - size: SIDE_PANEL_SIZE.MEDIUM, - slideIn: false, - slug: getSlug(0), - subtitle: getSubTitle(1), - title: - 'This title is testing a very long title to see how this behaves with a longer title. It needs to be long enough to trigger overflow when collapsed.', - }, - argTypes: { - actionItems: { - control: 'select', - description: 'Slot (actions)', - options: actionItems, - }, - actionToolbarItems: { - control: 'select', - description: 'Slot (action-toolbar)', - options: actionToolbarItems, - }, - animateTitle: { - control: 'boolean', - description: 'animate-title (Title animates on scroll)', - }, - class: { - control: 'text', - description: 'class', - }, - closeIconDescription: { - control: 'text', - description: 'Close icon description', - }, - condensedActions: { - control: 'boolean', - description: 'condensed-actions', - }, - content: { - control: 'select', - description: 'Slot (default), panel contents', - options: contents, - }, - includeOverlay: { - control: 'boolean', - description: 'include-overlay', - }, - label: { - control: 'select', - description: 'label', - options: labels, - }, - open: { - control: 'boolean', - description: 'open', - }, - placement: { - control: 'select', - description: 'placement', - options: placements, - }, - preventCloseOnClickOutside: { - control: 'boolean', - description: 'prevent-close-on-click-outside', - }, - selectorPageContent: { - control: 'text', - description: 'selector-page-content', - }, - selectorInitialFocus: { - control: 'text', - description: 'selector-initial-focus', - }, - size: { - control: 'select', - description: 'size', - options: sizes, - }, - slideIn: { - control: 'boolean', - description: 'slide-in', - }, - slug: { - control: 'select', - description: 'slug (AI slug)', - options: slugs, - }, - subtitle: { - control: 'select', - description: 'Slot (subtitle)', - options: subtitles, - }, - title: { - control: 'text', - description: 'title', - }, - }, - render: (args) => { - return html` -
-
-
- Toggle side-panel -
-
- - - ${args.content} - Step two - - - ${args.subtitle} - - - ${args.actionToolbarItems} - - - ${args.actionItems} - - - ${args.slug} - - `; - }, -}; - -export const SlideOver = { - ...defaultTemplate, -}; - -export const SlideIn = { - ...defaultTemplate, - args: { - ...defaultTemplate.args, - slideIn: true, - }, -}; - -export const WithActionToolbar = { - ...defaultTemplate, - args: { - ...defaultTemplate.args, - actionToolbarItems: getActionToolbarItems(1), - }, -}; - -export const SpecifyElementToHaveFocus = { - ...defaultTemplate, - args: { - ...defaultTemplate.args, - focusSelector: '#side-panel-story-text-input-a', - label: getLabel(0), - }, - argTypes: { - ...defaultTemplate.argTypes, - focusSelector: { - control: 'text', - description: 'selector-primary-focus', - }, - }, -}; - -export const WithStaticTitle = { - ...defaultTemplate, - args: { - ...defaultTemplate.args, - animateTitle: false, - label: getLabel(0), - }, -}; - -export const WithStaticTitleAndActionToolbar = { - ...defaultTemplate, - args: { - ...defaultTemplate.args, - actionToolbarItems: getActionToolbarItems(1), - animateTitle: false, - label: getLabel(0), - }, -}; - -export const WithoutTitle = { - ...defaultTemplate, - args: { - ...defaultTemplate.args, - label: getLabel(0), - title: '', - }, +export const Default = { + render: () => html` + This component has been deprecated in + @carbon/web-components and will instead be maintained in + @carbon/ibm-products-web-components. + `, }; const meta = { - title: 'Experimental/SidePanel', + title: 'Deprecated/SidePanel', + tags: ['!autodocs'], }; export default meta; diff --git a/packages/web-components/src/components/side-panel/side-panel.ts b/packages/web-components/src/components/side-panel/side-panel.ts index b8b7e6a64516..2d075cca64c0 100644 --- a/packages/web-components/src/components/side-panel/side-panel.ts +++ b/packages/web-components/src/components/side-panel/side-panel.ts @@ -18,7 +18,6 @@ import { prefix } from '../../globals/settings'; import HostListener from '../../globals/decorators/host-listener'; import HostListenerMixin from '../../globals/mixins/host-listener'; import { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT } from './defs'; -import styles from './side-panel.scss?lit'; import { selectorTabbable } from '../../globals/settings'; import { carbonElement as customElement } from '../../globals/decorators/carbon-element'; import ArrowLeft16 from '@carbon/icons/lib/arrow--left/16'; @@ -92,6 +91,10 @@ function tryFocusElems(elems: NodeListOf, reverse: boolean) { /** * SidePanel. * + * @deprecated Use Carbon for IBM Products `side-panel` component. + * This component has been deprecated in `@carbon/web-components` and will instead be maintained + * in the Carbon for IBM Products library: + * https://github.com/carbon-design-system/ibm-products/tree/main/packages/ibm-products-web-components * @element cds-side-panel * @csspart dialog The dialog. * @fires cds-side-panel-beingclosed @@ -965,8 +968,6 @@ class CDSSidePanel extends HostListenerMixin(LitElement) { static get eventNavigateBack() { return `${prefix}-side-panel-navigate-back`; } - - static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader } export default CDSSidePanel; diff --git a/packages/web-components/src/components/side-panel/story-styles.scss b/packages/web-components/src/components/side-panel/story-styles.scss deleted file mode 100644 index 1bf12373ef50..000000000000 --- a/packages/web-components/src/components/side-panel/story-styles.scss +++ /dev/null @@ -1,46 +0,0 @@ -/* -* Copyright IBM Corp. 2023, 2024 -* -* This source code is licensed under the Apache-2.0 license found in the -* LICENSE file in the root directory of this source tree. -*/ -@use '@carbon/styles/scss/theme' as *; - -$story-prefix: 'side-panel-stories__'; - -.#{$story-prefix}body-content { - display: flex; - flex-direction: column; - padding: 1rem; - gap: 1rem; -} - -.#{$story-prefix}text-inputs { - display: flex; - gap: 1rem; - - > * { - flex-basis: 50%; - } -} - -.#{$story-prefix}story-container { - position: fixed; - display: grid; - block-size: 100vh; - grid-template-rows: 3rem 1fr; - inline-size: 100vw; - inset-block-start: 0; - inset-inline-start: 0; -} - -.#{$story-prefix}story-header { - background: $background-inverse; -} - -.#{$story-prefix}story-content { - position: relative; - display: flex; - align-items: center; - justify-content: center; -} diff --git a/packages/web-components/src/components/tearsheet/story-styles.scss b/packages/web-components/src/components/tearsheet/story-styles.scss deleted file mode 100644 index 0384a186098c..000000000000 --- a/packages/web-components/src/components/tearsheet/story-styles.scss +++ /dev/null @@ -1,23 +0,0 @@ -/* -* Copyright IBM Corp. 2023, 2024 -* -* This source code is licensed under the Apache-2.0 license found in the -* LICENSE file in the root directory of this source tree. -*/ -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/config' as *; - -$story-prefix: 'tearsheet-stories'; - -@use '@carbon/styles/scss/spacing' as *; - -#page-content-selector { - position: absolute; - z-index: 9999; - inset-block-start: 0; - inset-inline-start: 0; -} - -.#{$story-prefix}__tabs .#{$prefix}--tab-content { - display: none; -} diff --git a/packages/web-components/src/components/tearsheet/tearsheet.mdx b/packages/web-components/src/components/tearsheet/tearsheet.mdx deleted file mode 100644 index 06c4528cd6ce..000000000000 --- a/packages/web-components/src/components/tearsheet/tearsheet.mdx +++ /dev/null @@ -1,101 +0,0 @@ -import { ArgTypes, Markdown, Meta } from '@storybook/blocks'; -import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn'; -import * as TearsheetStories from './tearsheet.stories'; - - - -# Tearsheet - -> 💡 Check our -> [Stackblitz](https://stackblitz.com/github/carbon-design-system/carbon/tree/main/packages/web-components/examples/components/tearsheet) -> example implementation. - -[![Edit carbon-web-components](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/carbon-design-system/carbon/tree/main/packages/web-components/examples/components/tearsheet) - -Tearsheets keep users in-context of a page while performing tasks like -navigating, editing, viewing details, or configuring something new. - -## Getting started - -Here's a quick example to get you started. - -### JS (via import) - -```javascript -import '@carbon/web-components/es/components/tearsheet/index.js'; -// The following are used for slotted fields -import '@carbon/web-components/es/components/text-input/index.js'; -import '@carbon/web-components/es/components/textarea/index.js'; -import '@carbon/web-components/es/components/button/index.js'; -``` - -{`${cdnJs({ components: ['tearsheet'] })}`} -{`${cdnCss()}`} - -### HTML - -```html - - -
Tearsheet content
-
- - -
-
- - -
-
- - - -
- - -
- Subtitle text which can provide more detail on the content being displayed. -
- - - Copy - - ${Settings({ slot: 'icon' })} - - - ${Trashcan({ slot: 'icon' })} - - - - Ghost - - -``` - -## `` attributes, properties and events - -Note: For `boolean` attributes, `true` means simply setting the attribute (e.g. -``) and `false` means not setting the attribute (e.g. -`` without `open` attribute). - - diff --git a/packages/web-components/src/components/tearsheet/tearsheet.scss b/packages/web-components/src/components/tearsheet/tearsheet.scss deleted file mode 100644 index b2a782098b49..000000000000 --- a/packages/web-components/src/components/tearsheet/tearsheet.scss +++ /dev/null @@ -1,321 +0,0 @@ -/* -* Copyright IBM Corp. 2023, 2024 -* -* This source code is licensed under the Apache-2.0 license found in the -* LICENSE file in the root directory of this source tree. -*/ - -$css--plex: true !default; - -/* Other Carbon settings. */ -@use '@carbon/styles/scss/reset'; -@use '@carbon/styles/scss/breakpoint' as *; -@use '@carbon/styles/scss/config' as *; -@use '@carbon/styles/scss/motion' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/type'; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/utilities/ai-gradient' as *; -@use '@carbon/styles/scss/components/modal' as *; -@use '@carbon/styles/scss/utilities/convert' as *; -@use 'sass:map'; - -$pkg-prefix: 'cds'; - -@use '@carbon/ibm-products-styles/scss/config' with ( - $pkg-prefix: #{$pkg-prefix} -); -@use '@carbon/ibm-products-styles/scss/components/ActionSet/index' as *; -@use '@carbon/ibm-products-styles/scss/components/Tearsheet/index' as *; - -$block-class: #{$pkg-prefix}--tearsheet; -$block-class-action-set: #{$pkg-prefix}--action-set; -$motion-duration: $duration-moderate-02; - -:host(#{$prefix}-tearsheet) { - --content-padding: #{$spacing-05}; - - @extend .#{$prefix}--modal; - @extend .#{$prefix}--tearsheet; - - .#{$block-class}__header, - .#{$block-class}__content, - .#{$block-class}__influencer { - padding: var(--content-padding); - } - - .#{$block-class}__container { - /* lower prop is deprecated but the default in ibm products */ - @extend .#{$block-class}__container--lower; - - max-block-size: calc(100% - (#{$spacing-09} + #{$spacing-08})); - } - - .#{$block-class}__container[stack-position='1'][stack-depth='2'], - .#{$block-class}__container[stack-position='2'][stack-depth='3'] { - max-block-size: calc( - 100% - (#{$spacing-09} + #{$spacing-08}) + #{$spacing-05} - ); - transform: scale(var(--#{$block-class}--stacking-scale-factor-single)); - } - - .#{$block-class}__container[stack-position='1'][stack-depth='3'] { - max-block-size: calc( - 100% - (#{$spacing-09} + #{$spacing-08}) + (2 * #{$spacing-05}) - ); - transform: scale(var(--#{$block-class}--stacking-scale-factor-double)); - } - - .#{$block-class}__buttons { - @extend .#{$block-class}__button-container; - @extend .#{$block-class-action-set}; - - display: flex; - background: $background; - inline-size: 100%; - } - - .#{$block-class}__buttons[hidden] { - @extend .#{$prefix}--visually-hidden; - - display: none; - } - - .#{$block-class}__buttons ::slotted(#{$prefix}-button) { - @extend .#{$block-class-action-set}__action-button; - - flex: 0 1 25%; - block-size: $spacing-11; - max-inline-size: to-rem(232px); - } - - .#{$block-class}__buttons ::slotted(#{$prefix}-button[kind='ghost']) { - flex: 1 1 25%; - max-inline-size: none; - } - - .#{$block-class}__buttons ::slotted(#{$prefix}-button[hidden]) { - @extend .#{$prefix}--visually-hidden; - - display: none; - } - - .#{$block-class}__influencer[wide] { - @extend .#{$block-class}__influencer--wide; - } -} - -:host(#{$prefix}-tearsheet[open]) { - --overlay-color: #{$overlay}; - --overlay-opacity: 1; - - z-index: utilities.z('modal'); - align-items: flex-end; - background: initial; - opacity: 1; - - transition: visibility 0s linear; - visibility: inherit; - - .#{$prefix}--tearsheet__container { - transform: translate3d(0, 0, 0); - transition: transform $duration-moderate-02 motion(entrance, expressive); - } - - @media (prefers-reduced-motion: reduce) { - transition: none; - } - - &::before { - position: absolute; - display: block; - background: var(--overlay-color); - content: ''; - inset: 0; - opacity: var(--overlay-opacity); - - transition: background-color $motion-duration motion(exit, expressive), - opacity $motion-duration motion(exit, expressive); - - @media (prefers-reduced-motion: reduce) { - transition: none; - } - - &[stack-position='1'][stack-depth='2'] { - --overlay-opacity: 0.67; - } - - &[stack-position='1'][stack-depth='3'] { - --overlay-opacity: 0.22; - } - - &[stack-position='2'][stack-depth='3'] { - --overlay-opacity: 0.5; - } - - &[stack-position='2'][stack-depth='2'], - &[stack-position='3'][stack-depth='3'] { - --overlay-opacity: 0.5; - } - } -} - -:host(#{$prefix}-tearsheet[hidden]) { - @extend .#{$prefix}--visually-hidden; -} - -:host(#{$prefix}-tearsheet[slug]) { - --overlay-color: #{$ai-overlay}; - - .#{$block-class}__container { - border: 1px solid transparent; - - /* override carbon ai removing background gradient */ - background: linear-gradient(to top, var(--cds-layer), var(--cds-layer)) - padding-box, - linear-gradient( - to bottom, - var(--cds-ai-border-start, #78a9ff), - var(--cds-ai-border-end, #d0e2ff) - ) - border-box, - linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box; - border-block-end: 0; - box-shadow: 0 24px 40px -24px $ai-drop-shadow; - } - - .#{$block-class}__content { - @include utilities.ai-popover-gradient('default', 0); - - box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow; - } -} - -:host(#{$prefix}-tearsheet[slug]) - .#{$prefix}--tearsheet__header[has-actions] - ::slotted(#{$prefix}-slug) { - inset-inline-end: 0; -} - -:host(#{$prefix}-tearsheet[stack-position='1'][stack-depth='2']), -:host(#{$prefix}-tearsheet[stack-position='2'][stack-depth='3']) { - z-index: utilities.z('modal') - 1; -} - -:host(#{$prefix}-tearsheet[stack-position='1'][stack-depth='3']) { - z-index: utilities.z('modal') - 2; -} - -:host(#{$prefix}-tearsheet[width='narrow']) { - .#{$block-class}__header { - margin: 0; - background-color: $layer; - border-block-end: 1px solid $border-subtle-01; - } - - .#{$block-class}__header-description { - margin-block-start: $spacing-03; - max-inline-size: 80%; - } - - .#{$block-class}__main { - background-color: $layer; - } -} - -:host(#{$prefix}-tearsheet[width='wide']) { - --content-padding: #{$spacing-06 $spacing-07}; - - .#{$block-class}__header { - margin: 0; - background-color: $layer; - border-block-end: 1px solid $border-subtle-01; - } - - .#{$block-class}__header[has-navigation] { - padding-block-end: 0; - } - - .#{$block-class}__container { - inline-size: 100%; - - @include breakpoint(md) { - inline-size: calc(100% - (2 * #{$spacing-10})); - } - } - - .#{$prefix}--modal-header__heading.#{$block-class}__heading { - @include type.type-style('heading-04'); - } - - .#{$block-class}__header[has-close-icon], - .#{$block-class}__header[has-slug] { - padding-inline-end: $spacing-11; - } - - .#{$block-class}__header[has-close-icon][has-slug] { - padding-inline-end: calc(#{$spacing-11 + $spacing-09}); - } - - .#{$block-class}__header-navigation { - margin-inline-start: calc(-1 * #{$spacing-05}); - max-block-size: $spacing-08; /* #{$prefix}-tabs too tall */ - } - - .#{$block-class}__content { - // Revert background color overridden by Carbon's modal - https://github.com/carbon-design-system/carbon/blob/main/packages/styles/scss/components/modal/_modal.scss#L54 - .#{$prefix}--pagination, - .#{$prefix}--pagination__control-buttons, - .#{$prefix}--text-input, - .#{$prefix}--text-area, - .#{$prefix}--search-input, - .#{$prefix}--select-input, - .#{$prefix}--dropdown, - .#{$prefix}--dropdown-list, - .#{$prefix}--number input[type='number'], - .#{$prefix}--date-picker__input { - background-color: $field; - } - - .#{$prefix}--select--inline .#{$prefix}--select-input { - background-color: transparent; - } - - // and restore the 'light' prop in case light fields are wanted - .#{$prefix}--text-input--light, - .#{$prefix}--text-area--light, - .#{$prefix}--search--light .#{$prefix}--search-input, - .#{$prefix}--select--light .#{$prefix}--select-input, - .#{$prefix}--dropdown--light, - .#{$prefix}--dropdown--light .#{$prefix}--dropdown-list, - /* stylelint-disable-next-line prettier/prettier */ - .#{$prefix}--number--light input[type='number'], - .#{$prefix}--date-picker--light - .#{$prefix}--date-picker__input { - background-color: $field-02; - } - } - - .#{$pkg-prefix}--action-set - .#{$pkg-prefix}--action-set__action-button.#{$pkg-prefix}--action-set__action-button--expressive { - block-size: $spacing-11; - } -} - -:host(#{$prefix}-tearsheet[width='narrow']) - .#{$block-class}__buttons[actions-multiple='single'] - ::slotted(#{$prefix}-button), -:host(#{$prefix}-tearsheet[width='narrow']) - .#{$block-class}__buttons[actions-multiple='double'] - ::slotted(#{$prefix}-button) { - // double and single on lg use 50% - flex: 0 1 50%; - max-inline-size: none; -} - -:host(#{$prefix}-tearsheet[width='narrow']) - .#{$block-class}__buttons - ::slotted(#{$prefix}-button) { - block-size: $spacing-10; -} diff --git a/packages/web-components/src/components/tearsheet/tearsheet.stories.ts b/packages/web-components/src/components/tearsheet/tearsheet.stories.ts index 58ca72f77a6c..51890409e2ce 100644 --- a/packages/web-components/src/components/tearsheet/tearsheet.stories.ts +++ b/packages/web-components/src/components/tearsheet/tearsheet.stories.ts @@ -8,667 +8,23 @@ */ import { html } from 'lit'; -import '../button/button'; -import { - TEARSHEET_INFLUENCER_PLACEMENT, - TEARSHEET_INFLUENCER_WIDTH, - TEARSHEET_WIDTH, -} from './tearsheet'; -import './index'; -import '../text-input/index'; -import '../textarea/index'; -import { prefix } from '../../globals/settings'; - -import styles from './story-styles.scss'; -import { BUTTON_KIND } from '../button/button'; -const toggleButton = () => { - document.querySelector(`${prefix}-tearsheet`)?.toggleAttribute('open'); -}; - -const widths = { - // 'default (narrow)': null, - [`Narrow (${TEARSHEET_WIDTH.NARROW})`]: TEARSHEET_WIDTH.NARROW, - [`Wide (${TEARSHEET_WIDTH.WIDE})`]: TEARSHEET_WIDTH.WIDE, -}; - -const influencerWidths = { - // 'default (narrow)': null, - [`Narrow (${TEARSHEET_INFLUENCER_WIDTH.NARROW})`]: - TEARSHEET_INFLUENCER_WIDTH.NARROW, - [`Wide (${TEARSHEET_INFLUENCER_WIDTH.WIDE})`]: - TEARSHEET_INFLUENCER_WIDTH.WIDE, -}; - -const influencerPlacements = { - // 'default (right)': null, - [`Left (${TEARSHEET_INFLUENCER_PLACEMENT.LEFT})`]: - TEARSHEET_INFLUENCER_PLACEMENT.LEFT, - [`right (${TEARSHEET_INFLUENCER_PLACEMENT.RIGHT})`]: - TEARSHEET_INFLUENCER_PLACEMENT.RIGHT, -}; - -const influencers = { - 'No influencer': 0, - 'Simple influencer': 1, - 'Progress influencer': 2, -}; - -const getInfluencer = (index) => { - switch (index) { - case 1: - return html`
- Influencer -
`; - case 2: - return html` - - - - - - `; - default: - return null; - } -}; - -const contents = { - Empty: 0, - 'Brief content': 1, - 'Longer content': 2, -}; - -const storyPrefix = 'tearsheet-stories'; - -const getContent = (index) => { - switch (index) { - case 1: - return html` - -
-
Section
- - -
- `; - case 2: - return html` -
-
Section
-
- - -
-
- - -
-
- - - -
-
`; - default: - return null; - } -}; - -const labels = { - 'No label': 0, - 'Shorter label': 1, - 'Longer label': 2, -}; - -const getLabel = (index) => { - switch (index) { - case 1: - return html`Optional label for context`; - case 2: - return html`A longer label giving a bit more context - `; - default: - return null; - } -}; - -const headerActions = { - 'No header actions': 0, - 'Drop down': 1, - Buttons: 2, -}; - -const getActionToolbarItems = (index) => { - switch (index) { - case 1: - return html` - ${['option 1', 'option 2', 'option 3', 'option 4'].map( - (option) => html` ${option}` - )} - `; - case 2: - return html` - - Secondary - - - Primary - - `; - default: - return null; - } -}; - -const actionItems = { - 'No actions': 0, - 'One button': 1, - 'Two buttons with ghost': 2, - 'Two buttons with danger': 3, - 'Three buttons with ghost': 4, - 'Three buttons with danger': 5, - 'Four buttons with ghost': 6, - 'Four buttons with danger': 7, - 'Too many buttons': 8, -}; - -const toActions = (kinds: BUTTON_KIND[]) => { - return kinds?.map((kind) => { - return html` - ${kind.charAt(0).toUpperCase() + kind.slice(1)} - `; - }); -}; - -// TODO: There are problems switching this -const getActionItems = (index) => { - switch (index) { - case 1: - return toActions([BUTTON_KIND.PRIMARY]); - case 2: - return toActions([BUTTON_KIND.GHOST, BUTTON_KIND.PRIMARY]); - case 3: - return toActions([BUTTON_KIND.DANGER, BUTTON_KIND.PRIMARY]); - case 4: - return toActions([ - BUTTON_KIND.GHOST, - BUTTON_KIND.SECONDARY, - BUTTON_KIND.PRIMARY, - ]); - case 5: - return toActions([ - BUTTON_KIND.DANGER, - BUTTON_KIND.SECONDARY, - BUTTON_KIND.PRIMARY, - ]); - case 6: - return toActions([ - BUTTON_KIND.GHOST, - BUTTON_KIND.TERTIARY, - BUTTON_KIND.SECONDARY, - BUTTON_KIND.PRIMARY, - ]); - case 7: - return toActions([ - BUTTON_KIND.DANGER, - BUTTON_KIND.TERTIARY, - BUTTON_KIND.SECONDARY, - BUTTON_KIND.PRIMARY, - ]); - case 8: - return toActions([ - BUTTON_KIND.GHOST, - BUTTON_KIND.DANGER, - BUTTON_KIND.TERTIARY, - BUTTON_KIND.SECONDARY, - BUTTON_KIND.PRIMARY, - ]); - default: - return null; - } -}; - -const navigation = { - 'No navigation': 0, - 'With navigation': 1, -}; - -const getNavigation = (index) => { - switch (index) { - case 1: - return html`
- - Tab 1 - Tab 2 - Tab 3 - Tab 4 - -
`; - default: - return null; - } -}; - -const slugs = { - 'No Slug': 0, - 'With Slug': 1, -}; - -const getSlug = (index) => { - switch (index) { - case 1: - return html` -
-

AI Explained

-

84%

-

Confidence score

-

- Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua. -

-
-

Model type

-

Foundation model

-
- `; - default: - return null; - } -}; export const Default = { - args: { - actionItems: getActionItems(4), - headerActions: getActionToolbarItems(0), - content: getContent(2), - label: getLabel(1), - open: false, - influencerWidth: TEARSHEET_INFLUENCER_WIDTH.NARROW, - influencerPlacement: TEARSHEET_INFLUENCER_PLACEMENT.LEFT, - influencer: getInfluencer(0), - preventCloseOnClickOutside: false, - selectorInitialFocus: '', - width: TEARSHEET_WIDTH.WIDE, - slug: getSlug(0), - description: 'Description used to describe the flow if need be.', - title: 'Title used to designate the overarching flow of the tearsheet.', - headerNavigation: getNavigation(0), - }, - argTypes: { - actionItems: { - control: 'select', - description: 'Slot (actions)', - options: actionItems, - }, - headerActions: { - control: 'select', - description: 'Slot (header-toolbar)', - options: headerActions, - }, - content: { - control: 'select', - description: 'Slot (default), panel contents', - options: contents, - }, - label: { - control: 'select', - description: 'label', - options: labels, - }, - open: { - control: 'boolean', - description: 'open', - }, - influencerWidth: { - control: 'select', - description: 'influencer-width', - options: influencerWidths, - }, - influencerPlacement: { - control: 'select', - description: 'influencer-placement', - options: influencerPlacements, - }, - influencer: { - control: 'select', - description: 'influencer (slot)', - options: influencers, - }, - preventCloseOnClickOutside: { - control: 'boolean', - description: 'prevent-close-on-click-outside', - }, - selectorInitialFocus: { - control: 'text', - description: 'selector-initial-focus', - }, - width: { - control: 'select', - description: 'width', - options: widths, - }, - slug: { - control: 'select', - description: 'slug (AI slug)', - options: slugs, - }, - description: { - control: 'text', - description: 'description', - }, - title: { - control: 'text', - description: 'title', - }, - headerNavigation: { - control: 'select', - description: 'header-navigation', - options: navigation, - }, - }, - render: (args) => { - return html` -
-
-
- Toggle tearsheet -
-
- - - ${args.content} - - - ${args.label} - - - ${args.title ? html`${args.title}` : ''} - - - ${args.description - ? html`${args.description}` - : ''} - - - ${args.headerActions} - - - ${args.actionItems} - - - ${args.slug} - - - ${args.headerNavigation} - - - ${args.influencer} - - `; - }, -}; - -export const WithNavigation = { - ...Default, - args: { - ...Default.args, - headerNavigation: getNavigation(1), - }, -}; - -export const WithInfluencer = { - ...Default, - args: { - ...Default.args, - influencer: getInfluencer(2), - }, -}; - -export const WithAllHeaderItemsAndInfluencer = { - ...Default, - args: { - ...Default.args, - headerActions: getActionToolbarItems(2), - influencer: getInfluencer(2), - }, -}; - -export const Narrow = { - ...Default, - args: { - ...Default.args, - label: getLabel(0), - width: TEARSHEET_WIDTH.NARROW, - }, -}; - -export const NarrowWithAllHeaderItems = { - ...Default, - args: { - ...Default.args, - width: TEARSHEET_WIDTH.NARROW, - }, -}; - -export const StackingTemplate = { - ...Default, - args: { - ...Default.args, - }, - render: (args) => { - const toggleButton = (index) => { - const tearsheet = document.querySelector(`[data-index="${index}"]`); - tearsheet?.toggleAttribute('open'); - }; - - return html` -
-
-
- - Toggle tearsheet one - Toggle tearsheet two - Toggle tearsheet three - -
-
- - - Toggle tearsheet two - ${args.content} - - - ${args.label} - - - ${args.title ? html`One ${args.title}` : ''} - - - ${args.description - ? html`${args.description}` - : ''} - - - ${args.headerActions} - - - ${args.actionItems} - - - ${args.slug} - - - ${args.headerNavigation} - - - ${args.influencer} - - - - Toggle tearsheet three - ${args.content} - - - ${args.label} - - - ${args.title ? html`Two ${args.title}` : ''} - - - ${args.description - ? html`${args.description}` - : ''} - - - ${args.headerActions} - - - ${args.actionItems} - - - ${args.slug} - - - ${args.headerNavigation} - - - ${args.influencer} - - - - ${args.content} - - - ${args.label} - - - ${args.title ? html`Three ${args.title}` : ''} - - - ${args.description - ? html`${args.description}` - : ''} - - - ${args.headerActions} - - - ${args.actionItems} - - - ${args.slug} - - - ${args.headerNavigation} - - - ${args.influencer} - - `; - }, + render: () => html` + This component has been deprecated in + @carbon/web-components and will instead be maintained in + @carbon/ibm-products-web-components. + `, }; const meta = { - title: 'Experimental/Tearsheet', + title: 'Deprecated/Tearsheet', + tags: ['!autodocs'], }; export default meta; diff --git a/packages/web-components/src/components/tearsheet/tearsheet.ts b/packages/web-components/src/components/tearsheet/tearsheet.ts index 9b38f8ef5c17..212b412558af 100644 --- a/packages/web-components/src/components/tearsheet/tearsheet.ts +++ b/packages/web-components/src/components/tearsheet/tearsheet.ts @@ -17,7 +17,6 @@ import { import { prefix } from '../../globals/settings'; import HostListener from '../../globals/decorators/host-listener'; import HostListenerMixin from '../../globals/mixins/host-listener'; -import styles from './tearsheet.scss?lit'; import { selectorTabbable } from '../../globals/settings'; import { carbonElement as customElement } from '../../globals/decorators/carbon-element'; import '../button/index'; @@ -85,6 +84,10 @@ function tryFocusElems(elems: NodeListOf, reverse: boolean) { /** * Tearsheet. * + * @deprecated Use Carbon for IBM Products `tearsheet` component. + * This component has been deprecated in `@carbon/web-components` and will instead be maintained + * in the Carbon for IBM Products library: + * https://github.com/carbon-design-system/ibm-products/tree/main/packages/ibm-products-web-components * @element cds-tearsheet * @csspart dialog The dialog. * @fires cds-tearsheet-beingclosed @@ -766,8 +769,6 @@ class CDSTearsheet extends HostListenerMixin(LitElement) { static get eventNavigateBack() { return `${prefix}-tearsheet-header-navigate-back`; } - - static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader } export default CDSTearsheet; diff --git a/yarn.lock b/yarn.lock index 5933000881d8..c3983619d99c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1855,21 +1855,6 @@ __metadata: languageName: unknown linkType: soft -"@carbon/ibm-products-styles@npm:^2.30.1": - version: 2.41.0 - resolution: "@carbon/ibm-products-styles@npm:2.41.0" - dependencies: - "@ibm/telemetry-js": "npm:^1.5.0" - peerDependencies: - "@carbon/grid": ^11.22.0 - "@carbon/layout": ^11.21.0 - "@carbon/motion": ^11.17.0 - "@carbon/themes": ^11.34.0 - "@carbon/type": ^11.26.0 - checksum: 10/655cdfe81e31ba949ae3c3eb6805a153382b0e404f978e2a07ebdc5e4756fdd8f9fff0da7a4fe8068ccbad09e961ee8d5b21acae556044e92fe3e1e4fd73576b - languageName: node - linkType: hard - "@carbon/icon-build-helpers@npm:^1.31.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers": version: 0.0.0-use.local resolution: "@carbon/icon-build-helpers@workspace:packages/icon-build-helpers" @@ -2319,7 +2304,6 @@ __metadata: version: 0.0.0-use.local resolution: "@carbon/web-components@workspace:packages/web-components" dependencies: - "@carbon/ibm-products-styles": "npm:^2.30.1" "@carbon/icon-helpers": "npm:10.47.0" "@carbon/icons": "npm:^11.51.0" "@carbon/layout": "npm:^11.27.0" @@ -2328,7 +2312,7 @@ __metadata: "@floating-ui/dom": "npm:^1.6.3" "@ibm/telemetry-js": "npm:^1.5.0" "@juggle/resize-observer": "npm:^3.4.0" - "@mordech/vite-lit-loader": "npm:^0.31.3" + "@mordech/vite-lit-loader": "npm:^0.36.0" "@rollup/plugin-alias": "npm:^5.1.0" "@rollup/plugin-commonjs": "npm:^26.0.0" "@rollup/plugin-node-resolve": "npm:^15.0.0" @@ -3949,13 +3933,13 @@ __metadata: languageName: node linkType: hard -"@mordech/vite-lit-loader@npm:^0.31.3": - version: 0.31.3 - resolution: "@mordech/vite-lit-loader@npm:0.31.3" +"@mordech/vite-lit-loader@npm:^0.36.0": + version: 0.36.0 + resolution: "@mordech/vite-lit-loader@npm:0.36.0" dependencies: cheerio: "npm:1.0.0-rc.12" - tslib: "npm:^2.3.0" - checksum: 10/a83c0b5e2252af9e179a5765fb553d9ea372634df17cc3c1668fa57c10933a8413f8c53d47830d7b6ab7fc17ebc403043c2c6db96994d395d7e767732f90ac9f + tslib: "npm:^2.6.2" + checksum: 10/79edf8ff9fb73aaee10a529849ba83981a34a30062d88bc5c14e4d844db776d9b055dec92c83d2074ab791c906df370b48be0807841c3eaf6501d47084979ada languageName: node linkType: hard