@utrecht/component-library-css 1.0.0-alpha.338 → 1.0.0-alpha.339

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 (2) hide show
  1. package/dist/index.css +135 -0
  2. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -964,6 +964,141 @@ ol.utrecht-breadcrumb__list {
964
964
  gap: var(--utrecht-button-group-block-gap, 1em);
965
965
  }
966
966
 
967
+ /**
968
+ * @license EUPL-1.2
969
+ * Copyright (c) 2021-2022 Gemeente Utrecht
970
+ * Copyright (c) 2021-2022 Frameless B.V.
971
+ */
972
+ .utrecht-calendar {
973
+ background-color: var(--utrecht-calendar-background-color);
974
+ width: var(--utrecht-calendar-width);
975
+ }
976
+
977
+ .utrecht-calendar__table {
978
+ margin-inline: auto;
979
+ padding-block-end: var(--utrecht-calendar-table-padding-block-end);
980
+ padding-block-start: var(--utrecht-calendar-table-padding-block-start);
981
+ }
982
+
983
+ .utrecht-calendar__table-weeks-item {
984
+ width: var(--utrecht-calendar-table-weeks-item-width);
985
+ }
986
+
987
+ .utrecht-calendar__table-days-item-day {
988
+ --utrecht-calendar-button-border-color: var(--utrecht-calendar-table-days-item-day-border-color);
989
+ --utrecht-calendar-button-border-width: var(--utrecht-calendar-table-days-item-day-border-width);
990
+ --utrecht-calendar-button-color: var(--utrecht-calendar-table-days-item-day-color);
991
+ height: var(--utrecht-calendar-table-days-item-day-size);
992
+ width: var(--utrecht-calendar-table-days-item-day-size);
993
+ }
994
+
995
+ .utrecht-calendar__table-days-item-day:hover {
996
+ --utrecht-calendar-button-hover-background-color: var(--utrecht-calendar-table-days-item-day-hover-background-color);
997
+ --utrecht-calendar-button-hover-border-color: var(--utrecht-calendar-table-days-item-day-hover-border-color);
998
+ --utrecht-calendar-button-hover-color: var(--utrecht-calendar-table-days-item-day-hover-color);
999
+ }
1000
+
1001
+ .utrecht-calendar__table-days-item-day:focus {
1002
+ --utrecht-calendar-button-focus-background-color: var(--utrecht-calendar-table-days-item-day-focus-background-color);
1003
+ --utrecht-calendar-button-focus-border-color: var(--utrecht-calendar-table-days-item-day-focus-border-color);
1004
+ --utrecht-calendar-button-focus-color: var(--utrecht-calendar-table-days-item-day-focus-color);
1005
+ }
1006
+
1007
+ .utrecht-calendar__table-days-item-day:active {
1008
+ --utrecht-calendar-button-active-background-color: var(
1009
+ --utrecht-calendar-table-days-item-day-active-background-color
1010
+ );
1011
+ --utrecht-calendar-button-active-border-color: var(--utrecht-calendar-table-days-item-day-active-border-color);
1012
+ --utrecht-calendar-button-active-color: var(--utrecht-calendar-table-days-item-day-active-color);
1013
+ }
1014
+
1015
+ .utrecht-calendar__table-days-item-day:disabled {
1016
+ --utrecht-calendar-button-disabled-background-color: var(
1017
+ --utrecht-calendar-table-days-item-day-disabled-background-color
1018
+ );
1019
+ --utrecht-calendar-button-disabled-border-color: var(--utrecht-calendar-table-days-item-day-disabled-border-color);
1020
+ --utrecht-calendar-button-disabled-color: var(--utrecht-calendar-table-days-item-day-disabled-color);
1021
+ }
1022
+
1023
+ .utrecht-calendar__table-days-item-day--out-of-the-month {
1024
+ --utrecht-calendar-button-background-color: var(
1025
+ --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
1026
+ );
1027
+ --utrecht-calendar-button-border-color: var(--utrecht-calendar-table-days-item-day-out-of-the-month-border-color);
1028
+ --utrecht-calendar-button-color: var(--utrecht-calendar-table-days-item-day-out-of-the-month-color);
1029
+ }
1030
+
1031
+ .utrecht-calendar__table-days-item-day--is-today {
1032
+ --utrecht-calendar-button-font-weigh: var(--utrecht-calendar-table-days-item-day-is-today-font-weight);
1033
+ --utrecht-calendar-button-background-color: var(--utrecht-calendar-table-days-item-day-is-today-background-color);
1034
+ --utrecht-calendar-button-border-color: var(--utrecht-calendar-table-days-item-day-is-today-border-color);
1035
+ --utrecht-calendar-button-color: var(--utrecht-calendar-table-days-item-day-is-today-color);
1036
+ }
1037
+
1038
+ .utrecht-calendar__table-days-item-day--emphasis {
1039
+ --utrecht-calendar-button-font-weigh: var(--utrecht-calendar-table-days-item-day-emphasis-font-weight);
1040
+ --utrecht-calendar-button-background-color: var(--utrecht-calendar-table-days-item-day-emphasis-background-color);
1041
+ --utrecht-calendar-button-border-color: var(--utrecht-calendar-table-days-item-day-emphasis-border-color);
1042
+ --utrecht-calendar-button-color: var(--utrecht-calendar-table-days-item-day-emphasis-color);
1043
+ }
1044
+
1045
+ .utrecht-calendar__table-days-item-day--selected {
1046
+ --utrecht-calendar-button-font-weigh: var(--utrecht-calendar-table-days-item-day-selected-font-weight);
1047
+ --utrecht-calendar-button-background-color: var(--utrecht-calendar-table-days-item-day-selected-background-color);
1048
+ --utrecht-calendar-button-border-color: var(--utrecht-calendar-table-days-item-day-selected-border-color);
1049
+ --utrecht-calendar-button-color: var(--utrecht-calendar-table-days-item-day-selected-color);
1050
+ }
1051
+
1052
+ .utrecht-calendar__navigation {
1053
+ background-color: var(--utrecht-calendar-navigation-background-color);
1054
+ color: var(--utrecht-calendar-navigation-color);
1055
+ padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
1056
+ padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
1057
+ }
1058
+
1059
+ .utrecht-calendar__navigation-label {
1060
+ --utrecht-heading-2-color: var(--utrecht-calendar-navigation-label-color);
1061
+ font-size: var(--utrecht-calendar-navigation-label-min-font-size);
1062
+ min-inline-size: var(--utrecht-calendar-navigation-label-min-inline-size);
1063
+ text-align: center;
1064
+ }
1065
+
1066
+ .utrecht-calendar__navigation-buttons {
1067
+ align-items: center;
1068
+ display: flex;
1069
+ justify-content: center;
1070
+ }
1071
+
1072
+ .utrecht-calendar__button {
1073
+ --utrecht-button-subtle-color: var(--utrecht-calendar-button-color, currentColor);
1074
+ --utrecht-button-subtle-background-color: var(--utrecht-calendar-button-background-color, transparent);
1075
+ --utrecht-button-subtle-border-color: var(--utrecht-calendar-button-border-color, transparent);
1076
+ --utrecht-button-subtle-border-width: var(--utrecht-calendar-button-border-width);
1077
+ --utrecht-button-font-weigh: var(--utrecht-calendar-button-font-weigh);
1078
+ --utrecht-button-subtle-focus-background-color: var(--utrecht-calendar-button-focus-background-color);
1079
+ --utrecht-button-subtle-focus-border-color: var(--utrecht-calendar-button-focus-border-color);
1080
+ --utrecht-button-subtle-focus-color: var(--utrecht-calendar-button-focus-color);
1081
+ --utrecht-button-subtle-active-background-color: var(--utrecht-calendar-button-active-background-color);
1082
+ --utrecht-button-subtle-active-border-color: var(--utrecht-calendar-button-active-border-color);
1083
+ --utrecht-button-subtle-active-color: var(--utrecht-calendar-button-active-color);
1084
+ --utrecht-button-subtle-hover-background-color: var(--utrecht-calendar-button-hover-background-color);
1085
+ --utrecht-button-subtle-hover-border-color: var(--utrecht-calendar-button-hover-border-color, transparent);
1086
+ --utrecht-button-subtle-hover-color: var(--utrecht-calendar-button-hover-color);
1087
+ --utrecht-button-subtle-disabled-background-color: var(--utrecht-calendar-button-disabled-background-color);
1088
+ --utrecht-button-subtle-disabled-border-color: var(--utrecht-calendar-button-disabled-border-color);
1089
+ --utrecht-button-subtle-disabled-color: var(--utrecht-calendar-button-disabled-color);
1090
+ --utrecht-button-padding-block-end: var(--utrecht-calendar-button-padding-block-end, 0);
1091
+ --utrecht-button-padding-block-start: var(--utrecht-calendar-button-padding-block-start, 0);
1092
+ --utrecht-button-padding-inline-end: var(--utrecht-calendar-button-padding-inline-end, 0);
1093
+ --utrecht-button-padding-inline-start: var(--utrecht-calendar-button-padding-inline-start, 0);
1094
+ cursor: pointer;
1095
+ }
1096
+
1097
+ .utrecht-calendar__icon {
1098
+ height: var(--utrecht-calendar-icon-size);
1099
+ width: var(--utrecht-calendar-icon-size);
1100
+ }
1101
+
967
1102
  /**
968
1103
  * @license EUPL-1.2
969
1104
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.338",
2
+ "version": "1.0.0-alpha.339",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -26,5 +26,5 @@
26
26
  "clean": "rimraf dist/"
27
27
  },
28
28
  "main": "dist/index.css",
29
- "gitHead": "a2b840c2321dc6490d093d2467ddbe5223bc25a5"
29
+ "gitHead": "c4f0516083780e2ac6158a49f4303d6645f03153"
30
30
  }