@instructure/ui-pill 11.7.8-snapshot-5 → 11.7.8-snapshot-7

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.8-snapshot-5](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8-snapshot-5) (2026-10-01)
+## [11.7.8-snapshot-7](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8-snapshot-7) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-pill
 

package/es/Pill/v2/index.js

@@ -30,6 +30,7 @@ import { Tooltip } from '@instructure/ui-tooltip/latest';
 import { withStyleNew } from '@instructure/emotion';
 import generateStyle from './styles.js';
 import { allowedProps } from './props.js';
+import { frozenThemesDesignTokensV1 } from '@instructure/ui-themes';
 
 /**
 ---
@@ -37,7 +38,7 @@ category: components
 ---
 **/
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-let Pill = (_dec = withStyleNew(generateStyle), _dec(_class = class Pill extends Component {
+let Pill = (_dec = withStyleNew(generateStyle, null, frozenThemesDesignTokensV1), _dec(_class = class Pill extends Component {
   static displayName = 'Pill';
   static componentId = 'Pill';
   static allowedProps = allowedProps;

package/lib/Pill/v2/index.js

@@ -12,6 +12,7 @@ var _latest2 = require("@instructure/ui-tooltip/latest");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _props = require("./props.js");
+var _uiThemes = require("@instructure/ui-themes");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -42,7 +43,7 @@ var _dec, _class;
 category: components
 ---
 **/
-let Pill = exports.Pill = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class Pill extends _react.Component {
+let Pill = exports.Pill = (_dec = (0, _emotion.withStyleNew)(_styles.default, null, _uiThemes.frozenThemesDesignTokensV1), _dec(_class = class Pill extends _react.Component {
   static displayName = 'Pill';
   static componentId = 'Pill';
   static allowedProps = _props.allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-pill",
-  "version": "11.7.8-snapshot-5",
+  "version": "11.7.8-snapshot-7",
   "description": "A UI component to communicate concise status.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/Pill/11_5/index.js",
@@ -15,23 +15,23 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/console": "11.7.8-snapshot-5",
-    "@instructure/shared-types": "11.7.8-snapshot-5",
-    "@instructure/ui-themes": "11.7.8-snapshot-5",
-    "@instructure/emotion": "11.7.8-snapshot-5",
-    "@instructure/ui-react-utils": "11.7.8-snapshot-5",
-    "@instructure/ui-tooltip": "11.7.8-snapshot-5",
-    "@instructure/ui-utils": "11.7.8-snapshot-5",
-    "@instructure/ui-truncate-text": "11.7.8-snapshot-5",
-    "@instructure/ui-view": "11.7.8-snapshot-5"
+    "@instructure/console": "11.7.8-snapshot-7",
+    "@instructure/shared-types": "11.7.8-snapshot-7",
+    "@instructure/emotion": "11.7.8-snapshot-7",
+    "@instructure/ui-themes": "11.7.8-snapshot-7",
+    "@instructure/ui-react-utils": "11.7.8-snapshot-7",
+    "@instructure/ui-tooltip": "11.7.8-snapshot-7",
+    "@instructure/ui-utils": "11.7.8-snapshot-7",
+    "@instructure/ui-truncate-text": "11.7.8-snapshot-7",
+    "@instructure/ui-view": "11.7.8-snapshot-7"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-babel-preset": "11.7.8-snapshot-5",
-    "@instructure/ui-scripts": "11.7.8-snapshot-5",
-    "@instructure/ui-axe-check": "11.7.8-snapshot-5",
-    "@instructure/ui-color-utils": "11.7.8-snapshot-5",
-    "@instructure/ui-icons": "11.7.8-snapshot-5"
+    "@instructure/ui-axe-check": "11.7.8-snapshot-7",
+    "@instructure/ui-icons": "11.7.8-snapshot-7",
+    "@instructure/ui-color-utils": "11.7.8-snapshot-7",
+    "@instructure/ui-scripts": "11.7.8-snapshot-7",
+    "@instructure/ui-babel-preset": "11.7.8-snapshot-7"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Pill/v2/index.tsx

@@ -35,6 +35,7 @@ import generateStyle from './styles.js'
 
 import type { PillProps, PillState } from './props'
 import { allowedProps } from './props.js'
+import { frozenThemesDesignTokensV1 } from '@instructure/ui-themes'
 
 /**
 ---
@@ -42,7 +43,7 @@ category: components
 ---
 **/
 
-@withStyleNew(generateStyle)
+@withStyleNew(generateStyle, null, frozenThemesDesignTokensV1)
 class Pill extends Component<PillProps, PillState> {
   static displayName = 'Pill'
   static readonly componentId = 'Pill'

package/src/Pill/v2/props.ts

@@ -27,11 +27,11 @@ import type {
   WithStyleProps,
   ComponentStyle
 } from '@instructure/emotion'
-import type { NewComponentTypes } from '@instructure/ui-themes'
 import type {
   AsElementType,
   OtherHTMLAttributes
 } from '@instructure/shared-types'
+import type { DesignTokensV1ComponentTypes } from '@instructure/ui-themes'
 
 type PillOwnProps = {
   as?: AsElementType
@@ -63,7 +63,7 @@ type PropKeys = keyof PillOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type PillProps = PillOwnProps &
-  WithStyleProps<ReturnType<NewComponentTypes['Pill']>, PillStyle> &
+  WithStyleProps<ReturnType<DesignTokensV1ComponentTypes['Pill']>, PillStyle> &
   OtherHTMLAttributes<PillOwnProps>
 
 type PillStyle = ComponentStyle<

package/src/Pill/v2/styles.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import type { NewComponentTypes } from '@instructure/ui-themes'
 import type { PillProps, PillStyle } from './props'
+import type { DesignTokensV1ComponentTypes } from '@instructure/ui-themes'
 
 /**
  * ---
@@ -35,7 +35,7 @@ import type { PillProps, PillStyle } from './props'
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: ReturnType<NewComponentTypes['Pill']>,
+  componentTheme: ReturnType<DesignTokensV1ComponentTypes['Pill']>,
   props: PillProps
 ): PillStyle => {
   const { color } = props