components-test-pb 0.0.7 → 0.0.9

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 (6) hide show
  1. package/dist/Components/Button/useButtonStyles.styles.js +39 -3
  2. package/dist/index.d.ts +2 -0
  3. package/dist/index.js +1 -0
  4. package/package.json +1 -1
  5. package/src/Components/Button/useButtonStyles.styles.ts +48 -3
  6. package/src/index.ts +4 -1
package/dist/Components/Button/useButtonStyles.styles.js CHANGED
@@ -93,10 +93,46 @@ const useRootStyles = makeStyles({
93
93
  }
94
94
  });
95
95
  const useRootDisabledstyles = makeStyles({
96
- base: {},
97
- primary: {},
96
+ base: {
97
+ backgroundColor: Tokens.colorNeutralBackgroundDisabled,
98
+ ...shorthands.borderColor(Tokens.colorNeutralStrokeDisabled),
99
+ color: Tokens.colorNeutralForegroundDisabled,
100
+ cursor: 'not-allowed',
101
+ ':hover': {
102
+ backgroundColor: Tokens.colorNeutralBackgroundDisabled,
103
+ ...shorthands.borderColor(Tokens.colorNeutralStrokeDisabled),
104
+ color: Tokens.colorNeutralForegroundDisabled,
105
+ cursor: 'not-allowed'
106
+ },
107
+ ':hover:active,:active:focus-visible': {
108
+ backgroundColor: Tokens.colorNeutralBackgroundDisabled,
109
+ ...shorthands.borderColor(Tokens.colorNeutralStrokeDisabled),
110
+ color: Tokens.colorNeutralForegroundDisabled,
111
+ cursor: 'not-allowed'
112
+ }
113
+ },
114
+ primary: {
115
+ ...shorthands.borderColor('transparent'),
116
+ ':hover': {
117
+ ...shorthands.borderColor('transparent')
118
+ },
119
+ ':hover:active,:active:focus-visible': {
120
+ ...shorthands.borderColor('transparent')
121
+ }
122
+ },
98
123
  secondary: {},
99
- tertiary: {}
124
+ tertiary: {
125
+ backgroundColor: 'transparent',
126
+ ...shorthands.borderColor('transparent'),
127
+ ':hover': {
128
+ backgroundColor: 'transparent',
129
+ ...shorthands.borderColor('transparent')
130
+ },
131
+ ':hover:active,:active:focus-visible': {
132
+ backgroundColor: 'transparent',
133
+ ...shorthands.borderColor('transparent')
134
+ }
135
+ }
100
136
  });
101
137
  export const useButtonStyles = (state) => {
102
138
  const rootBaseClassName = useRootBaseClassName();
package/dist/index.d.ts CHANGED
@@ -6,3 +6,5 @@ export * from './Types/compose/index.js';
6
6
  export * from './Types/utils/index.js';
7
7
  export { useARIAButtonProps } from './utilities/index.js';
8
8
  export type { ARIAButtonType, ARIAButtonProps, ARIAButtonResultProps } from './utilities/index.js';
9
+ export { Tokens } from './Theme/tokens.js';
10
+ export type { Tokens as TokensType } from './Theme/tokens.js';
package/dist/index.js CHANGED
@@ -3,3 +3,4 @@ export { Button, useButton, renderButton, useButtonStyles } from './Components/B
3
3
  export * from './Types/compose/index.js';
4
4
  export * from './Types/utils/index.js';
5
5
  export { useARIAButtonProps } from './utilities/index.js';
6
+ export { Tokens } from './Theme/tokens.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "components-test-pb",
3
- "version": "0.0.7",
3
+ "version": "0.0.9",
4
4
  "description": "",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
package/src/Components/Button/useButtonStyles.styles.ts CHANGED
@@ -117,10 +117,55 @@ const useRootStyles = makeStyles({
117
117
  });
118
118
 
119
119
  const useRootDisabledstyles = makeStyles({
120
- base: {},
121
- primary: {},
120
+ base: {
121
+ backgroundColor: Tokens.colorNeutralBackgroundDisabled,
122
+ ...shorthands.borderColor(Tokens.colorNeutralStrokeDisabled),
123
+ color: Tokens.colorNeutralForegroundDisabled,
124
+
125
+ cursor: 'not-allowed',
126
+
127
+ ':hover': {
128
+ backgroundColor: Tokens.colorNeutralBackgroundDisabled,
129
+ ...shorthands.borderColor(Tokens.colorNeutralStrokeDisabled),
130
+ color: Tokens.colorNeutralForegroundDisabled,
131
+
132
+ cursor: 'not-allowed'
133
+ },
134
+
135
+ ':hover:active,:active:focus-visible': {
136
+ backgroundColor: Tokens.colorNeutralBackgroundDisabled,
137
+ ...shorthands.borderColor(Tokens.colorNeutralStrokeDisabled),
138
+ color: Tokens.colorNeutralForegroundDisabled,
139
+
140
+ cursor: 'not-allowed'
141
+ }
142
+ },
143
+ primary: {
144
+ ...shorthands.borderColor('transparent'),
145
+
146
+ ':hover': {
147
+ ...shorthands.borderColor('transparent')
148
+ },
149
+
150
+ ':hover:active,:active:focus-visible': {
151
+ ...shorthands.borderColor('transparent')
152
+ }
153
+ },
122
154
  secondary: {},
123
- tertiary: {}
155
+ tertiary: {
156
+ backgroundColor: 'transparent',
157
+ ...shorthands.borderColor('transparent'),
158
+
159
+ ':hover': {
160
+ backgroundColor: 'transparent',
161
+ ...shorthands.borderColor('transparent')
162
+ },
163
+
164
+ ':hover:active,:active:focus-visible': {
165
+ backgroundColor: 'transparent',
166
+ ...shorthands.borderColor('transparent')
167
+ }
168
+ }
124
169
  });
125
170
 
126
171
  export const useButtonStyles = (state: ButtonState): ButtonState => {
package/src/index.ts CHANGED
@@ -29,4 +29,7 @@ export * from './Types/compose/index.js';
29
29
  export * from './Types/utils/index.js';
30
30
 
31
31
  export { useARIAButtonProps } from './utilities/index.js';
32
- export type { ARIAButtonType, ARIAButtonProps, ARIAButtonResultProps } from './utilities/index.js';
32
+ export type { ARIAButtonType, ARIAButtonProps, ARIAButtonResultProps } from './utilities/index.js';
33
+
34
+ export { Tokens } from './Theme/tokens.js';
35
+ export type { Tokens as TokensType } from './Theme/tokens.js';