@pingux/astro 2.182.3 → 2.184.0-alpha.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 (11) hide show
  1. package/README.md +4 -0
  2. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.d.ts +8 -8
  3. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +2 -2
  4. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +21 -21
  5. package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts +4 -4
  6. package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +19 -19
  7. package/lib/cjs/styles/themes/next-gen/variants/button.js +2 -2
  8. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +2 -2
  9. package/lib/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +2 -2
  10. package/lib/styles/themes/next-gen/variants/button.js +2 -2
  11. package/package.json +3 -2
package/README.md CHANGED
@@ -102,6 +102,10 @@ You will need to have the monorepo open at the root directory in VS Code for lin
102
102
  Note: To make linting and highlighting work with Yarn 2, `yarn dlx @yarnpkg/sdks vscode` needs to be run in the root directory of the monorepo. If any changes are made to any
103
103
  ESLint packages or versions these features may stop working. Run this command again to solve the issue. Be sure to commit the changes so others don't run into the same issue.
104
104
 
105
+ ## Testing Local Changes in an External App
106
+
107
+ See the [Testing Local Changes in an External App](../../README.md#testing-local-changes-in-an-external-app) section in the root README for step-by-step instructions.
108
+
105
109
  ## Licensing
106
110
 
107
111
  This project is licensed under the Apache 2.0 license. See the [LICENSE](LICENSE) file for more information.
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.d.ts CHANGED
@@ -201,7 +201,7 @@ declare const buttons: {
201
201
  backgroundColor: string;
202
202
  };
203
203
  '&.is-pressed': {
204
- backgroundColor: any;
204
+ backgroundColor: string;
205
205
  borderColor: any;
206
206
  path: {
207
207
  fill: any;
@@ -238,7 +238,7 @@ declare const buttons: {
238
238
  backgroundColor: string;
239
239
  };
240
240
  '&.is-pressed': {
241
- backgroundColor: any;
241
+ backgroundColor: string;
242
242
  borderColor: any;
243
243
  path: {
244
244
  fill: any;
@@ -260,7 +260,7 @@ declare const buttons: {
260
260
  fill: string;
261
261
  };
262
262
  '&.is-pressed': {
263
- backgroundColor: any;
263
+ backgroundColor: string;
264
264
  borderColor: any;
265
265
  path: {
266
266
  fill: any;
@@ -278,7 +278,7 @@ declare const buttons: {
278
278
  backgroundColor: string;
279
279
  };
280
280
  '&.is-pressed': {
281
- backgroundColor: any;
281
+ backgroundColor: string;
282
282
  borderColor: any;
283
283
  path: {
284
284
  fill: any;
@@ -296,7 +296,7 @@ declare const buttons: {
296
296
  backgroundColor: string;
297
297
  };
298
298
  '&.is-pressed': {
299
- backgroundColor: any;
299
+ backgroundColor: string;
300
300
  borderColor: any;
301
301
  path: {
302
302
  fill: any;
@@ -311,7 +311,7 @@ declare const buttons: {
311
311
  fill: string;
312
312
  };
313
313
  '&.is-pressed': {
314
- backgroundColor: any;
314
+ backgroundColor: string;
315
315
  borderColor: any;
316
316
  path: {
317
317
  fill: any;
@@ -330,7 +330,7 @@ declare const buttons: {
330
330
  fill: string;
331
331
  };
332
332
  '&.is-pressed': {
333
- backgroundColor: any;
333
+ backgroundColor: string;
334
334
  borderColor: any;
335
335
  path: {
336
336
  fill: any;
@@ -359,7 +359,7 @@ declare const buttons: {
359
359
  backgroundColor: string;
360
360
  };
361
361
  '&.is-pressed': {
362
- backgroundColor: any;
362
+ backgroundColor: string;
363
363
  borderColor: any;
364
364
  path: {
365
365
  fill: any;
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.js CHANGED
@@ -26,10 +26,10 @@ var baseIconButton = {
26
26
  path: {
27
27
  fill: _onyxTokens.astroTokensDark.color.gray[400]
28
28
  },
29
- backgroundColor: 'backgroundSecondary'
29
+ backgroundColor: 'light'
30
30
  },
31
31
  '&.is-pressed': {
32
- backgroundColor: _onyxTokens.astroTokensDark.color.gray[800],
32
+ backgroundColor: 'light',
33
33
  borderColor: _onyxTokens.astroTokensDark.color.gray[900],
34
34
  path: {
35
35
  fill: _onyxTokens.astroTokensDark.color.gray[400]
package/lib/cjs/styles/themes/next-gen/next-gen.d.ts CHANGED
@@ -1149,13 +1149,13 @@ declare const _default: {
1149
1149
  fill: string;
1150
1150
  };
1151
1151
  '&.is-hovered': {
1152
- backgroundColor: string;
1152
+ backgroundColor: any;
1153
1153
  path: {
1154
1154
  fill: string;
1155
1155
  };
1156
1156
  };
1157
1157
  '&.is-pressed': {
1158
- backgroundColor: string;
1158
+ backgroundColor: any;
1159
1159
  path: {
1160
1160
  fill: string;
1161
1161
  };
@@ -1216,13 +1216,13 @@ declare const _default: {
1216
1216
  fill: string;
1217
1217
  };
1218
1218
  '&.is-hovered': {
1219
- backgroundColor: string;
1219
+ backgroundColor: any;
1220
1220
  path: {
1221
1221
  fill: string;
1222
1222
  };
1223
1223
  };
1224
1224
  '&.is-pressed': {
1225
- backgroundColor: string;
1225
+ backgroundColor: any;
1226
1226
  path: {
1227
1227
  fill: string;
1228
1228
  };
@@ -1246,13 +1246,13 @@ declare const _default: {
1246
1246
  fill: string;
1247
1247
  };
1248
1248
  '&.is-hovered': {
1249
- backgroundColor: string;
1249
+ backgroundColor: any;
1250
1250
  path: {
1251
1251
  fill: string;
1252
1252
  };
1253
1253
  };
1254
1254
  '&.is-pressed': {
1255
- backgroundColor: string;
1255
+ backgroundColor: any;
1256
1256
  path: {
1257
1257
  fill: string;
1258
1258
  };
@@ -1279,13 +1279,13 @@ declare const _default: {
1279
1279
  fill: string;
1280
1280
  };
1281
1281
  '&.is-hovered': {
1282
- backgroundColor: string;
1282
+ backgroundColor: any;
1283
1283
  path: {
1284
1284
  fill: string;
1285
1285
  };
1286
1286
  };
1287
1287
  '&.is-pressed': {
1288
- backgroundColor: string;
1288
+ backgroundColor: any;
1289
1289
  path: {
1290
1290
  fill: string;
1291
1291
  };
@@ -1328,7 +1328,7 @@ declare const _default: {
1328
1328
  fill: string;
1329
1329
  };
1330
1330
  '&.is-hovered': {
1331
- backgroundColor: string;
1331
+ backgroundColor: any;
1332
1332
  path: {
1333
1333
  fill: string;
1334
1334
  };
@@ -1355,13 +1355,13 @@ declare const _default: {
1355
1355
  fill: string;
1356
1356
  };
1357
1357
  '&.is-hovered': {
1358
- backgroundColor: string;
1358
+ backgroundColor: any;
1359
1359
  path: {
1360
1360
  fill: string;
1361
1361
  };
1362
1362
  };
1363
1363
  '&.is-pressed': {
1364
- backgroundColor: string;
1364
+ backgroundColor: any;
1365
1365
  path: {
1366
1366
  fill: string;
1367
1367
  };
@@ -1385,13 +1385,13 @@ declare const _default: {
1385
1385
  fill: string;
1386
1386
  };
1387
1387
  '&.is-hovered': {
1388
- backgroundColor: string;
1388
+ backgroundColor: any;
1389
1389
  path: {
1390
1390
  fill: string;
1391
1391
  };
1392
1392
  };
1393
1393
  '&.is-pressed': {
1394
- backgroundColor: string;
1394
+ backgroundColor: any;
1395
1395
  path: {
1396
1396
  fill: string;
1397
1397
  };
@@ -1436,7 +1436,7 @@ declare const _default: {
1436
1436
  fill: string;
1437
1437
  };
1438
1438
  '&.is-pressed': {
1439
- backgroundColor: string;
1439
+ backgroundColor: any;
1440
1440
  path: {
1441
1441
  fill: string;
1442
1442
  };
@@ -1578,13 +1578,13 @@ declare const _default: {
1578
1578
  fill: string;
1579
1579
  };
1580
1580
  '&.is-hovered': {
1581
- backgroundColor: string;
1581
+ backgroundColor: any;
1582
1582
  path: {
1583
1583
  fill: string;
1584
1584
  };
1585
1585
  };
1586
1586
  '&.is-pressed': {
1587
- backgroundColor: string;
1587
+ backgroundColor: any;
1588
1588
  path: {
1589
1589
  fill: string;
1590
1590
  };
@@ -1609,7 +1609,7 @@ declare const _default: {
1609
1609
  fill: string;
1610
1610
  };
1611
1611
  '&.is-pressed': {
1612
- backgroundColor: string;
1612
+ backgroundColor: any;
1613
1613
  path: {
1614
1614
  fill: string;
1615
1615
  };
@@ -1635,13 +1635,13 @@ declare const _default: {
1635
1635
  fill: string;
1636
1636
  };
1637
1637
  '&.is-hovered': {
1638
- backgroundColor: string;
1638
+ backgroundColor: any;
1639
1639
  path: {
1640
1640
  fill: string;
1641
1641
  };
1642
1642
  };
1643
1643
  '&.is-pressed': {
1644
- backgroundColor: string;
1644
+ backgroundColor: any;
1645
1645
  path: {
1646
1646
  fill: string;
1647
1647
  };
@@ -3876,13 +3876,13 @@ declare const _default: {
3876
3876
  fill: string;
3877
3877
  };
3878
3878
  '&.is-hovered': {
3879
- backgroundColor: string;
3879
+ backgroundColor: any;
3880
3880
  path: {
3881
3881
  fill: string;
3882
3882
  };
3883
3883
  };
3884
3884
  '&.is-pressed': {
3885
- backgroundColor: string;
3885
+ backgroundColor: any;
3886
3886
  path: {
3887
3887
  fill: string;
3888
3888
  };
package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts CHANGED
@@ -8,13 +8,13 @@ export declare const badgeDeleteButton: {
8
8
  fill: string;
9
9
  };
10
10
  '&.is-hovered': {
11
- backgroundColor: string;
11
+ backgroundColor: any;
12
12
  path: {
13
13
  fill: string;
14
14
  };
15
15
  };
16
16
  '&.is-pressed': {
17
- backgroundColor: string;
17
+ backgroundColor: any;
18
18
  path: {
19
19
  fill: string;
20
20
  };
@@ -687,13 +687,13 @@ export declare const badges: {
687
687
  fill: string;
688
688
  };
689
689
  '&.is-hovered': {
690
- backgroundColor: string;
690
+ backgroundColor: any;
691
691
  path: {
692
692
  fill: string;
693
693
  };
694
694
  };
695
695
  '&.is-pressed': {
696
- backgroundColor: string;
696
+ backgroundColor: any;
697
697
  path: {
698
698
  fill: string;
699
699
  };
package/lib/cjs/styles/themes/next-gen/variants/button.d.ts CHANGED
@@ -850,13 +850,13 @@ declare const buttons: {
850
850
  fill: string;
851
851
  };
852
852
  '&.is-hovered': {
853
- backgroundColor: string;
853
+ backgroundColor: any;
854
854
  path: {
855
855
  fill: string;
856
856
  };
857
857
  };
858
858
  '&.is-pressed': {
859
- backgroundColor: string;
859
+ backgroundColor: any;
860
860
  path: {
861
861
  fill: string;
862
862
  };
@@ -917,13 +917,13 @@ declare const buttons: {
917
917
  fill: string;
918
918
  };
919
919
  '&.is-hovered': {
920
- backgroundColor: string;
920
+ backgroundColor: any;
921
921
  path: {
922
922
  fill: string;
923
923
  };
924
924
  };
925
925
  '&.is-pressed': {
926
- backgroundColor: string;
926
+ backgroundColor: any;
927
927
  path: {
928
928
  fill: string;
929
929
  };
@@ -947,13 +947,13 @@ declare const buttons: {
947
947
  fill: string;
948
948
  };
949
949
  '&.is-hovered': {
950
- backgroundColor: string;
950
+ backgroundColor: any;
951
951
  path: {
952
952
  fill: string;
953
953
  };
954
954
  };
955
955
  '&.is-pressed': {
956
- backgroundColor: string;
956
+ backgroundColor: any;
957
957
  path: {
958
958
  fill: string;
959
959
  };
@@ -980,13 +980,13 @@ declare const buttons: {
980
980
  fill: string;
981
981
  };
982
982
  '&.is-hovered': {
983
- backgroundColor: string;
983
+ backgroundColor: any;
984
984
  path: {
985
985
  fill: string;
986
986
  };
987
987
  };
988
988
  '&.is-pressed': {
989
- backgroundColor: string;
989
+ backgroundColor: any;
990
990
  path: {
991
991
  fill: string;
992
992
  };
@@ -1029,7 +1029,7 @@ declare const buttons: {
1029
1029
  fill: string;
1030
1030
  };
1031
1031
  '&.is-hovered': {
1032
- backgroundColor: string;
1032
+ backgroundColor: any;
1033
1033
  path: {
1034
1034
  fill: string;
1035
1035
  };
@@ -1056,13 +1056,13 @@ declare const buttons: {
1056
1056
  fill: string;
1057
1057
  };
1058
1058
  '&.is-hovered': {
1059
- backgroundColor: string;
1059
+ backgroundColor: any;
1060
1060
  path: {
1061
1061
  fill: string;
1062
1062
  };
1063
1063
  };
1064
1064
  '&.is-pressed': {
1065
- backgroundColor: string;
1065
+ backgroundColor: any;
1066
1066
  path: {
1067
1067
  fill: string;
1068
1068
  };
@@ -1086,13 +1086,13 @@ declare const buttons: {
1086
1086
  fill: string;
1087
1087
  };
1088
1088
  '&.is-hovered': {
1089
- backgroundColor: string;
1089
+ backgroundColor: any;
1090
1090
  path: {
1091
1091
  fill: string;
1092
1092
  };
1093
1093
  };
1094
1094
  '&.is-pressed': {
1095
- backgroundColor: string;
1095
+ backgroundColor: any;
1096
1096
  path: {
1097
1097
  fill: string;
1098
1098
  };
@@ -1137,7 +1137,7 @@ declare const buttons: {
1137
1137
  fill: string;
1138
1138
  };
1139
1139
  '&.is-pressed': {
1140
- backgroundColor: string;
1140
+ backgroundColor: any;
1141
1141
  path: {
1142
1142
  fill: string;
1143
1143
  };
@@ -1279,13 +1279,13 @@ declare const buttons: {
1279
1279
  fill: string;
1280
1280
  };
1281
1281
  '&.is-hovered': {
1282
- backgroundColor: string;
1282
+ backgroundColor: any;
1283
1283
  path: {
1284
1284
  fill: string;
1285
1285
  };
1286
1286
  };
1287
1287
  '&.is-pressed': {
1288
- backgroundColor: string;
1288
+ backgroundColor: any;
1289
1289
  path: {
1290
1290
  fill: string;
1291
1291
  };
@@ -1310,7 +1310,7 @@ declare const buttons: {
1310
1310
  fill: string;
1311
1311
  };
1312
1312
  '&.is-pressed': {
1313
- backgroundColor: string;
1313
+ backgroundColor: any;
1314
1314
  path: {
1315
1315
  fill: string;
1316
1316
  };
@@ -1336,13 +1336,13 @@ declare const buttons: {
1336
1336
  fill: string;
1337
1337
  };
1338
1338
  '&.is-hovered': {
1339
- backgroundColor: string;
1339
+ backgroundColor: any;
1340
1340
  path: {
1341
1341
  fill: string;
1342
1342
  };
1343
1343
  };
1344
1344
  '&.is-pressed': {
1345
- backgroundColor: string;
1345
+ backgroundColor: any;
1346
1346
  path: {
1347
1347
  fill: string;
1348
1348
  };
package/lib/cjs/styles/themes/next-gen/variants/button.js CHANGED
@@ -361,13 +361,13 @@ var baseIconButton = _objectSpread(_objectSpread({}, baseIconButtonStyle), {}, {
361
361
  fill: 'dark'
362
362
  },
363
363
  '&.is-hovered': {
364
- backgroundColor: 'background.hover',
364
+ backgroundColor: _onyxTokens.astroTokens.color.gray[100],
365
365
  path: {
366
366
  fill: 'dark'
367
367
  }
368
368
  },
369
369
  '&.is-pressed': {
370
- backgroundColor: 'background.hover',
370
+ backgroundColor: _onyxTokens.astroTokens.color.gray[100],
371
371
  path: {
372
372
  fill: 'dark'
373
373
  }
package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts CHANGED
@@ -8,13 +8,13 @@ export declare const badgeDeleteButton: {
8
8
  fill: string;
9
9
  };
10
10
  '&.is-hovered': {
11
- backgroundColor: string;
11
+ backgroundColor: any;
12
12
  path: {
13
13
  fill: string;
14
14
  };
15
15
  };
16
16
  '&.is-pressed': {
17
- backgroundColor: string;
17
+ backgroundColor: any;
18
18
  path: {
19
19
  fill: string;
20
20
  };
package/lib/styles/themeOverrides/nextGenDarkMode/variants/buttons.js CHANGED
@@ -19,10 +19,10 @@ var baseIconButton = {
19
19
  path: {
20
20
  fill: astroTokensDark.color.gray[400]
21
21
  },
22
- backgroundColor: 'backgroundSecondary'
22
+ backgroundColor: 'light'
23
23
  },
24
24
  '&.is-pressed': {
25
- backgroundColor: astroTokensDark.color.gray[800],
25
+ backgroundColor: 'light',
26
26
  borderColor: astroTokensDark.color.gray[900],
27
27
  path: {
28
28
  fill: astroTokensDark.color.gray[400]
package/lib/styles/themes/next-gen/variants/button.js CHANGED
@@ -354,13 +354,13 @@ var baseIconButton = _objectSpread(_objectSpread({}, baseIconButtonStyle), {}, {
354
354
  fill: 'dark'
355
355
  },
356
356
  '&.is-hovered': {
357
- backgroundColor: 'background.hover',
357
+ backgroundColor: astroTokens.color.gray[100],
358
358
  path: {
359
359
  fill: 'dark'
360
360
  }
361
361
  },
362
362
  '&.is-pressed': {
363
- backgroundColor: 'background.hover',
363
+ backgroundColor: astroTokens.color.gray[100],
364
364
  path: {
365
365
  fill: 'dark'
366
366
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.182.3",
3
+ "version": "2.184.0-alpha.0",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",
@@ -30,7 +30,8 @@
30
30
  "start": " storybook dev -p 6006",
31
31
  "storybook": "npm start",
32
32
  "test": "jest",
33
- "test:watch": "jest watch"
33
+ "test:watch": "jest watch",
34
+ "publish:local": "npm i && npx nx build && cd ../../dist/astro && sh -c 'TAR=$(npm pack); printf \"%s\\n\" \"$PWD/$TAR\" | pbcopy; echo \"Packed: $PWD/$TAR\"'"
34
35
  },
35
36
  "dependencies": {
36
37
  "@babel/runtime": "7.16.3",