@ndla/preset-panda 0.0.34 → 0.0.35
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.
- package/dist/styles.css +7 -0
- package/es/semanticTokens.js +27 -0
- package/lib/semanticTokens.d.ts +27 -0
- package/lib/semanticTokens.js +27 -0
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -641,6 +641,13 @@
|
|
|
641
641
|
--colors-surface-action-my-ndla: var(--colors-yellow-300);
|
|
642
642
|
--colors-surface-action-my-ndla-hover: var(--colors-yellow-500);
|
|
643
643
|
--colors-surface-action-my-ndla-current: var(--colors-yellow-700);
|
|
644
|
+
--colors-surface-action-brand-1: var(--colors-purple-50);
|
|
645
|
+
--colors-surface-action-brand-1-hover: var(--colors-purple-100);
|
|
646
|
+
--colors-surface-action-brand-1-active: var(--colors-purple-300);
|
|
647
|
+
--colors-surface-action-brand-1-selected: var(--colors-purple-400);
|
|
648
|
+
--colors-surface-action-brand-2: var(--colors-blue-50);
|
|
649
|
+
--colors-surface-action-brand-2-hover: var(--colors-blue-100);
|
|
650
|
+
--colors-surface-action-brand-2-selected: var(--colors-blue-200);
|
|
644
651
|
--colors-surface-action-subtle: var(--colors-purple-50);
|
|
645
652
|
--colors-surface-action-subtle-hover: var(--colors-purple-100);
|
|
646
653
|
--colors-surface-action-subtle-hover-strong: var(--colors-purple-400);
|
package/es/semanticTokens.js
CHANGED
|
@@ -357,6 +357,33 @@ export const semanticTokens = defineSemanticTokens({
|
|
|
357
357
|
current: {
|
|
358
358
|
value: "{colors.yellow.700}"
|
|
359
359
|
}
|
|
360
|
+
},
|
|
361
|
+
brand: {
|
|
362
|
+
1: {
|
|
363
|
+
DEFAULT: {
|
|
364
|
+
value: "{colors.purple.50}"
|
|
365
|
+
},
|
|
366
|
+
hover: {
|
|
367
|
+
value: "{colors.purple.100}"
|
|
368
|
+
},
|
|
369
|
+
active: {
|
|
370
|
+
value: "{colors.purple.300}"
|
|
371
|
+
},
|
|
372
|
+
selected: {
|
|
373
|
+
value: "{colors.purple.400}"
|
|
374
|
+
}
|
|
375
|
+
},
|
|
376
|
+
2: {
|
|
377
|
+
DEFAULT: {
|
|
378
|
+
value: "{colors.blue.50}"
|
|
379
|
+
},
|
|
380
|
+
hover: {
|
|
381
|
+
value: "{colors.blue.100}"
|
|
382
|
+
},
|
|
383
|
+
selected: {
|
|
384
|
+
value: "{colors.blue.200}"
|
|
385
|
+
}
|
|
386
|
+
}
|
|
360
387
|
}
|
|
361
388
|
},
|
|
362
389
|
actionSubtle: {
|
package/lib/semanticTokens.d.ts
CHANGED
|
@@ -356,6 +356,33 @@ export declare const semanticTokens: {
|
|
|
356
356
|
value: string;
|
|
357
357
|
};
|
|
358
358
|
};
|
|
359
|
+
brand: {
|
|
360
|
+
1: {
|
|
361
|
+
DEFAULT: {
|
|
362
|
+
value: string;
|
|
363
|
+
};
|
|
364
|
+
hover: {
|
|
365
|
+
value: string;
|
|
366
|
+
};
|
|
367
|
+
active: {
|
|
368
|
+
value: string;
|
|
369
|
+
};
|
|
370
|
+
selected: {
|
|
371
|
+
value: string;
|
|
372
|
+
};
|
|
373
|
+
};
|
|
374
|
+
2: {
|
|
375
|
+
DEFAULT: {
|
|
376
|
+
value: string;
|
|
377
|
+
};
|
|
378
|
+
hover: {
|
|
379
|
+
value: string;
|
|
380
|
+
};
|
|
381
|
+
selected: {
|
|
382
|
+
value: string;
|
|
383
|
+
};
|
|
384
|
+
};
|
|
385
|
+
};
|
|
359
386
|
};
|
|
360
387
|
actionSubtle: {
|
|
361
388
|
DEFAULT: {
|
package/lib/semanticTokens.js
CHANGED
|
@@ -363,6 +363,33 @@ const semanticTokens = exports.semanticTokens = (0, _dev.defineSemanticTokens)({
|
|
|
363
363
|
current: {
|
|
364
364
|
value: "{colors.yellow.700}"
|
|
365
365
|
}
|
|
366
|
+
},
|
|
367
|
+
brand: {
|
|
368
|
+
1: {
|
|
369
|
+
DEFAULT: {
|
|
370
|
+
value: "{colors.purple.50}"
|
|
371
|
+
},
|
|
372
|
+
hover: {
|
|
373
|
+
value: "{colors.purple.100}"
|
|
374
|
+
},
|
|
375
|
+
active: {
|
|
376
|
+
value: "{colors.purple.300}"
|
|
377
|
+
},
|
|
378
|
+
selected: {
|
|
379
|
+
value: "{colors.purple.400}"
|
|
380
|
+
}
|
|
381
|
+
},
|
|
382
|
+
2: {
|
|
383
|
+
DEFAULT: {
|
|
384
|
+
value: "{colors.blue.50}"
|
|
385
|
+
},
|
|
386
|
+
hover: {
|
|
387
|
+
value: "{colors.blue.100}"
|
|
388
|
+
},
|
|
389
|
+
selected: {
|
|
390
|
+
value: "{colors.blue.200}"
|
|
391
|
+
}
|
|
392
|
+
}
|
|
366
393
|
}
|
|
367
394
|
},
|
|
368
395
|
actionSubtle: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/preset-panda",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.35",
|
|
4
4
|
"description": "Panda preset for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
"publishConfig": {
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "5bad5d1659659f8f6a1a8cb790d43fdbbfcdedbc"
|
|
41
41
|
}
|