Merge branch 'release/0.13.5'

coggen · Jul 26, 2024 · 7e56fc5 · 7e56fc5
2 parents a82ed59 + d596e82
commit 7e56fc5
Show file tree

Hide file tree

Showing 25 changed files with 2,154 additions and 517 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "@sharpen-com/kezuri",
   "description": "The Sharpen Design System",
   "license": "MIT",
-  "version": "0.13.4",
+  "version": "0.13.5",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "es2015": "dist/esm/index.mjs",

diff --git a/src/components/sharpen-alert/sharpen-alert.scss b/src/components/sharpen-alert/sharpen-alert.scss
@@ -5,9 +5,26 @@ sharpen-alert {
   display: flex;
   margin-bottom: var(--spacing-md);
 
-  &[type="success"] { background-color: var(--color-light-green); }
-  &[type="warning"] { background-color: var(--color-light-orange); }
-  &[type="danger"]  { background-color: var(--color-light-red); }
+  &[type="success"] {
+    background-color: var(--color-light-green);
+    a { color: var(--color-dark-green); }
+  }
+
+  &[type="warning"] {
+    background-color: var(--color-light-orange);
+    a { color: var(--color-dark-orange); }
+  }
+
+  &[type="danger"]  {
+    background-color: var(--color-light-red);
+    a { color: var(--color-dark-red); }
+  }
+
+  &[type="info"]    {
+    background-color: var(--color-gray-4);
+    a { color: var(--color-gray-1); }
+  }
+
 
   .sharpen-alert--icon {
     padding-right: var(--spacing-md);

diff --git a/src/index.html b/src/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
-    <title>prototypes.sharpen.com</title>
+    <title>Sharpen User Experience Prototypes Library</title>
     <link rel="stylesheet" href="build/kezuri.css" />
     <script type="module" src="build/kezuri.esm.js"></script>
     <script nomodule src="build/kezuri.js"></script>
@@ -23,7 +23,7 @@
 
     <div class="container">
 
-      <h1 class="sharpen-heading-2xl">prototypes.sharpen.com</h1>
+      <h1 class="sharpen-heading-2xl">Sharpen User Experience Prototypes Library</h1>
 
       <table class="sharpen-table">
         <thead>

diff --git a/src/index.ts b/src/index.ts
@@ -24,4 +24,4 @@ export * from './components/sharpen-simple-navigation/sharpen-simple-navigation'
 export * from './components/sharpen-story-header/sharpen-story-header'
 export * from './components/sharpen-story-page/sharpen-story-page'
 export * from './components/sharpen-waiting-bar/sharpen-waiting-bar'
-export * from './components/sharpen-wizard-header/sharpen-wizard-header'
+export * from './components/sharpen-wizard-header/sharpen-wizard-header'
diff --git a/src/prototypes/enterprise-layout/enterprise-layout.css b/src/prototypes/enterprise-layout/enterprise-layout.css
@@ -72,4 +72,50 @@ html, body, .sharpen-enterprise-container {
 
 .sharpen-button-bar form {
   flex: 1;
+}
+
+
+
+
+
+/*
+** TABS
+*/
+
+.sharpen-tabs {
+  list-style-type: none;
+  display: flex;
+  gap: var(--spacing-xs);
+  border-bottom: 1px solid var(--color-gray-2);
+  margin-bottom: var(--spacing-md);
+}
+
+.sharpen-tabs .tab {
+  border: 1px solid var(--color-gray-3);
+  border-bottom: transparent;
+  border-top-left-radius: var(--border-radius-sm);
+  border-top-right-radius: var(--border-radius-sm);
+  margin-bottom: -1px;
+}
+
+.sharpen-tabs .tab.selected {
+  border: 1px solid var(--color-gray-2);
+  border-bottom-color: white;
+}
+
+.sharpen-tabs .tab.selected > a {
+  color: #333;
+  font-weight: 600;
+}
+
+.sharpen-tabs .tab > a {
+  display: block;
+  padding: var(--spacing-sm) var(--spacing-md);
+  text-decoration: none;
+}
+
+.sharpen-tabs .tab > a .sharpen-icon {
+  vertical-align: -6px;
+  margin-right: 0.25em;
+  margin-left: -3px;
 }