@zohodesk/dot 1.0.0-temp-38 → 1.0.0-temp-39

package/src/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css

@@ -1,100 +1,100 @@
-.varClass {
-  --commonalert_border_color: var(--zdt_commonalert_default_border);
-}
-.container {
-    composes: varClass;
-    min-height: var(--zd_size54);
-    position: relative;
-    background-color: var(--alert_lookup_bg_color);
-    border-style: solid;
-    border-color: var(--commonalert_border_color);
-    border-width: 2px 0 0 0;
-    color: var(--zdt_desktopnotification_text);
-  }
-  
-  .title {
-    margin: 0 var(--zd_size5) 0 var(--zd_size10);
-    font-size: var(--zd_font_size18);
-    line-height: var(--zd_size22);
-    font-family: var(--zd_bold);
-    composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  }
-
-  .infoText {
-    font-size: var(--zd_font_size14);
-    max-width: 100%;
-    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  }
-
-  /* Palette */
-
-  .success {
-    --commonalert_border_color: var(--zdt_commonalert_success_border);
-  }
-  
-  .info,.notification,.alarm {
-    --commonalert_border_color: var(--zdt_commonalert_info_border);
-  }
-  
-  .danger {
-    --commonalert_border_color: var(--zdt_commonalert_danger_border);
-  }
-  
-  .error {
-    --commonalert_border_color: var(--zdt_commonalert_error_border);
-  }
-  
-  .warning {
-    --commonalert_border_color: var(--zdt_commonalert_warning_border);
-  }
-
-
-/* Primary Header */
-.primary {
-    padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
-}
-
-.primary .iconContainer {
-  height: var(--zd_size51);
-  width: var(--zd_size51);
-}
-
-.primary .infoText {
-    line-height: var(--zd_size18);
-  }
-  
-  .primary .close {
-    position: absolute;
-    top: var(--zd_size12);
-    right: var(--zd_size12);
-  }
-
-  /* Secondary Header */
-  .secondary {
-    padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
-    border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  }
-
-  .secondary .infoText {
-    line-height: var(--zd_size20);
-  }
-
-  .secondary .iconContainer {
-    height: var(--zd_size44);
-    width: var(--zd_size44);
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: var(--zd_size18);
-    margin: auto 0;
-  }
-
-  .secondary .close {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: var(--zd_size12);
-    margin: auto 0 auto var(--zd_size25);
-    height: var(--zd_size25);
+.varClass {
+  --commonalert_border_color: var(--zdt_commonalert_default_border);
+}
+.container {
+    composes: varClass;
+    min-height: var(--zd_size54);
+    position: relative;
+    background-color: var(--alert_lookup_bg_color);
+    border-style: solid;
+    border-color: var(--commonalert_border_color);
+    border-width: 2px 0 0 0;
+    color: var(--zdt_desktopnotification_text);
+  }
+  
+  .title {
+    margin: 0 var(--zd_size5) 0 var(--zd_size10);
+    font-size: var(--zd_font_size18);
+    line-height: var(--zd_size22);
+    font-family: var(--zd_bold);
+    composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  }
+
+  .infoText {
+    font-size: var(--zd_font_size14);
+    max-width: 100%;
+    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  }
+
+  /* Palette */
+
+  .success {
+    --commonalert_border_color: var(--zdt_commonalert_success_border);
+  }
+  
+  .info,.notification,.alarm {
+    --commonalert_border_color: var(--zdt_commonalert_info_border);
+  }
+  
+  .danger {
+    --commonalert_border_color: var(--zdt_commonalert_danger_border);
+  }
+  
+  .error {
+    --commonalert_border_color: var(--zdt_commonalert_error_border);
+  }
+  
+  .warning {
+    --commonalert_border_color: var(--zdt_commonalert_warning_border);
+  }
+
+
+/* Primary Header */
+.primary {
+    padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
+}
+
+.primary .iconContainer {
+  height: var(--zd_size51);
+  width: var(--zd_size51);
+}
+
+.primary .infoText {
+    line-height: var(--zd_size18);
+  }
+  
+  .primary .close {
+    position: absolute;
+    top: var(--zd_size12);
+    right: var(--zd_size12);
+  }
+
+  /* Secondary Header */
+  .secondary {
+    padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
+    border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  }
+
+  .secondary .infoText {
+    line-height: var(--zd_size20);
+  }
+
+  .secondary .iconContainer {
+    height: var(--zd_size44);
+    width: var(--zd_size44);
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: var(--zd_size18);
+    margin: auto 0;
+  }
+
+  .secondary .close {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: var(--zd_size12);
+    margin: auto 0 auto var(--zd_size25);
+    height: var(--zd_size25);
   }

package/src/version2/notification/DesktopNotificationHeader/docs/DesktopNotificationHeader__default.docs.js

@@ -1,51 +1,51 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import DesktopNotificationHeader from '../DesktopNotificationHeader';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-export default class DesktopNotificationHeader__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return (
-      <div className={style.m50}>
-        <div style={{ width: '452px', marginBottom: '20px' }}>
-          <DesktopNotificationHeader
-            type='success'
-            title='Updated Successfully'
-          />
-        </div>
-        <div style={{ width: '452px', marginBottom: '20px' }}>
-          <DesktopNotificationHeader
-            type='notification'
-            title='Desktop Notification'
-          />
-        </div>
-        <div style={{ width: '452px', marginBottom: '20px' }}>
-          <DesktopNotificationHeader
-            type='danger'
-            title='Authorization Pending'
-          />
-        </div>
-        <div style={{ width: '452px', marginBottom: '20px' }}>
-          <DesktopNotificationHeader
-            type='success'
-            title='You have started following this Ticket'
-            variant='secondary'
-          />
-        </div>
-      </div>
-    );
-  }
-}
-
-DesktopNotificationHeader__default.propTypes = {};
-if (__DOCS__) {
-  DesktopNotificationHeader__default.docs = {
-    componentGroup: 'DesktopNotificationHeader',
-    folderName: 'Alert'
-  };
-}
-
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import DesktopNotificationHeader from '../DesktopNotificationHeader';
+import style from '@zohodesk/components/lib/common/docStyle.module.css';
+
+export default class DesktopNotificationHeader__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div className={style.m50}>
+        <div style={{ width: '452px', marginBottom: '20px' }}>
+          <DesktopNotificationHeader
+            type='success'
+            title='Updated Successfully'
+          />
+        </div>
+        <div style={{ width: '452px', marginBottom: '20px' }}>
+          <DesktopNotificationHeader
+            type='notification'
+            title='Desktop Notification'
+          />
+        </div>
+        <div style={{ width: '452px', marginBottom: '20px' }}>
+          <DesktopNotificationHeader
+            type='danger'
+            title='Authorization Pending'
+          />
+        </div>
+        <div style={{ width: '452px', marginBottom: '20px' }}>
+          <DesktopNotificationHeader
+            type='success'
+            title='You have started following this Ticket'
+            variant='secondary'
+          />
+        </div>
+      </div>
+    );
+  }
+}
+
+DesktopNotificationHeader__default.propTypes = {};
+if (__DOCS__) {
+  DesktopNotificationHeader__default.docs = {
+    componentGroup: 'DesktopNotificationHeader',
+    folderName: 'Alert'
+  };
+}
+