@genesislcap/rapid-design-system 14.465.0 → 14.466.1-alpha-73081f7.0

package/dist/custom-elements.json

@@ -751,27 +751,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/color.hex.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./color.hex"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/_config/configure.ts",
@@ -852,6 +831,27 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/color.hex.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./color.hex"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/accordion/accordion.styles.ts",

package/dist/dts/card/card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../src/card/card.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,eAAe,GAC1B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAcF,CAAC"}
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../src/card/card.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,eAAe,GAC1B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAkBF,CAAC"}

package/dist/dts/tab-panel/tab-panel.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-panel.styles.d.ts","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAQF,CAAC"}
+{"version":3,"file":"tab-panel.styles.d.ts","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAUF,CAAC"}

package/dist/dts/tabs/tabs.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAO,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAEnG,eAAO,MAAM,eAAe,GAC1B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA0FF,CAAC"}
+{"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAO,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAEnG,eAAO,MAAM,eAAe,GAC1B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAoGF,CAAC"}

package/dist/esm/card/card.styles.js

@@ -6,7 +6,11 @@ export const rapidCardStyles = (context, definition) => css `
   :host {
     background: var(--neutral-layer-card-container);
     color: ${neutralForegroundRest};
-    border: 1px solid var(--neutral-stroke-rest); /** uses a token instead of #2E3339 value available in ux docs */
+    border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1px));
+    border: var(
+      --card-border,
+      1px solid var(--neutral-stroke-rest)
+    ); /** uses a token instead of #2E3339 value available in ux docs */
 
     /* box-shadow and border-radius are being calculated at host
       level by using design-tokens */

package/dist/esm/tab-panel/tab-panel.styles.js

@@ -5,7 +5,9 @@ export const rapidTabPanelStyles = (context, definition) => css `
   :host {
     padding: 0;
     background-color: var(--neutral-layer-card-container);
-    border-radius: calc(var(--control-corner-radius) * 1.5px);
-    border: 1px solid var(--neutral-stroke-rest);
+    border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));
+    border-style: solid;
+    border-width: var(--tabs-border-width, 1px);
+    border-color: var(--tabs-border-color, var(--neutral-stroke-rest));
   }
 `;

package/dist/esm/tabs/tabs.styles.js

@@ -7,6 +7,12 @@ export const rapidTabsStyles = (context, definition) => css `
     border-radius: calc(var(--control-corner-radius) * 1px);
   }
 
+  :host(:not([appearance='secondary'])) {
+    background: var(--rapid-layout-item-background, var(--neutral-layer-3));
+    border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1px));
+    border: var(--card-border, 0);
+  }
+
   :host([appearance='secondary']) {
     background: transparent;
   }
@@ -14,10 +20,13 @@ export const rapidTabsStyles = (context, definition) => css `
   :host .tablist {
     padding: 0;
     display: grid;
-    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
     width: max-content;
-    margin-bottom: -2px;
-    margin-top: 1px;
+    margin-top: 0;
+  }
+
+  :host .tabpanel {
+    height: 100%;
+    min-height: 0;
   }
 
   :host([appearance='secondary']) .tablist {
@@ -40,16 +49,21 @@ export const rapidTabsStyles = (context, definition) => css `
   ::slotted([role='tab']) {
     border-radius: calc(var(--control-corner-radius) * 1.5px)
       calc(var(--control-corner-radius) * 1.5px) 0 0;
-    background: var(--neutral-layer-4);
+    background: var(--tab-rest-background-color, var(--neutral-layer-4));
     padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);
     margin-right: 2px;
     box-shadow: none;
     font-size: var(--type-ramp-minus-1-font-size);
+    border-style: solid;
+    border-width: var(--tab-rest-border-width, 1px);
+    border-color: var(--tab-rest-border-color, transparent);
   }
 
   ::slotted([role='tab'][aria-selected='true']:not([appearance='secondary'])) {
-    border: 1px solid var(--neutral-stroke-rest);
-    border-bottom: 0;
+    border-style: solid;
+    border-width: var(--tab-active-border-width, 1px 1px 0 1px);
+    border-color: var(--tab-active-border-color, var(--neutral-stroke-rest));
+    background: var(--tab-active-background-color, var(--neutral-layer-card-container));
   }
 
   ::slotted([role='tab'][aria-selected='true']) {
@@ -83,10 +97,6 @@ export const rapidTabsStyles = (context, definition) => css `
     background: none;
   }
 
-  :host([orientation='horizontal']) ::slotted([role='tabpanel'][slot='tabpanel']) {
-    padding: 0 calc((3 + (var(--design-unit) * 2 * var(--density))) * 1px);
-  }
-
   :host([appearance='secondary']) ::slotted([role='tabpanel']) {
     border: 0;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.465.0",
+  "version": "14.466.1-alpha-73081f7.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -35,17 +35,17 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.465.0",
-    "@genesislcap/rollup-builder": "14.465.0",
-    "@genesislcap/ts-builder": "14.465.0",
-    "@genesislcap/uvu-playwright-builder": "14.465.0",
-    "@genesislcap/vite-builder": "14.465.0",
-    "@genesislcap/webpack-builder": "14.465.0"
+    "@genesislcap/genx": "14.466.1-alpha-73081f7.0",
+    "@genesislcap/rollup-builder": "14.466.1-alpha-73081f7.0",
+    "@genesislcap/ts-builder": "14.466.1-alpha-73081f7.0",
+    "@genesislcap/uvu-playwright-builder": "14.466.1-alpha-73081f7.0",
+    "@genesislcap/vite-builder": "14.466.1-alpha-73081f7.0",
+    "@genesislcap/webpack-builder": "14.466.1-alpha-73081f7.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.465.0",
-    "@genesislcap/foundation-ui": "14.465.0",
-    "@genesislcap/foundation-utils": "14.465.0",
+    "@genesislcap/foundation-logger": "14.466.1-alpha-73081f7.0",
+    "@genesislcap/foundation-ui": "14.466.1-alpha-73081f7.0",
+    "@genesislcap/foundation-utils": "14.466.1-alpha-73081f7.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -73,5 +73,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "34632dbdf85431c85479746f775ce4f7597a8eab"
+  "gitHead": "890fd9ed0a0360ccc0ff5cfc390e0c39088b1136"
 }