@bcc-code/design-tokens 3.0.21 → 3.0.22

package/build/primevue/semantic-dark.js

@@ -12,7 +12,7 @@ export default {
       "size": "14px"
     },
     "card": {
-      "background": "{content.background}"
+      "background": "{color.elevation.surface.default}"
     },
     "sm": {
       "font": {
@@ -31,6 +31,11 @@ export default {
       }
     }
   },
+  "body": {
+    "sm": "400 0.75rem/16px Archivo",
+    "md": "400 0.875rem/20px Archivo",
+    "lg": "400 1rem/24px Archivo"
+  },
   "content": {
     "border": {
       "radius": "{border.radius.md}",
@@ -46,6 +51,13 @@ export default {
   "disabled": {
     "opacity": "0.6"
   },
+  "elevation": {
+    "shadow": {
+      "overlow": "0 0 8px 0 rgba(30,31,33,0.16), 0 0 1px 0 rgba(30,31,33,0.12)",
+      "overlay": "0 8px 12px 0 rgba(30,31,33,0.15), 0 0 1px 0 rgba(30,31,33,0.31)",
+      "raised": "0 1px 1px 0 rgba(30,31,33,0.25), 0 0 1px 0 rgba(30,31,33,0.31)"
+    }
+  },
   "focus": {
     "ring": {
       "width": "{border-width.1}",
@@ -150,6 +162,17 @@ export default {
       "color": "{surface.0}"
     }
   },
+  "heading": {
+    "xs": "700 0.75rem/14px Archivo",
+    "sm": "700 0.875rem/16px Archivo",
+    "md": "700 1rem/20px Archivo",
+    "lg": "700 1.25rem/24px Archivo",
+    "xl": "700 1.5rem/28px Archivo",
+    "2xl": "700 2em/32px Archivo",
+    "3xl": "700 2.25rem/40px Archivo",
+    "4xl": "700 3rem/56px Archivo",
+    "5xl": "700 3rem/64px Archivo"
+  },
   "highlight": {
     "background": "{primary.400}",
     "focus": {
@@ -328,7 +351,7 @@ export default {
     "950": "{zinc.950}"
   },
   "text": {
-    "color": "{surface.0}",
+    "color": "{color.text.default}",
     "hover": {
       "color": "{surface.0}",
       "muted": {

package/build/primevue/semantic-light.js

@@ -12,7 +12,7 @@ export default {
       "size": "14px"
     },
     "card": {
-      "background": "{content.background}"
+      "background": "{color.elevation.surface.default}"
     },
     "sm": {
       "font": {
@@ -31,6 +31,11 @@ export default {
       }
     }
   },
+  "body": {
+    "sm": "400 0.75rem/16px Archivo",
+    "md": "400 0.875rem/20px Archivo",
+    "lg": "400 1rem/24px Archivo"
+  },
   "content": {
     "border": {
       "radius": "{border.radius.md}",
@@ -46,6 +51,13 @@ export default {
   "disabled": {
     "opacity": "0.6"
   },
+  "elevation": {
+    "shadow": {
+      "overlow": "0 0 8px 0 rgba(30,31,33,0.16), 0 0 1px 0 rgba(30,31,33,0.12)",
+      "overlay": "0 8px 12px 0 rgba(30,31,33,0.15), 0 0 1px 0 rgba(30,31,33,0.31)",
+      "raised": "0 1px 1px 0 rgba(30,31,33,0.25), 0 0 1px 0 rgba(30,31,33,0.31)"
+    }
+  },
   "focus": {
     "ring": {
       "width": "{border-width.1}",
@@ -150,6 +162,17 @@ export default {
       "color": "{surface.700}"
     }
   },
+  "heading": {
+    "xs": "700 0.75rem/14px Archivo",
+    "sm": "700 0.875rem/16px Archivo",
+    "md": "700 1rem/20px Archivo",
+    "lg": "700 1.25rem/24px Archivo",
+    "xl": "700 1.5rem/28px Archivo",
+    "2xl": "700 2em/32px Archivo",
+    "3xl": "700 2.25rem/40px Archivo",
+    "4xl": "700 3rem/56px Archivo",
+    "5xl": "700 3rem/64px Archivo"
+  },
   "highlight": {
     "background": "{primary.50}",
     "focus": {
@@ -328,7 +351,7 @@ export default {
     "950": "{slate.950}"
   },
   "text": {
-    "color": "{surface.900}",
+    "color": "{color.text.default}",
     "hover": {
       "color": "{surface.800}",
       "muted": {

package/config/primevue-overrides.css

@@ -1,179 +1,179 @@
-/* primevue-overrides.css - CSS-level component overrides */
-@layer custom {
-  .p-accordionheader {
-    gap: var(--p-accordion-header-gap);
-  }
-
-  .p-autocomplete-input-multiple {
-    min-height: var(--p-autocomplete-input-multiple-min-height);
-    gap: var(--p-autocomplete-input-multiple-gap);
-  }
-
-  .p-badge-circle {
-    border-radius: var(--p-badge-circle-border-radius);
-  }
-
-  .p-button {
-    min-height: var(--p-button-min-height);
-  }
-
-  .p-button-sm {
-    min-height: var(--p-button-sm-min-height);
-  }
-
-  .p-button-lg {
-    min-height: var(--p-button-lg-min-height);
-  }
-
-  .p-button.p-button-icon-only {
-    min-width: var(--p-button-icon-only-width);
-  }
-
-  .p-button-sm.p-button-icon-only {
-    min-width: var(--p-button-sm-icon-only-width);
-  }
-
-  .p-button-lg.p-button-icon-only {
-    min-width: var(--p-button-lg-icon-only-width);
-  }
-
-  .p-chip {
-    border-radius: var(--p-chip-remove-icon-border-radius);
-  }
-
-  .p-divider {
-    gap: var(--p-divider-content-gap);
-  }
-
-  .p-inputgroupaddon {
-    min-height: var(--p-inputgroup-addon-min-height);
-  }
-
-  .p-inputtext {
-    min-height: var(--p-inputtext-min-height);
-  }
-
-  .p-inputtext-sm {
-    min-height: var(--p-inputtext-sm-min-height);
-  }
-
-  .p-inputtext-lg {
-    min-height: var(--p-inputtext-lg-min-height);
-  }
-
-  .p-message {
-    min-height: var(--p-message-content-min-height);
-  }
-
-  .p-message-sm {
-    min-height: var(--p-message-content-sm-min-height);
-  }
-
-  .p-message-lg {
-    min-height: var(--p-message-content-lg-min-height);
-  }
-
-  .p-multiselect {
-    min-height: var(--p-multiselect-min-height);
-  }
-
-  .p-multiselect-sm {
-    min-height: var(--p-multiselect-sm-min-height);
-  }
-
-  .p-multiselect-lg {
-    min-height: var(--p-multiselect-lg-min-height);
-  }
-
-  .p-multiselect-label-container {
-    display: flex;
-    align-items: center;
-  }
-
-  .p-radiobutton {
-    gap: var(--p-radiobutton-gap);
-    border-radius: var(--p-radiobutton-border-radius);
-  }
-
-  .p-radiobutton-icon {
-    border-radius: var(--p-radiobutton-icon-border-radius);
-  }
-
-  .p-radiobutton-icon-sm {
-    border-radius: var(--p-radiobutton-icon-sm-border-radius);
-  }
-
-  .p-radiobutton-icon-lg {
-    border-radius: var(--p-radiobutton-icon-lg-border-radius);
-  }
-
-  .p-select {
-    min-height: var(--p-select-min-height);
-  }
-
-  .p-select-sm {
-    min-height: var(--p-select-sm-min-height);
-  }
-
-  .p-select-lg {
-    min-height: var(--p-select-lg-min-height);
-  }
-
-  .p-select-label {
-    display: flex;
-    align-items: center;
-  }
-
-  .p-select-option {
-    gap: var(--p-select-option-gap);
-  }
-
-  .p-tag-sm {
-    font-size: var(--p-tag-sm-font-size);
-    padding: var(--p-tag-sm-padding);
-  }
-
-  .p-tag-lg {
-    font-size: var(--p-tag-lg-font-size);
-    padding: var(--p-tag-lg-padding);
-  }
-
-  .p-tag-sm .p-tag-icon {
-    font-size: var(--p-tag-sm-icon-size);
-  }
-
-  .p-tag-lg .p-tag-icon {
-    font-size: var(--p-tag-lg-icon-size);
-  }
-
-  .p-textarea {
-    min-height: var(--p-textarea-min-height);
-  }
-
-  .p-togglebutton {
-    min-height: var(--p-togglebutton-min-height);
-    line-height: var(--p-togglebutton-line-height);
-  }
-
-  .p-togglebutton .p-togglebutton-sm {
-    min-height: var(--p-togglebutton-sm-min-height);
-    border-radius: var(--p-togglebutton-sm-border-radius);
-  }
-
-  .p-togglebutton-lg {
-    min-height: var(--p-togglebutton-lg-min-height);
-  }
-
-  .p-togglebutton .p-togglebutton-content {
-    min-height: var(--p-togglebutton-content-min-height);
-  }
-
-  .p-togglebutton-sm .p-togglebutton-content {
-    min-height: var(--p-togglebutton-content-sm-min-height);
-    border-radius: var(--p-togglebutton-content-sm-border-radius);
-  }
-
-  .p-togglebutton-lg .p-togglebutton-content {
-    min-height: var(--p-togglebutton-content-lg-min-height);
-  }
-}
+/* primevue-overrides.css - CSS-level component overrides */
+@layer custom {
+  .p-accordionheader {
+    gap: var(--p-accordion-header-gap);
+  }
+
+  .p-autocomplete-input-multiple {
+    min-height: var(--p-autocomplete-input-multiple-min-height);
+    gap: var(--p-autocomplete-input-multiple-gap);
+  }
+
+  .p-badge-circle {
+    border-radius: var(--p-badge-circle-border-radius);
+  }
+
+  .p-button {
+    min-height: var(--p-button-min-height);
+  }
+
+  .p-button-sm {
+    min-height: var(--p-button-sm-min-height);
+  }
+
+  .p-button-lg {
+    min-height: var(--p-button-lg-min-height);
+  }
+
+  .p-button.p-button-icon-only {
+    min-width: var(--p-button-icon-only-width);
+  }
+
+  .p-button-sm.p-button-icon-only {
+    min-width: var(--p-button-sm-icon-only-width);
+  }
+
+  .p-button-lg.p-button-icon-only {
+    min-width: var(--p-button-lg-icon-only-width);
+  }
+
+  .p-chip {
+    border-radius: var(--p-chip-remove-icon-border-radius);
+  }
+
+  .p-divider {
+    gap: var(--p-divider-content-gap);
+  }
+
+  .p-inputgroupaddon {
+    min-height: var(--p-inputgroup-addon-min-height);
+  }
+
+  .p-inputtext {
+    min-height: var(--p-inputtext-min-height);
+  }
+
+  .p-inputtext-sm {
+    min-height: var(--p-inputtext-sm-min-height);
+  }
+
+  .p-inputtext-lg {
+    min-height: var(--p-inputtext-lg-min-height);
+  }
+
+  .p-message {
+    min-height: var(--p-message-content-min-height);
+  }
+
+  .p-message-sm {
+    min-height: var(--p-message-content-sm-min-height);
+  }
+
+  .p-message-lg {
+    min-height: var(--p-message-content-lg-min-height);
+  }
+
+  .p-multiselect {
+    min-height: var(--p-multiselect-min-height);
+  }
+
+  .p-multiselect-sm {
+    min-height: var(--p-multiselect-sm-min-height);
+  }
+
+  .p-multiselect-lg {
+    min-height: var(--p-multiselect-lg-min-height);
+  }
+
+  .p-multiselect-label-container {
+    display: flex;
+    align-items: center;
+  }
+
+  .p-radiobutton {
+    gap: var(--p-radiobutton-gap);
+    border-radius: var(--p-radiobutton-border-radius);
+  }
+
+  .p-radiobutton-icon {
+    border-radius: var(--p-radiobutton-icon-border-radius);
+  }
+
+  .p-radiobutton-icon-sm {
+    border-radius: var(--p-radiobutton-icon-sm-border-radius);
+  }
+
+  .p-radiobutton-icon-lg {
+    border-radius: var(--p-radiobutton-icon-lg-border-radius);
+  }
+
+  .p-select {
+    min-height: var(--p-select-min-height);
+  }
+
+  .p-select-sm {
+    min-height: var(--p-select-sm-min-height);
+  }
+
+  .p-select-lg {
+    min-height: var(--p-select-lg-min-height);
+  }
+
+  .p-select-label {
+    display: flex;
+    align-items: center;
+  }
+
+  .p-select-option {
+    gap: var(--p-select-option-gap);
+  }
+
+  .p-tag-sm {
+    font-size: var(--p-tag-sm-font-size);
+    padding: var(--p-tag-sm-padding);
+  }
+
+  .p-tag-lg {
+    font-size: var(--p-tag-lg-font-size);
+    padding: var(--p-tag-lg-padding);
+  }
+
+  .p-tag-sm .p-tag-icon {
+    font-size: var(--p-tag-sm-icon-size);
+  }
+
+  .p-tag-lg .p-tag-icon {
+    font-size: var(--p-tag-lg-icon-size);
+  }
+
+  .p-textarea {
+    min-height: var(--p-textarea-min-height);
+  }
+
+  .p-togglebutton {
+    min-height: var(--p-togglebutton-min-height);
+    line-height: var(--p-togglebutton-line-height);
+  }
+
+  .p-togglebutton .p-togglebutton-sm {
+    min-height: var(--p-togglebutton-sm-min-height);
+    border-radius: var(--p-togglebutton-sm-border-radius);
+  }
+
+  .p-togglebutton-lg {
+    min-height: var(--p-togglebutton-lg-min-height);
+  }
+
+  .p-togglebutton .p-togglebutton-content {
+    min-height: var(--p-togglebutton-content-min-height);
+  }
+
+  .p-togglebutton-sm .p-togglebutton-content {
+    min-height: var(--p-togglebutton-content-sm-min-height);
+    border-radius: var(--p-togglebutton-content-sm-border-radius);
+  }
+
+  .p-togglebutton-lg .p-togglebutton-content {
+    min-height: var(--p-togglebutton-content-lg-min-height);
+  }
+}