@volvo-cars/css 1.15.2 → 1.16.0

package/dist/meta.json

@@ -266,6 +266,7 @@
     "flex-shrink-0",
     "flex-wrap",
     "flow-root",
+    "focus:border-accent-blue",
     "font-14",
     "font-16",
     "font-20",
@@ -3295,6 +3296,7 @@
         "checked",
         "current",
         "expanded",
+        "focus",
         "link-current",
         "radio-checked",
         "selected",
@@ -7962,10 +7964,7 @@
     {
       "name": "scrollbar-none",
       "prefixes": [],
-      "declarations": [
-        "-ms-overflow-style: none",
-        "scrollbar-width: none"
-      ],
+      "declarations": [],
       "layer": "volvo.utilities"
     },
     {
@@ -8221,8 +8220,8 @@
       "name": "translate-x-0",
       "prefixes": [],
       "declarations": [
-        "--translate-x: 0",
-        "--translate-y: 0",
+        "--translate-x: 0px",
+        "--translate-y: 0px",
         "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)"
       ],
       "layer": "volvo.utilities"
@@ -8231,8 +8230,8 @@
       "name": "translate-y-0",
       "prefixes": [],
       "declarations": [
-        "--translate-x: 0",
-        "--translate-y: 0",
+        "--translate-x: 0px",
+        "--translate-y: 0px",
         "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)"
       ],
       "layer": "volvo.utilities"
@@ -8241,8 +8240,8 @@
       "name": "translate-x-1/2",
       "prefixes": [],
       "declarations": [
-        "--translate-x: 0",
-        "--translate-y: 0",
+        "--translate-x: 0px",
+        "--translate-y: 0px",
         "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 50%"
       ],
@@ -8252,8 +8251,8 @@
       "name": "translate-y-1/2",
       "prefixes": [],
       "declarations": [
-        "--translate-x: 0",
-        "--translate-y: 0",
+        "--translate-x: 0px",
+        "--translate-y: 0px",
         "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-y: 50%"
       ],
@@ -8263,8 +8262,8 @@
       "name": "-translate-x-1/2",
       "prefixes": [],
       "declarations": [
-        "--translate-x: 0",
-        "--translate-y: 0",
+        "--translate-x: 0px",
+        "--translate-y: 0px",
         "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: -50%"
       ],
@@ -8274,8 +8273,8 @@
       "name": "-translate-y-1/2",
       "prefixes": [],
       "declarations": [
-        "--translate-x: 0",
-        "--translate-y: 0",
+        "--translate-x: 0px",
+        "--translate-y: 0px",
         "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-y: -50%"
       ],
@@ -8285,8 +8284,8 @@
       "name": "translate-x-full",
       "prefixes": [],
       "declarations": [
-        "--translate-x: 0",
-        "--translate-y: 0",
+        "--translate-x: 0px",
+        "--translate-y: 0px",
         "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: 100%"
       ],
@@ -8296,8 +8295,8 @@
       "name": "translate-y-full",
       "prefixes": [],
       "declarations": [
-        "--translate-x: 0",
-        "--translate-y: 0",
+        "--translate-x: 0px",
+        "--translate-y: 0px",
         "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-y: 100%"
       ],
@@ -8307,8 +8306,8 @@
       "name": "-translate-x-full",
       "prefixes": [],
       "declarations": [
-        "--translate-x: 0",
-        "--translate-y: 0",
+        "--translate-x: 0px",
+        "--translate-y: 0px",
         "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-x: -100%"
       ],
@@ -8318,8 +8317,8 @@
       "name": "-translate-y-full",
       "prefixes": [],
       "declarations": [
-        "--translate-x: 0",
-        "--translate-y: 0",
+        "--translate-x: 0px",
+        "--translate-y: 0px",
         "translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)",
         "--translate-y: -100%"
       ],
@@ -9649,6 +9648,270 @@
         "rgb(255 255 255 / 12%)"
       ]
     },
+    {
+      "css": "--v-color-state-accent-blue-medium",
+      "type": "color",
+      "property": "state",
+      "scale": "medium",
+      "variant": "blue",
+      "category": "accent",
+      "meta": {
+        "description": "Use for state layers with foreground/accent/blue."
+      },
+      "value": [
+        "rgb(42 96 157 / 12%)",
+        "rgb(35 135 235 / 16%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-accent-blue-strong",
+      "type": "color",
+      "property": "state",
+      "scale": "strong",
+      "variant": "blue",
+      "category": "accent",
+      "meta": {
+        "description": "Use for state layers with foreground/accent/blue."
+      },
+      "value": [
+        "rgb(42 96 157 / 20%)",
+        "rgb(35 135 235 / 24%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-accent-blue-subtle",
+      "type": "color",
+      "property": "state",
+      "scale": "subtle",
+      "variant": "blue",
+      "category": "accent",
+      "meta": {
+        "description": "Use for state layers with foreground/accent/blue."
+      },
+      "value": [
+        "rgb(42 96 157 / 4%)",
+        "rgb(35 135 235 / 8%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-always-black-medium",
+      "type": "color",
+      "property": "state",
+      "scale": "medium",
+      "variant": "black",
+      "category": "always",
+      "meta": {
+        "description": "Use for state layers with an always/black foreground color."
+      },
+      "value": [
+        "rgb(0 0 0 / 12%)",
+        "rgb(0 0 0 / 16%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-always-black-strong",
+      "type": "color",
+      "property": "state",
+      "scale": "strong",
+      "variant": "black",
+      "category": "always",
+      "meta": {
+        "description": "Use for state layers with an always/black foreground color."
+      },
+      "value": [
+        "rgb(0 0 0 / 20%)",
+        "rgb(0 0 0 / 24%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-always-black-subtle",
+      "type": "color",
+      "property": "state",
+      "scale": "subtle",
+      "variant": "black",
+      "category": "always",
+      "meta": {
+        "description": "Use for state layers with an always/black foreground color."
+      },
+      "value": [
+        "rgb(0 0 0 / 4%)",
+        "rgb(0 0 0 / 8%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-always-white-medium",
+      "type": "color",
+      "property": "state",
+      "scale": "medium",
+      "variant": "white",
+      "category": "always",
+      "meta": {
+        "description": "Use for state layers with an always/white foreground color."
+      },
+      "value": [
+        "rgb(255 255 255 / 12%)",
+        "rgb(255 255 255 / 16%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-always-white-strong",
+      "type": "color",
+      "property": "state",
+      "scale": "strong",
+      "variant": "white",
+      "category": "always",
+      "meta": {
+        "description": "Use for state layers with an always/white foreground color."
+      },
+      "value": [
+        "rgb(255 255 255 / 20%)",
+        "rgb(255 255 255 / 24%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-always-white-subtle",
+      "type": "color",
+      "property": "state",
+      "scale": "subtle",
+      "variant": "white",
+      "category": "always",
+      "meta": {
+        "description": "Use for state layers with an always/white foreground color."
+      },
+      "value": [
+        "rgb(255 255 255 / 4%)",
+        "rgb(255 255 255 / 8%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-feedback-red-medium",
+      "type": "color",
+      "property": "state",
+      "scale": "medium",
+      "variant": "red",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for state layers with foreground/feedback/red."
+      },
+      "value": [
+        "rgb(191 32 18 / 12%)",
+        "rgb(255 51 32 / 16%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-feedback-red-strong",
+      "type": "color",
+      "property": "state",
+      "scale": "strong",
+      "variant": "red",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for state layers with foreground/feedback/red."
+      },
+      "value": [
+        "rgb(191 32 18 / 20%)",
+        "rgb(255 51 32 / 24%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-feedback-red-subtle",
+      "type": "color",
+      "property": "state",
+      "scale": "subtle",
+      "variant": "red",
+      "category": "feedback",
+      "meta": {
+        "description": "Use for state layers with foreground/feedback/red."
+      },
+      "value": [
+        "rgb(191 32 18 / 4%)",
+        "rgb(255 51 32 / 8%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-inverted-medium",
+      "type": "color",
+      "property": "state",
+      "scale": "medium",
+      "variant": "inverted",
+      "meta": {
+        "description": "Use for state layers with foreground/inverted."
+      },
+      "value": [
+        "rgb(255 255 255 / 12%)",
+        "rgb(0 0 0 / 16%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-inverted-strong",
+      "type": "color",
+      "property": "state",
+      "scale": "strong",
+      "variant": "inverted",
+      "meta": {
+        "description": "Use for state layers with foreground/inverted."
+      },
+      "value": [
+        "rgb(255 255 255 / 20%)",
+        "rgb(0 0 0 / 24%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-inverted-subtle",
+      "type": "color",
+      "property": "state",
+      "scale": "subtle",
+      "variant": "inverted",
+      "meta": {
+        "description": "Use for state layers with foreground/inverted."
+      },
+      "value": [
+        "rgb(255 255 255 / 4%)",
+        "rgb(0 0 0 / 8%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-primary-medium",
+      "type": "color",
+      "property": "state",
+      "scale": "medium",
+      "variant": "primary",
+      "meta": {
+        "description": "Use for state layers with foreground/primary."
+      },
+      "value": [
+        "rgb(0 0 0 / 12%)",
+        "rgb(255 255 255 / 16%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-primary-strong",
+      "type": "color",
+      "property": "state",
+      "scale": "strong",
+      "variant": "primary",
+      "meta": {
+        "description": "Use for state layers with foreground/primary."
+      },
+      "value": [
+        "rgb(0 0 0 / 20%)",
+        "rgb(255 255 255 / 24%)"
+      ]
+    },
+    {
+      "css": "--v-color-state-primary-subtle",
+      "type": "color",
+      "property": "state",
+      "scale": "subtle",
+      "variant": "primary",
+      "meta": {
+        "description": "Use for state layers with foreground/primary."
+      },
+      "value": [
+        "rgb(0 0 0 / 4%)",
+        "rgb(255 255 255 / 8%)"
+      ]
+    },
     {
       "css": "--v-color-surface-accent-blue",
       "type": "color",

package/dist/meta.json.cjs

@@ -1,2 +1,2 @@
-var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var l=(r,e)=>{for(var t in e)i(r,t,{get:e[t],enumerable:!0})},c=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of o(e))!g.call(r,s)&&s!==t&&i(r,s,{get:()=>e[s],enumerable:!(n=a(e,s))||n.enumerable});return r};var d=r=>c(i({},"__esModule",{value:!0}),r);var y={};l(y,{default:()=>p});module.exports=d(y);var p=meta;
+var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var l=(r,e)=>{for(var t in e)i(r,t,{get:e[t],enumerable:!0})},c=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of g(e))!o.call(r,s)&&s!==t&&i(r,s,{get:()=>e[s],enumerable:!(n=a(e,s))||n.enumerable});return r};var d=r=>c(i({},"__esModule",{value:!0}),r);var y={};l(y,{default:()=>p});module.exports=d(y);var p=meta;
 //# sourceMappingURL=meta.json.cjs.map

package/dist/meta.json.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/meta.json.ts"],"sourcesContent":["export type Library = 'edls';\n\nexport interface DesignToken {\n  css: string;\n  type: 'font' | 'color' | 'index' | 'radius' | 'size' | 'space' | 'transition';\n  category?: string;\n  variant?: string;\n  property?: string;\n  modifier?: string;\n  meta: Record<string, string | boolean | undefined>;\n  value?: string | string[];\n  library?: Library;\n}\n\nexport interface ClassMeta {\n  name: string;\n  declarations: string[];\n  prefixes: string[];\n  layer: string;\n  library?: Library;\n}\n\ndeclare const meta: {\n  classNames: string[];\n  classes: ClassMeta[];\n  tokens: DesignToken[];\n  customMedia: {\n    name: string;\n    value: string;\n  }[];\n};\n\nexport default meta;\n"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgCA,IAAOE,EAAQ","names":["meta_json_exports","__export","meta_json_default","__toCommonJS"]}
+{"version":3,"sources":["../src/meta.json.ts"],"sourcesContent":["export type Library = 'edls';\n\nexport interface DesignToken {\n  css: string;\n  type: 'font' | 'color' | 'index' | 'radius' | 'size' | 'space' | 'transition';\n  category?: string;\n  variant?: string;\n  scale?: string;\n  property?: string;\n  modifier?: string;\n  meta: Record<string, string | boolean | undefined>;\n  value?: string | string[];\n  library?: Library;\n}\n\nexport interface ClassMeta {\n  name: string;\n  declarations: string[];\n  prefixes: string[];\n  layer: string;\n  library?: Library;\n}\n\ndeclare const meta: {\n  classNames: string[];\n  classes: ClassMeta[];\n  tokens: DesignToken[];\n  customMedia: {\n    name: string;\n    value: string;\n  }[];\n};\n\nexport default meta;\n"],"mappings":"4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAiCA,IAAOE,EAAQ","names":["meta_json_exports","__export","meta_json_default","__toCommonJS"]}

package/dist/meta.json.d.ts

@@ -4,6 +4,7 @@ interface DesignToken {
     type: 'font' | 'color' | 'index' | 'radius' | 'size' | 'space' | 'transition';
     category?: string;
     variant?: string;
+    scale?: string;
     property?: string;
     modifier?: string;
     meta: Record<string, string | boolean | undefined>;

package/dist/meta.json.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/meta.json.ts"],"sourcesContent":["export type Library = 'edls';\n\nexport interface DesignToken {\n  css: string;\n  type: 'font' | 'color' | 'index' | 'radius' | 'size' | 'space' | 'transition';\n  category?: string;\n  variant?: string;\n  property?: string;\n  modifier?: string;\n  meta: Record<string, string | boolean | undefined>;\n  value?: string | string[];\n  library?: Library;\n}\n\nexport interface ClassMeta {\n  name: string;\n  declarations: string[];\n  prefixes: string[];\n  layer: string;\n  library?: Library;\n}\n\ndeclare const meta: {\n  classNames: string[];\n  classes: ClassMeta[];\n  tokens: DesignToken[];\n  customMedia: {\n    name: string;\n    value: string;\n  }[];\n};\n\nexport default meta;\n"],"mappings":"AAgCA,IAAOA,EAAQ","names":["meta_json_default"]}
+{"version":3,"sources":["../src/meta.json.ts"],"sourcesContent":["export type Library = 'edls';\n\nexport interface DesignToken {\n  css: string;\n  type: 'font' | 'color' | 'index' | 'radius' | 'size' | 'space' | 'transition';\n  category?: string;\n  variant?: string;\n  scale?: string;\n  property?: string;\n  modifier?: string;\n  meta: Record<string, string | boolean | undefined>;\n  value?: string | string[];\n  library?: Library;\n}\n\nexport interface ClassMeta {\n  name: string;\n  declarations: string[];\n  prefixes: string[];\n  layer: string;\n  library?: Library;\n}\n\ndeclare const meta: {\n  classNames: string[];\n  classes: ClassMeta[];\n  tokens: DesignToken[];\n  customMedia: {\n    name: string;\n    value: string;\n  }[];\n};\n\nexport default meta;\n"],"mappings":"AAiCA,IAAOA,EAAQ","names":["meta_json_default"]}