@uniformdev/design-system 19.55.2-alpha.57 → 19.55.2-alpha.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/esm/index.js +15 -2
  2. package/dist/index.d.mts +2 -1
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +15 -2
  5. package/package.json +4 -4
package/dist/esm/index.js CHANGED
@@ -15194,11 +15194,24 @@ var Tile = css60`
15194
15194
  pointer-events: none;
15195
15195
  }
15196
15196
  `;
15197
+ var TileIsSelected = css60`
15198
+ border: calc(${tileBorderSize} + 1px) solid var(--primary-action-active);
15199
+ z-index: 1; // Used to elevate active state border over other Tile borders
15200
+ `;
15197
15201
 
15198
15202
  // src/components/Tiles/Tile.tsx
15199
15203
  import { jsx as jsx75 } from "@emotion/react/jsx-runtime";
15200
- var Tile2 = ({ children, disabled: disabled2, ...props }) => {
15201
- return /* @__PURE__ */ jsx75("button", { type: "button", css: Tile, disabled: disabled2, ...props, children });
15204
+ var Tile2 = ({ children, disabled: disabled2, isSelected, ...props }) => {
15205
+ return /* @__PURE__ */ jsx75(
15206
+ "button",
15207
+ {
15208
+ type: "button",
15209
+ css: [Tile, isSelected ? TileIsSelected : void 0],
15210
+ disabled: disabled2,
15211
+ ...props,
15212
+ children
15213
+ }
15214
+ );
15202
15215
  };
15203
15216
 
15204
15217
  // src/components/Tiles/styles/TileContainer.styles.ts
package/dist/index.d.mts CHANGED
@@ -23023,8 +23023,9 @@ declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProp
23023
23023
  type TileProps = {
23024
23024
  children: ReactNode;
23025
23025
  disabled?: boolean;
23026
+ isSelected?: boolean;
23026
23027
  } & HtmlHTMLAttributes<HTMLButtonElement>;
23027
- declare const Tile: ({ children, disabled, ...props }: TileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23028
+ declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23028
23029
 
23029
23030
  type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
23030
23031
  /** sets the background colour of the outter container
package/dist/index.d.ts CHANGED
@@ -23023,8 +23023,9 @@ declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProp
23023
23023
  type TileProps = {
23024
23024
  children: ReactNode;
23025
23025
  disabled?: boolean;
23026
+ isSelected?: boolean;
23026
23027
  } & HtmlHTMLAttributes<HTMLButtonElement>;
23027
- declare const Tile: ({ children, disabled, ...props }: TileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23028
+ declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23028
23029
 
23029
23030
  type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
23030
23031
  /** sets the background colour of the outter container
package/dist/index.js CHANGED
@@ -16953,11 +16953,24 @@ var Tile = import_react82.css`
16953
16953
  pointer-events: none;
16954
16954
  }
16955
16955
  `;
16956
+ var TileIsSelected = import_react82.css`
16957
+ border: calc(${tileBorderSize} + 1px) solid var(--primary-action-active);
16958
+ z-index: 1; // Used to elevate active state border over other Tile borders
16959
+ `;
16956
16960
 
16957
16961
  // src/components/Tiles/Tile.tsx
16958
16962
  var import_jsx_runtime75 = require("@emotion/react/jsx-runtime");
16959
- var Tile2 = ({ children, disabled: disabled2, ...props }) => {
16960
- return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", css: Tile, disabled: disabled2, ...props, children });
16963
+ var Tile2 = ({ children, disabled: disabled2, isSelected, ...props }) => {
16964
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
16965
+ "button",
16966
+ {
16967
+ type: "button",
16968
+ css: [Tile, isSelected ? TileIsSelected : void 0],
16969
+ disabled: disabled2,
16970
+ ...props,
16971
+ children
16972
+ }
16973
+ );
16961
16974
  };
16962
16975
 
16963
16976
  // src/components/Tiles/TileContainer.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "19.55.2-alpha.57+ce05e047a",
3
+ "version": "19.55.2-alpha.60+f5039d327",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -23,8 +23,8 @@
23
23
  "@storybook/react": "6.5.16",
24
24
  "@types/react": "18.2.21",
25
25
  "@types/react-dom": "18.2.7",
26
- "@uniformdev/canvas": "^19.55.2-alpha.57+ce05e047a",
27
- "@uniformdev/richtext": "^19.55.2-alpha.57+ce05e047a",
26
+ "@uniformdev/canvas": "^19.55.2-alpha.60+f5039d327",
27
+ "@uniformdev/richtext": "^19.55.2-alpha.60+f5039d327",
28
28
  "autoprefixer": "10.4.16",
29
29
  "hygen": "6.2.11",
30
30
  "postcss": "8.4.31",
@@ -67,5 +67,5 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "ce05e047a1116e4b1edeb495b1d0a3943bbe9833"
70
+ "gitHead": "f5039d327b25d3ea6334791fb8e3a4ccdb6bc6da"
71
71
  }