@atlaskit/tokens 0.10.24 → 0.10.26

package/dist/esm/tokens/atlassian-light/elevation/shadow.js

@@ -8,7 +8,7 @@ var shadow = {
             x: 0,
             y: 1
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.25
         }, {
           radius: 1,
@@ -16,7 +16,7 @@ var shadow = {
             x: 0,
             y: 0
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.31
         }]
       },
@@ -27,7 +27,7 @@ var shadow = {
             x: 0,
             y: 8
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.08
         }, {
           radius: 1,
@@ -35,7 +35,7 @@ var shadow = {
             x: 0,
             y: 0
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.12
         }]
       },
@@ -46,7 +46,7 @@ var shadow = {
             x: 0,
             y: 8
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.15
         }, {
           radius: 1,
@@ -54,7 +54,7 @@ var shadow = {
             x: 0,
             y: 0
           },
-          color: 'N1100',
+          color: 'Neutral1100',
           opacity: 0.31
         }]
       }

package/dist/esm/tokens/atlassian-light/elevation/surface.js

@@ -3,38 +3,38 @@ var elevation = {
     surface: {
       '[default]': {
         '[default]': {
-          value: 'N0'
+          value: 'Neutral0'
         },
         hovered: {
-          value: 'N200'
+          value: 'Neutral200'
         },
         pressed: {
-          value: 'N300'
+          value: 'Neutral300'
         }
       },
       sunken: {
-        value: 'N100'
+        value: 'Neutral100'
       },
       raised: {
         '[default]': {
-          value: 'N0'
+          value: 'Neutral0'
         },
         hovered: {
-          value: 'N200'
+          value: 'Neutral200'
         },
         pressed: {
-          value: 'N300'
+          value: 'Neutral300'
         }
       },
       overlay: {
         '[default]': {
-          value: 'N0'
+          value: 'Neutral0'
         },
         hovered: {
-          value: 'N200'
+          value: 'Neutral200'
         },
         pressed: {
-          value: 'N300'
+          value: 'Neutral300'
         }
       }
     }

package/dist/esm/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.10.24",
+	"version": "0.10.26",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/types/artifacts/palettes-raw/palette.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::54a73caa5e11805075c57f698252b1e7>>
+ * @codegen <<SignedSource::6a8bee72650af744db4926f40106688a>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::41ca1e1e710a7febb4c2b2ec651ef5f6>>
+ * @codegen <<SignedSource::b9e8f41a4ccfe08aec7ffdb9168d8b71>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3e1535e99114e3ceefa050ae548283a1>>
+ * @codegen <<SignedSource::47205df5ad0c00f62bcd307009504921>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types/entry-points/tokens-raw.d.ts

@@ -0,0 +1,2 @@
+export { default as light } from '../artifacts/tokens-raw/atlassian-light';
+export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';

package/dist/types/palettes/palette.d.ts

@@ -1,5 +1,5 @@
 import type { PaletteColorTokenSchema } from '../types';
-declare type PaletteValues = 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'B600' | 'B700' | 'B800' | 'B900' | 'B1000' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'R600' | 'R700' | 'R800' | 'R900' | 'R1000' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'Y600' | 'Y700' | 'Y800' | 'Y900' | 'Y1000' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'G600' | 'G700' | 'G800' | 'G900' | 'G1000' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'P600' | 'P700' | 'P800' | 'P900' | 'P1000' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'T600' | 'T700' | 'T800' | 'T900' | 'T1000' | 'O100' | 'O200' | 'O300' | 'O400' | 'O500' | 'O600' | 'O700' | 'O800' | 'O900' | 'O1000' | 'M100' | 'M200' | 'M300' | 'M400' | 'M500' | 'M600' | 'M700' | 'M800' | 'M900' | 'M1000' | 'DN-100' | 'DN-100A' | 'DN0' | 'DN100' | 'DN100A' | 'DN200' | 'DN200A' | 'DN300' | 'DN300A' | 'DN400' | 'DN400A' | 'DN500' | 'DN500A' | 'DN600' | 'DN700' | 'DN800' | 'DN900' | 'DN1000' | 'DN1100' | 'N0' | 'N100' | 'N100A' | 'N200' | 'N200A' | 'N300' | 'N300A' | 'N400' | 'N400A' | 'N500' | 'N500A' | 'N600' | 'N700' | 'N800' | 'N900' | 'N1000' | 'N1100';
+declare type PaletteValues = 'Blue100' | 'Blue200' | 'Blue300' | 'Blue400' | 'Blue500' | 'Blue600' | 'Blue700' | 'Blue800' | 'Blue900' | 'Blue1000' | 'Red100' | 'Red200' | 'Red300' | 'Red400' | 'Red500' | 'Red600' | 'Red700' | 'Red800' | 'Red900' | 'Red1000' | 'Yellow100' | 'Yellow200' | 'Yellow300' | 'Yellow400' | 'Yellow500' | 'Yellow600' | 'Yellow700' | 'Yellow800' | 'Yellow900' | 'Yellow1000' | 'Green100' | 'Green200' | 'Green300' | 'Green400' | 'Green500' | 'Green600' | 'Green700' | 'Green800' | 'Green900' | 'Green1000' | 'Purple100' | 'Purple200' | 'Purple300' | 'Purple400' | 'Purple500' | 'Purple600' | 'Purple700' | 'Purple800' | 'Purple900' | 'Purple1000' | 'Teal100' | 'Teal200' | 'Teal300' | 'Teal400' | 'Teal500' | 'Teal600' | 'Teal700' | 'Teal800' | 'Teal900' | 'Teal1000' | 'Orange100' | 'Orange200' | 'Orange300' | 'Orange400' | 'Orange500' | 'Orange600' | 'Orange700' | 'Orange800' | 'Orange900' | 'Orange1000' | 'Magenta100' | 'Magenta200' | 'Magenta300' | 'Magenta400' | 'Magenta500' | 'Magenta600' | 'Magenta700' | 'Magenta800' | 'Magenta900' | 'Magenta1000' | 'DarkNeutral-100' | 'DarkNeutral-100A' | 'DarkNeutral0' | 'DarkNeutral100' | 'DarkNeutral100A' | 'DarkNeutral200' | 'DarkNeutral200A' | 'DarkNeutral300' | 'DarkNeutral300A' | 'DarkNeutral400' | 'DarkNeutral400A' | 'DarkNeutral500' | 'DarkNeutral500A' | 'DarkNeutral600' | 'DarkNeutral700' | 'DarkNeutral800' | 'DarkNeutral900' | 'DarkNeutral1000' | 'DarkNeutral1100' | 'Neutral0' | 'Neutral100' | 'Neutral100A' | 'Neutral200' | 'Neutral200A' | 'Neutral300' | 'Neutral300A' | 'Neutral400' | 'Neutral400A' | 'Neutral500' | 'Neutral500A' | 'Neutral600' | 'Neutral700' | 'Neutral800' | 'Neutral900' | 'Neutral1000' | 'Neutral1100';
 export declare type BaseToken = keyof PaletteColorTokenSchema<PaletteValues>['color']['palette'];
 declare const palette: PaletteColorTokenSchema<PaletteValues>;
 export default palette;

package/dist/types/tokens/atlassian-dark/utility/utility.d.ts

@@ -1,5 +1,5 @@
 import type { UtilTokenSchema, ValueSchema } from '../../../types';
 declare const _default: {
-    utility: ValueSchema<UtilTokenSchema<"R100" | "R200" | "R300" | "R400" | "R500" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G100" | "G200" | "G300" | "G400" | "G500" | "B100" | "B200" | "B300" | "B400" | "B500" | "P100" | "P200" | "P300" | "P400" | "P500" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN0" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "B600" | "B700" | "B800" | "B900" | "B1000" | "R600" | "R700" | "R800" | "R900" | "R1000" | "Y600" | "Y700" | "Y800" | "Y900" | "Y1000" | "G600" | "G700" | "G800" | "G900" | "G1000" | "P600" | "P700" | "P800" | "P900" | "P1000" | "T600" | "T700" | "T800" | "T900" | "T1000" | "O100" | "O200" | "O300" | "O400" | "O500" | "O600" | "O700" | "O800" | "O900" | "O1000" | "M100" | "M200" | "M300" | "M400" | "M500" | "M600" | "M700" | "M800" | "M900" | "M1000" | "DN-100" | "DN-100A" | "DN1000" | "DN1100" | "N1000" | "N1100">>;
+    utility: ValueSchema<UtilTokenSchema<"Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "DarkNeutral-100" | "DarkNeutral-100A" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral100A" | "DarkNeutral200" | "DarkNeutral200A" | "DarkNeutral300" | "DarkNeutral300A" | "DarkNeutral400" | "DarkNeutral400A" | "DarkNeutral500" | "DarkNeutral500A" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "Neutral0" | "Neutral100" | "Neutral100A" | "Neutral200" | "Neutral200A" | "Neutral300" | "Neutral300A" | "Neutral400" | "Neutral400A" | "Neutral500" | "Neutral500A" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100">>;
 };
 export default _default;

package/dist/types/tokens/atlassian-light/utility/utility.d.ts

@@ -1,5 +1,5 @@
 import type { UtilTokenSchema, ValueSchema } from '../../../types';
 declare const _default: {
-    utility: ValueSchema<UtilTokenSchema<"R100" | "R200" | "R300" | "R400" | "R500" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G100" | "G200" | "G300" | "G400" | "G500" | "B100" | "B200" | "B300" | "B400" | "B500" | "P100" | "P200" | "P300" | "P400" | "P500" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN0" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "B600" | "B700" | "B800" | "B900" | "B1000" | "R600" | "R700" | "R800" | "R900" | "R1000" | "Y600" | "Y700" | "Y800" | "Y900" | "Y1000" | "G600" | "G700" | "G800" | "G900" | "G1000" | "P600" | "P700" | "P800" | "P900" | "P1000" | "T600" | "T700" | "T800" | "T900" | "T1000" | "O100" | "O200" | "O300" | "O400" | "O500" | "O600" | "O700" | "O800" | "O900" | "O1000" | "M100" | "M200" | "M300" | "M400" | "M500" | "M600" | "M700" | "M800" | "M900" | "M1000" | "DN-100" | "DN-100A" | "DN1000" | "DN1100" | "N1000" | "N1100">>;
+    utility: ValueSchema<UtilTokenSchema<"Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "DarkNeutral-100" | "DarkNeutral-100A" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral100A" | "DarkNeutral200" | "DarkNeutral200A" | "DarkNeutral300" | "DarkNeutral300A" | "DarkNeutral400" | "DarkNeutral400A" | "DarkNeutral500" | "DarkNeutral500A" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "Neutral0" | "Neutral100" | "Neutral100A" | "Neutral200" | "Neutral200A" | "Neutral300" | "Neutral300A" | "Neutral400" | "Neutral400A" | "Neutral500" | "Neutral500A" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100">>;
 };
 export default _default;

package/dist/types/tokens/default/utility/utility.d.ts

@@ -1,5 +1,5 @@
 import type { AttributeSchema, UtilTokenSchema } from '../../../types';
 declare const _default: {
-    utility: AttributeSchema<UtilTokenSchema<"R100" | "R200" | "R300" | "R400" | "R500" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G100" | "G200" | "G300" | "G400" | "G500" | "B100" | "B200" | "B300" | "B400" | "B500" | "P100" | "P200" | "P300" | "P400" | "P500" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN0" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "B600" | "B700" | "B800" | "B900" | "B1000" | "R600" | "R700" | "R800" | "R900" | "R1000" | "Y600" | "Y700" | "Y800" | "Y900" | "Y1000" | "G600" | "G700" | "G800" | "G900" | "G1000" | "P600" | "P700" | "P800" | "P900" | "P1000" | "T600" | "T700" | "T800" | "T900" | "T1000" | "O100" | "O200" | "O300" | "O400" | "O500" | "O600" | "O700" | "O800" | "O900" | "O1000" | "M100" | "M200" | "M300" | "M400" | "M500" | "M600" | "M700" | "M800" | "M900" | "M1000" | "DN-100" | "DN-100A" | "DN1000" | "DN1100" | "N1000" | "N1100">>;
+    utility: AttributeSchema<UtilTokenSchema<"Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "DarkNeutral-100" | "DarkNeutral-100A" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral100A" | "DarkNeutral200" | "DarkNeutral200A" | "DarkNeutral300" | "DarkNeutral300A" | "DarkNeutral400" | "DarkNeutral400A" | "DarkNeutral500" | "DarkNeutral500A" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "Neutral0" | "Neutral100" | "Neutral100A" | "Neutral200" | "Neutral200A" | "Neutral300" | "Neutral300A" | "Neutral400" | "Neutral400A" | "Neutral500" | "Neutral500A" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100">>;
 };
 export default _default;

package/dist/types/types.d.ts

@@ -21,7 +21,7 @@ export interface Token<TValue, Group extends Groups> {
 }
 /**
  * Base tokens define the raw values consumed by Design Tokens. They are a context-agnostic
- * name:value pairing (for example, the base token N0 represents the value #FFFFFF ).
+ * name:value pairing (for example, the base token Neutral0 represents the value #FFFFFF ).
  */
 export interface BaseToken<TValue, Group extends Groups> extends Token<TValue, Group> {
     attributes: {
@@ -30,7 +30,7 @@ export interface BaseToken<TValue, Group extends Groups> extends Token<TValue, G
 }
 /**
  * Design tokens represent single sources of truth to name and store semantic design decisions.
- * They map a semantic name (color.background.default) to a base token (N0).
+ * They map a semantic name (color.background.default) to a base token (Neutral0).
  */
 export interface DesignToken<TValue, Group extends Groups> extends Token<TValue, Group> {
     attributes: {

package/dist/types-ts4.0/artifacts/palettes-raw/palette.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::54a73caa5e11805075c57f698252b1e7>>
+ * @codegen <<SignedSource::6a8bee72650af744db4926f40106688a>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-dark.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::41ca1e1e710a7febb4c2b2ec651ef5f6>>
+ * @codegen <<SignedSource::b9e8f41a4ccfe08aec7ffdb9168d8b71>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-light.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3e1535e99114e3ceefa050ae548283a1>>
+ * @codegen <<SignedSource::47205df5ad0c00f62bcd307009504921>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types-ts4.0/entry-points/tokens-raw.d.ts

@@ -0,0 +1,2 @@
+export { default as light } from '../artifacts/tokens-raw/atlassian-light';
+export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';

package/dist/types-ts4.0/palettes/palette.d.ts

@@ -1,5 +1,5 @@
 import type { PaletteColorTokenSchema } from '../types';
-declare type PaletteValues = 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'B600' | 'B700' | 'B800' | 'B900' | 'B1000' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'R600' | 'R700' | 'R800' | 'R900' | 'R1000' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'Y600' | 'Y700' | 'Y800' | 'Y900' | 'Y1000' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'G600' | 'G700' | 'G800' | 'G900' | 'G1000' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'P600' | 'P700' | 'P800' | 'P900' | 'P1000' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'T600' | 'T700' | 'T800' | 'T900' | 'T1000' | 'O100' | 'O200' | 'O300' | 'O400' | 'O500' | 'O600' | 'O700' | 'O800' | 'O900' | 'O1000' | 'M100' | 'M200' | 'M300' | 'M400' | 'M500' | 'M600' | 'M700' | 'M800' | 'M900' | 'M1000' | 'DN-100' | 'DN-100A' | 'DN0' | 'DN100' | 'DN100A' | 'DN200' | 'DN200A' | 'DN300' | 'DN300A' | 'DN400' | 'DN400A' | 'DN500' | 'DN500A' | 'DN600' | 'DN700' | 'DN800' | 'DN900' | 'DN1000' | 'DN1100' | 'N0' | 'N100' | 'N100A' | 'N200' | 'N200A' | 'N300' | 'N300A' | 'N400' | 'N400A' | 'N500' | 'N500A' | 'N600' | 'N700' | 'N800' | 'N900' | 'N1000' | 'N1100';
+declare type PaletteValues = 'Blue100' | 'Blue200' | 'Blue300' | 'Blue400' | 'Blue500' | 'Blue600' | 'Blue700' | 'Blue800' | 'Blue900' | 'Blue1000' | 'Red100' | 'Red200' | 'Red300' | 'Red400' | 'Red500' | 'Red600' | 'Red700' | 'Red800' | 'Red900' | 'Red1000' | 'Yellow100' | 'Yellow200' | 'Yellow300' | 'Yellow400' | 'Yellow500' | 'Yellow600' | 'Yellow700' | 'Yellow800' | 'Yellow900' | 'Yellow1000' | 'Green100' | 'Green200' | 'Green300' | 'Green400' | 'Green500' | 'Green600' | 'Green700' | 'Green800' | 'Green900' | 'Green1000' | 'Purple100' | 'Purple200' | 'Purple300' | 'Purple400' | 'Purple500' | 'Purple600' | 'Purple700' | 'Purple800' | 'Purple900' | 'Purple1000' | 'Teal100' | 'Teal200' | 'Teal300' | 'Teal400' | 'Teal500' | 'Teal600' | 'Teal700' | 'Teal800' | 'Teal900' | 'Teal1000' | 'Orange100' | 'Orange200' | 'Orange300' | 'Orange400' | 'Orange500' | 'Orange600' | 'Orange700' | 'Orange800' | 'Orange900' | 'Orange1000' | 'Magenta100' | 'Magenta200' | 'Magenta300' | 'Magenta400' | 'Magenta500' | 'Magenta600' | 'Magenta700' | 'Magenta800' | 'Magenta900' | 'Magenta1000' | 'DarkNeutral-100' | 'DarkNeutral-100A' | 'DarkNeutral0' | 'DarkNeutral100' | 'DarkNeutral100A' | 'DarkNeutral200' | 'DarkNeutral200A' | 'DarkNeutral300' | 'DarkNeutral300A' | 'DarkNeutral400' | 'DarkNeutral400A' | 'DarkNeutral500' | 'DarkNeutral500A' | 'DarkNeutral600' | 'DarkNeutral700' | 'DarkNeutral800' | 'DarkNeutral900' | 'DarkNeutral1000' | 'DarkNeutral1100' | 'Neutral0' | 'Neutral100' | 'Neutral100A' | 'Neutral200' | 'Neutral200A' | 'Neutral300' | 'Neutral300A' | 'Neutral400' | 'Neutral400A' | 'Neutral500' | 'Neutral500A' | 'Neutral600' | 'Neutral700' | 'Neutral800' | 'Neutral900' | 'Neutral1000' | 'Neutral1100';
 export declare type BaseToken = keyof PaletteColorTokenSchema<PaletteValues>['color']['palette'];
 declare const palette: PaletteColorTokenSchema<PaletteValues>;
 export default palette;

package/dist/types-ts4.0/tokens/atlassian-dark/utility/utility.d.ts

@@ -1,5 +1,5 @@
 import type { UtilTokenSchema, ValueSchema } from '../../../types';
 declare const _default: {
-    utility: ValueSchema<UtilTokenSchema<"R100" | "R200" | "R300" | "R400" | "R500" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G100" | "G200" | "G300" | "G400" | "G500" | "B100" | "B200" | "B300" | "B400" | "B500" | "P100" | "P200" | "P300" | "P400" | "P500" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN0" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "B600" | "B700" | "B800" | "B900" | "B1000" | "R600" | "R700" | "R800" | "R900" | "R1000" | "Y600" | "Y700" | "Y800" | "Y900" | "Y1000" | "G600" | "G700" | "G800" | "G900" | "G1000" | "P600" | "P700" | "P800" | "P900" | "P1000" | "T600" | "T700" | "T800" | "T900" | "T1000" | "O100" | "O200" | "O300" | "O400" | "O500" | "O600" | "O700" | "O800" | "O900" | "O1000" | "M100" | "M200" | "M300" | "M400" | "M500" | "M600" | "M700" | "M800" | "M900" | "M1000" | "DN-100" | "DN-100A" | "DN1000" | "DN1100" | "N1000" | "N1100">>;
+    utility: ValueSchema<UtilTokenSchema<"Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "DarkNeutral-100" | "DarkNeutral-100A" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral100A" | "DarkNeutral200" | "DarkNeutral200A" | "DarkNeutral300" | "DarkNeutral300A" | "DarkNeutral400" | "DarkNeutral400A" | "DarkNeutral500" | "DarkNeutral500A" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "Neutral0" | "Neutral100" | "Neutral100A" | "Neutral200" | "Neutral200A" | "Neutral300" | "Neutral300A" | "Neutral400" | "Neutral400A" | "Neutral500" | "Neutral500A" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100">>;
 };
 export default _default;

package/dist/types-ts4.0/tokens/atlassian-light/utility/utility.d.ts

@@ -1,5 +1,5 @@
 import type { UtilTokenSchema, ValueSchema } from '../../../types';
 declare const _default: {
-    utility: ValueSchema<UtilTokenSchema<"R100" | "R200" | "R300" | "R400" | "R500" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G100" | "G200" | "G300" | "G400" | "G500" | "B100" | "B200" | "B300" | "B400" | "B500" | "P100" | "P200" | "P300" | "P400" | "P500" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN0" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "B600" | "B700" | "B800" | "B900" | "B1000" | "R600" | "R700" | "R800" | "R900" | "R1000" | "Y600" | "Y700" | "Y800" | "Y900" | "Y1000" | "G600" | "G700" | "G800" | "G900" | "G1000" | "P600" | "P700" | "P800" | "P900" | "P1000" | "T600" | "T700" | "T800" | "T900" | "T1000" | "O100" | "O200" | "O300" | "O400" | "O500" | "O600" | "O700" | "O800" | "O900" | "O1000" | "M100" | "M200" | "M300" | "M400" | "M500" | "M600" | "M700" | "M800" | "M900" | "M1000" | "DN-100" | "DN-100A" | "DN1000" | "DN1100" | "N1000" | "N1100">>;
+    utility: ValueSchema<UtilTokenSchema<"Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "DarkNeutral-100" | "DarkNeutral-100A" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral100A" | "DarkNeutral200" | "DarkNeutral200A" | "DarkNeutral300" | "DarkNeutral300A" | "DarkNeutral400" | "DarkNeutral400A" | "DarkNeutral500" | "DarkNeutral500A" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "Neutral0" | "Neutral100" | "Neutral100A" | "Neutral200" | "Neutral200A" | "Neutral300" | "Neutral300A" | "Neutral400" | "Neutral400A" | "Neutral500" | "Neutral500A" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100">>;
 };
 export default _default;

package/dist/types-ts4.0/tokens/default/utility/utility.d.ts

@@ -1,5 +1,5 @@
 import type { AttributeSchema, UtilTokenSchema } from '../../../types';
 declare const _default: {
-    utility: AttributeSchema<UtilTokenSchema<"R100" | "R200" | "R300" | "R400" | "R500" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G100" | "G200" | "G300" | "G400" | "G500" | "B100" | "B200" | "B300" | "B400" | "B500" | "P100" | "P200" | "P300" | "P400" | "P500" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN0" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "B600" | "B700" | "B800" | "B900" | "B1000" | "R600" | "R700" | "R800" | "R900" | "R1000" | "Y600" | "Y700" | "Y800" | "Y900" | "Y1000" | "G600" | "G700" | "G800" | "G900" | "G1000" | "P600" | "P700" | "P800" | "P900" | "P1000" | "T600" | "T700" | "T800" | "T900" | "T1000" | "O100" | "O200" | "O300" | "O400" | "O500" | "O600" | "O700" | "O800" | "O900" | "O1000" | "M100" | "M200" | "M300" | "M400" | "M500" | "M600" | "M700" | "M800" | "M900" | "M1000" | "DN-100" | "DN-100A" | "DN1000" | "DN1100" | "N1000" | "N1100">>;
+    utility: AttributeSchema<UtilTokenSchema<"Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "DarkNeutral-100" | "DarkNeutral-100A" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral100A" | "DarkNeutral200" | "DarkNeutral200A" | "DarkNeutral300" | "DarkNeutral300A" | "DarkNeutral400" | "DarkNeutral400A" | "DarkNeutral500" | "DarkNeutral500A" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "Neutral0" | "Neutral100" | "Neutral100A" | "Neutral200" | "Neutral200A" | "Neutral300" | "Neutral300A" | "Neutral400" | "Neutral400A" | "Neutral500" | "Neutral500A" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100">>;
 };
 export default _default;

package/dist/types-ts4.0/types.d.ts

@@ -21,7 +21,7 @@ export interface Token<TValue, Group extends Groups> {
 }
 /**
  * Base tokens define the raw values consumed by Design Tokens. They are a context-agnostic
- * name:value pairing (for example, the base token N0 represents the value #FFFFFF ).
+ * name:value pairing (for example, the base token Neutral0 represents the value #FFFFFF ).
  */
 export interface BaseToken<TValue, Group extends Groups> extends Token<TValue, Group> {
     attributes: {
@@ -30,7 +30,7 @@ export interface BaseToken<TValue, Group extends Groups> extends Token<TValue, G
 }
 /**
  * Design tokens represent single sources of truth to name and store semantic design decisions.
- * They map a semantic name (color.background.default) to a base token (N0).
+ * They map a semantic name (color.background.default) to a base token (Neutral0).
  */
 export interface DesignToken<TValue, Group extends Groups> extends Token<TValue, Group> {
     attributes: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.10.24",
+  "version": "0.10.26",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -9,7 +9,7 @@
   },
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Design tokens",
       "category": "Libraries",
@@ -35,6 +35,7 @@
   "af:exports": {
     ".": "./src/index.tsx",
     "./palettes-raw": "./src/entry-points/palettes-raw.tsx",
+    "./tokens-raw": "./src/entry-points/tokens-raw.tsx",
     "./token-ids": "./src/entry-points/token-ids.tsx",
     "./token-names": "./src/entry-points/token-names.tsx",
     "./rename-mapping": "./src/entry-points/rename-mapping.tsx",

package/report.api.md

@@ -1,13 +1,24 @@
-## API Report File for "@atlaskit/tokens".
+<!-- API Report Version: 2.2 -->
 
-> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+## API Report File for "@atlaskit/tokens"
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
-````ts
-export declare type CSSToken = CSSTokenMap[keyof CSSTokenMap];
+### Table of contents
 
-declare type CSSTokenMap = {
+- [Main Entry Types](#main-entry-types)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
+// @public (undocumented)
+export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
+
+// @public (undocumented)
+type CSSTokenMap = {
   'color.text.accent.blue': 'var(--ds-text-accent-blue)';
   'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
   'color.text.accent.red': 'var(--ds-text-accent-red)';
@@ -286,53 +297,52 @@ declare type CSSTokenMap = {
   'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
   'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
   'elevation.surface': 'var(--ds-surface)';
+  'elevation.surface.hovered': 'var(--ds-surface-hovered)';
+  'elevation.surface.pressed': 'var(--ds-surface-pressed)';
   'elevation.surface.sunken': 'var(--ds-surface-sunken)';
   'elevation.surface.raised': 'var(--ds-surface-raised)';
+  'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
+  'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
   'elevation.surface.overlay': 'var(--ds-surface-overlay)';
+  'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
+  'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
+  'opacity.disabled': 'var(--ds-opacity-disabled)';
+  'opacity.loading': 'var(--ds-opacity-loading)';
   'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
   'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
 };
 
-export declare const setGlobalTheme: (theme: Themes) => void;
+// @public (undocumented)
+export const setGlobalTheme: (theme: Themes) => void;
 
-/**
- * A MutationObserver which watches the `<html>` element for changes to the theme.
- *
- * In React, use the {@link useThemeObserver `useThemeObserver`} hook instead.
- *
- * @param {function} callback - A callback function which fires when the theme changes.
- *
- * @example
- * ```
- * const observer = new ThemeMutationObserver((theme) => {});
- * observer.observe();
- * ```
- */
-export declare class ThemeMutationObserver {
-  private callback;
-  observer: MutationObserver | null;
+// @public
+export class ThemeMutationObserver {
   constructor(callback: (theme: Themes | null) => unknown);
-  observe(): void;
+  // (undocumented)
   disconnect(): void;
+  // (undocumented)
+  observe(): void;
+  // (undocumented)
+  observer: MutationObserver | null;
 }
 
-declare const THEMES: readonly ['light', 'dark'];
+// @public (undocumented)
+const THEMES: readonly ['light', 'dark', 'legacy-light', 'legacy-dark'];
 
-export declare type Themes = typeof THEMES[number];
+// @public (undocumented)
+export type Themes = typeof THEMES[number];
 
-export declare function token<T extends keyof Tokens>(
+// @public (undocumented)
+export function token<T extends keyof Tokens>(
   path: T,
   fallback?: string,
 ): CSSTokenMap[T];
 
-declare type Tokens = typeof tokens;
+// @public (undocumented)
+type Tokens = typeof tokens;
 
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3acc6507214a2d925fd75bce0549f0ab>>
- * @codegenCommand yarn build tokens
- */
-declare const tokens: {
+// @public
+const tokens: {
   readonly 'color.text.accent.blue': '--ds-text-accent-blue';
   readonly 'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder';
   readonly 'color.text.accent.red': '--ds-text-accent-red';
@@ -611,27 +621,25 @@ declare const tokens: {
   readonly 'elevation.shadow.overflow': '--ds-shadow-overflow';
   readonly 'elevation.shadow.overlay': '--ds-shadow-overlay';
   readonly 'elevation.surface': '--ds-surface';
+  readonly 'elevation.surface.hovered': '--ds-surface-hovered';
+  readonly 'elevation.surface.pressed': '--ds-surface-pressed';
   readonly 'elevation.surface.sunken': '--ds-surface-sunken';
   readonly 'elevation.surface.raised': '--ds-surface-raised';
+  readonly 'elevation.surface.raised.hovered': '--ds-surface-raised-hovered';
+  readonly 'elevation.surface.raised.pressed': '--ds-surface-raised-pressed';
   readonly 'elevation.surface.overlay': '--ds-surface-overlay';
+  readonly 'elevation.surface.overlay.hovered': '--ds-surface-overlay-hovered';
+  readonly 'elevation.surface.overlay.pressed': '--ds-surface-overlay-pressed';
+  readonly 'opacity.disabled': '--ds-opacity-disabled';
+  readonly 'opacity.loading': '--ds-opacity-loading';
   readonly 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent';
   readonly 'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN';
 };
 
-/**
- * A React hook which returns the current theme set on `<html>`, or `null` if not set.
- *
- * @example
- * ```
- * const theme = useThemeObserver(); // Returns 'light' or 'dark'
- *
- * // Performing side effects when it changes
- * useEffect(() => {
- *   console.log(`The theme has changed to ${theme}`);
- * }, [theme]);
- * ```
- */
-export declare const useThemeObserver: () => Themes | null;
+// @public
+export const useThemeObserver: () => Themes | null;
+
+// (No @packageDocumentation comment for this package)
+```
 
-export {};
-````
+<!--SECTION END: Main Entry Types-->