@atlaskit/tokens 1.2.7 → 1.2.9

package/dist/esm/tokens/atlassian-dark-iteration/color/chart.js

@@ -0,0 +1,27 @@
+var color = {
+  color: {
+    chart: {
+      neutral: {
+        hovered: {
+          // @ts-ignore new value for DarkNeautral700
+          value: '#8C9BAB'
+        }
+      },
+      gray: {
+        bold: {
+          hovered: {
+            // @ts-ignore new value for DarkNeautral700
+            value: '#8C9BAB'
+          }
+        },
+        bolder: {
+          '[default]': {
+            // @ts-ignore new value for DarkNeautral700
+            value: '#8C9BAB'
+          }
+        }
+      }
+    }
+  }
+};
+export default color;

package/dist/esm/tokens/atlassian-dark-iteration/color/icon.js

@@ -0,0 +1,23 @@
+var color = {
+  color: {
+    icon: {
+      subtle: {
+        // @ts-ignore new value for DarkNeautral700
+        value: '#8C9BAB'
+      },
+      inverse: {
+        value: 'DarkNeutral100'
+      },
+      selected: {
+        // @ts-ignore Blue350 not currently available
+        value: '#6EAAFF'
+      },
+      warning: {
+        inverse: {
+          value: 'DarkNeutral100'
+        }
+      }
+    }
+  }
+};
+export default color;

package/dist/esm/tokens/atlassian-dark-iteration/color/text.js

@@ -0,0 +1,36 @@
+var color = {
+  color: {
+    text: {
+      '[default]': {
+        value: 'DarkNeutral900'
+      },
+      subtlest: {
+        // @ts-ignore new value for DarkNeautral700
+        value: '#8C9BAB'
+      },
+      inverse: {
+        value: 'DarkNeutral100'
+      },
+      selected: {
+        // @ts-ignore Blue350 not currently available
+        value: '#6EAAFF'
+      },
+      warning: {
+        inverse: {
+          value: 'DarkNeutral100'
+        }
+      }
+    },
+    link: {
+      '[default]': {
+        // @ts-ignore Blue350 not currently available
+        value: '#6EAAFF'
+      },
+      pressed: {
+        // @ts-ignore Blue250 not currently available
+        value: '#A8CCFF'
+      }
+    }
+  }
+};
+export default color;

package/dist/esm/tokens/atlassian-dark-iteration/elevation/shadow.js

@@ -0,0 +1,38 @@
+var shadow = {
+  elevation: {
+    shadow: {
+      overlay: {
+        value: [{
+          radius: 0,
+          spread: 1,
+          color: 'DarkNeutral100A',
+          offset: {
+            x: 0,
+            y: 0
+          },
+          opacity: 0.12,
+          inset: true
+        }, {
+          radius: 12,
+          offset: {
+            x: 0,
+            y: 8
+          },
+          color: 'DarkNeutral-100A',
+          // This opacity overrides the color alpha.
+          opacity: 0.36
+        }, {
+          radius: 1,
+          offset: {
+            x: 0,
+            y: 0
+          },
+          color: 'DarkNeutral-100A',
+          // This opacity overrides the color alpha.
+          opacity: 0.5
+        }]
+      }
+    }
+  }
+};
+export default shadow;

package/dist/esm/tokens/atlassian-dark-iteration/elevation/surface.js

@@ -0,0 +1,41 @@
+var elevation = {
+  elevation: {
+    surface: {
+      '[default]': {
+        '[default]': {
+          value: 'DarkNeutral100'
+        },
+        hovered: {
+          value: 'DarkNeutral200'
+        },
+        pressed: {
+          // @ts-ignore DarkNeutral250 not currently available
+          value: '#282E33'
+        }
+      },
+      sunken: {
+        value: 'DarkNeutral0'
+      },
+      raised: {
+        '[default]': {
+          value: 'DarkNeutral200'
+        },
+        hovered: {
+          // @ts-ignore DarkNeutral250 not currently available
+          value: '#282E33'
+        }
+      },
+      overlay: {
+        '[default]': {
+          // @ts-ignore DarkNeutral250 not currently available
+          value: '#282E33'
+        },
+        pressed: {
+          // @ts-ignore DarkNeutral350 not currently available
+          value: '#38414A'
+        }
+      }
+    }
+  }
+};
+export default elevation;

package/dist/esm/version.json

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

package/dist/types/artifacts/theme-import-map.d.ts

@@ -6,11 +6,11 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::ce4463df8e613cb4c4a8b24907ce95ae>>
+ * @codegen <<SignedSource::3466f435e0d35c0443ddeafe9240dbc2>>
  * @codegenCommand yarn build tokens
  */
-import { ThemeIds } from '../theme-config';
-declare const themeImportsMap: Record<ThemeIds, () => Promise<{
+import { ThemeIds, ThemeOverrideIds } from '../theme-config';
+declare const themeImportsMap: Record<ThemeIds | ThemeOverrideIds, () => Promise<{
     default: string;
 }>>;
 export default themeImportsMap;

package/dist/types/artifacts/themes/atlassian-dark-iteration.d.ts

@@ -0,0 +1,7 @@
+declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n  --ds-text: #B6C2CF;\n  --ds-text-inverse: #1D2125;\n  --ds-text-selected: #6EAAFF;\n  --ds-text-warning-inverse: #1D2125;\n  --ds-text-subtlest: #8C9BAB;\n  --ds-link: #6EAAFF;\n  --ds-link-pressed: #A8CCFF;\n  --ds-icon-inverse: #1D2125;\n  --ds-icon-selected: #6EAAFF;\n  --ds-icon-warning-inverse: #1D2125;\n  --ds-icon-subtle: #8C9BAB;\n  --ds-background-accent-red-subtlest: #4F1C16;\n  --ds-background-accent-orange-subtlest: #513010;\n  --ds-background-accent-yellow-subtlest: #473602;\n  --ds-background-accent-green-subtlest: #143E2C;\n  --ds-background-accent-teal-subtlest: #193E42;\n  --ds-background-accent-blue-subtlest: #092957;\n  --ds-background-accent-purple-subtlest: #2B2451;\n  --ds-background-accent-magenta-subtlest: #421F34;\n  --ds-background-accent-gray-bolder: #8C9BAB;\n  --ds-background-input: #22272B;\n  --ds-background-input-hovered: #282E33;\n  --ds-background-input-pressed: #22272B;\n  --ds-background-selected: #082145;\n  --ds-background-selected-pressed: #0055CC;\n  --ds-background-danger: #4F1C16;\n  --ds-background-danger-pressed: #872518;\n  --ds-background-warning: #473602;\n  --ds-background-warning-pressed: #6B5103;\n  --ds-background-success: #143E2C;\n  --ds-background-success-pressed: #1B5A40;\n  --ds-background-discovery: #2B2451;\n  --ds-background-discovery-pressed: #4A3D8A;\n  --ds-background-information: #092957;\n  --ds-background-information-pressed: #073A83;\n  --ds-blanket: #10121499;\n  --ds-chart-neutral-hovered: #8C9BAB;\n  --ds-chart-gray-bold-hovered: #8C9BAB;\n  --ds-chart-gray-bolder: #8C9BAB;\n  --ds-surface: #1D2125;\n  --ds-surface-hovered: #22272B;\n  --ds-surface-pressed: #282E33;\n  --ds-surface-overlay: #282E33;\n  --ds-surface-overlay-pressed: #38414A;\n  --ds-surface-raised: #22272B;\n  --ds-surface-raised-hovered: #282E33;\n  --ds-surface-sunken: #161A1D;\n  --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::337e80050595184e7a6198ba1c75e2fc>>
+ * @codegenCommand yarn build tokens
+ */
+export default _default;

package/dist/types/theme-config.d.ts

@@ -8,6 +8,7 @@
  */
 export declare type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
 export declare type ThemeFileNames = Themes;
+export declare type ThemeOverrides = 'atlassian-dark-iteration';
 /**
  * Theme kinds: The type of theme.
  * Some themes are entirely focused on Color, whilst others are purely focused on spacing.
@@ -31,6 +32,7 @@ export declare type DataColorModes = Omit<ThemeColorModes, 'auto'>;
  */
 export declare const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape"];
 export declare type ThemeIds = typeof themeIds[number];
+export declare type ThemeOverrideIds = 'dark-iteration';
 /**
  * Theme to use a base. This will create the theme as
  * an extension with all token values marked as optional
@@ -61,4 +63,16 @@ interface ThemeConfig {
     };
 }
 declare const themeConfig: Record<Themes, ThemeConfig>;
+export declare const themeOverrideConfig: {
+    'atlassian-dark-iteration': {
+        id: string;
+        displayName: string;
+        palette: string;
+        overrideTheme: string;
+        attributes: {
+            type: string;
+            mode: string;
+        };
+    };
+};
 export default themeConfig;

package/dist/types/tokens/atlassian-dark-iteration/color/accent.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { AccentColorTokenSchema, ExtendedValueSchema } from '../../../types';
+declare const color: ExtendedValueSchema<AccentColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types/tokens/atlassian-dark-iteration/color/background.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { BackgroundColorTokenSchema, ExtendedValueSchema } from '../../../types';
+declare const color: ExtendedValueSchema<BackgroundColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types/tokens/atlassian-dark-iteration/color/chart.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { ChartColorTokenSchema, ExtendedValueSchema } from '../../../types';
+declare const color: ExtendedValueSchema<ChartColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types/tokens/atlassian-dark-iteration/color/icon.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { ExtendedValueSchema, IconColorTokenSchema } from '../../../types';
+declare const color: ExtendedValueSchema<IconColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types/tokens/atlassian-dark-iteration/color/text.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { ExtendedValueSchema, TextColorTokenSchema } from '../../../types';
+declare const color: ExtendedValueSchema<TextColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types/tokens/atlassian-dark-iteration/elevation/shadow.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { ExtendedValueSchema, ShadowTokenSchema } from '../../../types';
+declare const shadow: ExtendedValueSchema<ShadowTokenSchema<BaseToken>>;
+export default shadow;

package/dist/types/tokens/atlassian-dark-iteration/elevation/surface.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { ExtendedValueSchema, SurfaceTokenSchema } from '../../../types';
+declare const elevation: ExtendedValueSchema<SurfaceTokenSchema<BaseToken>>;
+export default elevation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -50,6 +50,7 @@
   },
   "dependencies": {
     "@atlaskit/ds-lib": "^2.1.0",
+    "@atlaskit/platform-feature-flags": "^0.1.0",
     "@babel/runtime": "^7.0.0",
     "@babel/traverse": "^7.15.0",
     "@babel/types": "^7.15.0",
@@ -63,7 +64,7 @@
     "@af/codegen": "*",
     "@atlaskit/avatar": "^21.2.0",
     "@atlaskit/badge": "^15.0.11",
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/code": "^14.5.0",
     "@atlaskit/docs": "^9.0.10",
@@ -77,7 +78,7 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/modal-dialog": "^12.4.0",
-    "@atlaskit/primitives": "^0.3.0",
+    "@atlaskit/primitives": "^0.6.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/tabs": "^13.3.0",
     "@atlaskit/tag": "^11.4.0",
@@ -122,6 +123,11 @@
       ]
     }
   },
+  "platform-feature-flags": {
+    "design-system-team.dark-theme-iteration_dk1ln": {
+      "type": "boolean"
+    }
+  },
   "homepage": "https://atlassian.design/components/tokens",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }