@carbon/web-components 2.58.0 → 2.59.0-rc.0

package/es-custom/components/notification/inline-notification.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-notification.scss.js","names":[],"sources":["../../../src/components/notification/inline-notification.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/colors' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities/focus-outline' as *;\n@use '@carbon/styles/scss/components/notification/index' as *;\n@use '@carbon/styles/scss/components/button';\n@use '@carbon/styles/scss/layout' as *;\n\n// https://github.com/carbon-design-system/carbon/issues/11408\n@include inline-notification;\n\n:host(#{$prefix}-inline-notification) {\n  @include inline-notification-base;\n  @include emit-layout-tokens();\n\n  display: none;\n  outline: none;\n\n  .#{$prefix}--inline-notification__close-button:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--inline-notification__title {\n    margin-block: 0;\n  }\n}\n\n:host(#{$prefix}-inline-notification[low-contrast]) {\n  @include inline-notification-low-contrast-base;\n}\n\n// :host(#{$prefix}-inline-notification[low-contrast])::before {\n//   @include inline-notification-low-contrast-before;\n// }\n\n:host(#{$prefix}-inline-notification[open]) {\n  display: flex;\n}\n\n:host(#{$prefix}-inline-notification[hide-close-button])\n  .#{$prefix}--inline-notification__close-button {\n  display: none;\n}\n\n:host(#{$prefix}-inline-notification[kind='success']) {\n  @include inline-notification-success-base;\n}\n\n:host(#{$prefix}-inline-notification[kind='success'][low-contrast]) {\n  @include inline-notification-low-contrast-success;\n}\n\n:host(#{$prefix}-inline-notification[kind='info']) {\n  @include inline-notification-info-base;\n}\n\n:host(#{$prefix}-inline-notification[kind='info-square']) {\n  @include inline-notification-info-base;\n}\n\n:host(#{$prefix}-inline-notification[kind='info'][low-contrast]),\n:host(#{$prefix}-inline-notification[kind='info-square'][low-contrast]) {\n  @include inline-notification-low-contrast-info;\n}\n\n:host(#{$prefix}-inline-notification[kind='warning']) {\n  @include inline-notification-warning-base;\n}\n\n:host(#{$prefix}-inline-notification[kind='warning-alt']) {\n  @include inline-notification-warning-base;\n\n  /* TODO: Remove this once the following issue with icon fill is resolved:\n  ** https://github.com/carbon-design-system/carbon/issues/13616\n  */\n  .#{$prefix}--inline-notification__icon path[data-icon-path='inner-path'] {\n    fill: $black-100;\n  }\n}\n\n:host(#{$prefix}-inline-notification[kind='warning'][low-contrast]),\n:host(#{$prefix}-inline-notification[kind='warning-alt'][low-contrast]) {\n  @include inline-notification-low-contrast-warning;\n}\n\n:host(#{$prefix}-inline-notification[kind='error']) {\n  @include inline-notification-error-base;\n}\n\n:host(#{$prefix}-inline-notification[kind='error'][low-contrast]) {\n  @include inline-notification-low-contrast-error;\n}\n"],"mappings":""}
+{"version":3,"file":"inline-notification.scss.js","names":[],"sources":["../../../src/components/notification/inline-notification.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/colors' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities/focus-outline' as *;\n@use '@carbon/styles/scss/components/notification/index' as *;\n@use '@carbon/styles/scss/components/button';\n@use '@carbon/styles/scss/utilities/layout' as *;\n\n// https://github.com/carbon-design-system/carbon/issues/11408\n@include inline-notification;\n\n:host(#{$prefix}-inline-notification) {\n  @include inline-notification-base;\n  @include emit-layout-tokens();\n\n  display: none;\n  outline: none;\n\n  .#{$prefix}--inline-notification__close-button:focus {\n    @include focus-outline('outline');\n  }\n\n  .#{$prefix}--inline-notification__title {\n    margin-block: 0;\n  }\n}\n\n:host(#{$prefix}-inline-notification[low-contrast]) {\n  @include inline-notification-low-contrast-base;\n}\n\n// :host(#{$prefix}-inline-notification[low-contrast])::before {\n//   @include inline-notification-low-contrast-before;\n// }\n\n:host(#{$prefix}-inline-notification[open]) {\n  display: flex;\n}\n\n:host(#{$prefix}-inline-notification[hide-close-button])\n  .#{$prefix}--inline-notification__close-button {\n  display: none;\n}\n\n:host(#{$prefix}-inline-notification[kind='success']) {\n  @include inline-notification-success-base;\n}\n\n:host(#{$prefix}-inline-notification[kind='success'][low-contrast]) {\n  @include inline-notification-low-contrast-success;\n}\n\n:host(#{$prefix}-inline-notification[kind='info']) {\n  @include inline-notification-info-base;\n}\n\n:host(#{$prefix}-inline-notification[kind='info-square']) {\n  @include inline-notification-info-base;\n}\n\n:host(#{$prefix}-inline-notification[kind='info'][low-contrast]),\n:host(#{$prefix}-inline-notification[kind='info-square'][low-contrast]) {\n  @include inline-notification-low-contrast-info;\n}\n\n:host(#{$prefix}-inline-notification[kind='warning']) {\n  @include inline-notification-warning-base;\n}\n\n:host(#{$prefix}-inline-notification[kind='warning-alt']) {\n  @include inline-notification-warning-base;\n\n  /* TODO: Remove this once the following issue with icon fill is resolved:\n  ** https://github.com/carbon-design-system/carbon/issues/13616\n  */\n  .#{$prefix}--inline-notification__icon path[data-icon-path='inner-path'] {\n    fill: $black-100;\n  }\n}\n\n:host(#{$prefix}-inline-notification[kind='warning'][low-contrast]),\n:host(#{$prefix}-inline-notification[kind='warning-alt'][low-contrast]) {\n  @include inline-notification-low-contrast-warning;\n}\n\n:host(#{$prefix}-inline-notification[kind='error']) {\n  @include inline-notification-error-base;\n}\n\n:host(#{$prefix}-inline-notification[kind='error'][low-contrast]) {\n  @include inline-notification-low-contrast-error;\n}\n"],"mappings":""}