@innovaccer/design-system 4.7.0 → 4.8.0

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 (18) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/css/dist/index.css +32 -48
  3. package/css/dist/index.css.map +1 -1
  4. package/css/src/ai-components/button.module.css +32 -47
  5. package/css/src/components/select.module.css +0 -1
  6. package/dist/brotli/index.js +1 -1
  7. package/dist/brotli/index.js.br +0 -0
  8. package/dist/cjs/index.js +1 -1
  9. package/dist/core/ai-components/AIButton/index.d.ts +2 -1
  10. package/dist/esm/index.js +179 -183
  11. package/dist/gzip/index.js +1 -1
  12. package/dist/gzip/index.js.gz +0 -0
  13. package/dist/index.js +180 -184
  14. package/dist/index.js.map +1 -1
  15. package/dist/index.umd.css +32 -48
  16. package/dist/index.umd.js +1 -1
  17. package/dist/types/tsconfig.type.tsbuildinfo +3 -3
  18. package/package.json +1 -1
package/dist/index.umd.css CHANGED
@@ -10071,7 +10071,6 @@ body {
10071
10071
  -moz-user-select: none;
10072
10072
  user-select: none;
10073
10073
  cursor: pointer;
10074
- color: var(--inverse);
10075
10074
  border-radius: var(--border-radius-full);
10076
10075
  padding: var(--spacing-05);
10077
10076
  }
@@ -10254,62 +10253,47 @@ body {
10254
10253
  line-height: var(--font-height-s);
10255
10254
  display: flex;
10256
10255
  align-items: center;
10257
- }
10258
-
10259
- .AIButton:disabled {
10260
- cursor: not-allowed;
10261
- pointer-events: none;
10262
- }
10263
-
10264
- .AIButton:focus {
10265
- outline: 0;
10266
- }
10267
-
10268
- /* Primary Button */
10269
-
10270
- .AIButton--primary {
10271
- background: var(--primary);
10272
- color: var(--white);
10273
- }
10274
-
10275
- .AIButton--primary:hover {
10276
- background: var(--primary-dark);
10277
- }
10278
-
10279
- .AIButton--primary:active {
10280
- background: var(--primary-darker);
10281
- }
10282
-
10283
- .AIButton--primary:disabled {
10284
- background: var(--primary-lighter);
10285
- }
10286
-
10287
- .AIButton--primary:focus {
10288
- box-shadow: var(--shadow-spread) var(--primary-shadow);
10289
- }
10290
-
10291
- /* Basic Button */
10292
-
10293
- .AIButton--basic {
10294
- background: var(--secondary-light);
10295
10256
  color: var(--inverse);
10257
+ background: linear-gradient(
10258
+ 277deg,
10259
+ rgba(227, 28, 121, 0.15) 0%,
10260
+ rgba(231, 56, 79, 0.24) 28%,
10261
+ rgba(240, 125, 0, 0.15) 100%
10262
+ );
10296
10263
  }
10297
10264
 
10298
- .AIButton--basic:hover {
10299
- background: var(--secondary);
10265
+ .AIButton:hover {
10266
+ background: linear-gradient(
10267
+ 277deg,
10268
+ rgba(227, 28, 121, 0.2) 0%,
10269
+ rgba(231, 56, 79, 0.32) 28%,
10270
+ rgba(240, 125, 0, 0.2) 100%
10271
+ );
10300
10272
  }
10301
10273
 
10302
- .AIButton--basic:active {
10303
- background: var(--secondary-dark);
10274
+ .AIButton:active {
10275
+ background: linear-gradient(
10276
+ 277deg,
10277
+ rgba(227, 28, 121, 0.31) 0%,
10278
+ rgba(231, 56, 79, 0.48) 28%,
10279
+ rgba(240, 125, 0, 0.31) 100%
10280
+ );
10304
10281
  }
10305
10282
 
10306
- .AIButton--basic:disabled {
10307
- background: var(--secondary-lighter);
10308
- color: var(--inverse-lightest);
10283
+ .AIButton:disabled {
10284
+ cursor: not-allowed;
10285
+ opacity: var(--opacity-10);
10286
+ background: linear-gradient(
10287
+ 277deg,
10288
+ rgba(227, 28, 121, 0.15) 0%,
10289
+ rgba(231, 56, 79, 0.24) 28%,
10290
+ rgba(240, 125, 0, 0.15) 100%
10291
+ );
10309
10292
  }
10310
10293
 
10311
- .AIButton--basic:focus {
10312
- box-shadow: var(--shadow-spread) var(--secondary-shadow);
10294
+ .AIButton:focus {
10295
+ outline: 0;
10296
+ box-shadow: var(--shadow-spread) var(--primary-shadow);
10313
10297
  }
10314
10298
 
10315
10299
  /* Button Icon */